@a-vision-software/vue-input-components 1.3.23 → 1.3.25

package/README.md

@@ -38,6 +38,10 @@ A dropdown component that supports single/multiple selection, filtering, and cus
 
 A checkbox component with support for single/multiple selection and various presentation modes.
 
+### [List](docs/components/List.md)
+
+A flexible and customizable list component that supports sorting, filtering, and different presentation styles.
+
 ## Installation
 
 ```bash

package/dist/src/components/Action.vue.d.ts

@@ -1,4 +1,5 @@
 interface ActionProps {
+    id?: string;
     icon?: string;
     label?: string;
     href?: string;
@@ -7,8 +8,10 @@ interface ActionProps {
     color?: string;
     size?: 'small' | 'regular' | 'large';
     variant?: 'solid' | 'transparent';
+    presentation?: 'default' | 'minimal';
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionProps>, {
+    id: undefined;
     icon: undefined;
     label: undefined;
     href: undefined;
@@ -17,9 +20,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     color: string;
     size: string;
     variant: string;
+    presentation: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
+    click: (event: MouseEvent, action: ActionProps) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionProps>, {
+    id: undefined;
     icon: undefined;
     label: undefined;
     href: undefined;
@@ -28,17 +33,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     color: string;
     size: string;
     variant: string;
+    presentation: string;
 }>>> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
+    onClick?: ((event: MouseEvent, action: ActionProps) => any) | undefined;
 }>, {
     disabled: boolean;
     type: "reset" | "submit" | "button";
+    id: string;
     icon: string;
     label: string;
     href: string;
     color: string;
     size: "small" | "regular" | "large";
     variant: "solid" | "transparent";
+    presentation: "default" | "minimal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/Checkbox.vue.d.ts

@@ -1,8 +1,9 @@
-import { CheckboxProps } from '../types/checkbox';
+import { CheckboxProps, CheckboxOption } from '../types/checkbox';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxProps>, {
     multiple: boolean;
     disabled: boolean;
+    options: () => never[];
     width: string;
     color: string;
     hoverColor: string;
@@ -28,6 +29,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxProps>, {
     multiple: boolean;
     disabled: boolean;
+    options: () => never[];
     width: string;
     color: string;
     hoverColor: string;
@@ -56,7 +58,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     icon: string;
     label: string;
     color: string;
+    presentation: "default" | "minimal";
     backgroundColor: string;
+    options: CheckboxOption[];
     multiple: boolean;
     width: string;
     hoverColor: string;
@@ -70,7 +74,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelAlign: "left" | "center" | "right";
     labelWidth: string;
     columns: number;
-    presentation: "default" | "minimal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/List.vue.d.ts

@@ -0,0 +1,45 @@
+import { ListProps } from '../types/list';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ListProps>, {
+    presentation: string;
+    loading: boolean;
+    width: string;
+}>>, {
+    focus: () => void;
+    blur: () => void;
+    clearFilter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:filter": (value: string) => void;
+    "row-click": (row: any, index: number) => void;
+    "row-dblclick": (row: any, index: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ListProps>, {
+    presentation: string;
+    loading: boolean;
+    width: string;
+}>>> & Readonly<{
+    "onUpdate:filter"?: ((value: string) => any) | undefined;
+    "onRow-click"?: ((row: any, index: number) => any) | undefined;
+    "onRow-dblclick"?: ((row: any, index: number) => any) | undefined;
+}>, {
+    presentation: "default" | "minimal";
+    width: string;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/TextInput.vue.d.ts

@@ -69,10 +69,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelWidth: string;
     placeholder: string;
     maxHeight: string;
-    height: string;
     readonly: boolean;
     maxlength: number;
     min: string | Date;
+    height: string;
     bgColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/config.d.ts

@@ -0,0 +1,6 @@
+export declare const config: {
+    dateFormat: {
+        locale: string;
+        options: Intl.DateTimeFormatOptions;
+    };
+};

package/dist/src/index.d.ts

@@ -4,6 +4,7 @@ import { default as Navigation } from './components/Navigation.vue';
 import { default as Action } from './components/Action.vue';
 import { default as Dropdown } from './components/Dropdown.vue';
 import { default as Checkbox } from './components/Checkbox.vue';
+import { default as List } from './components/List.vue';
 
-export { TextInput, FileUpload, Navigation, Action, Dropdown, Checkbox };
+export { TextInput, FileUpload, Navigation, Action, Dropdown, Checkbox, List };
 export * from './types';

package/dist/src/types/action.d.ts

@@ -1,15 +1,17 @@
 export interface ActionProps {
+    id?: string;
     icon?: string;
     label?: string;
     href?: string;
     type?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
     color?: string;
-    size?: 'small' | 'regular' | 'large';
     variant?: 'solid' | 'transparent';
+    size?: 'small' | 'regular' | 'large';
+    presentation?: 'default' | 'minimal';
 }
-export interface ActionEmits {
-    (e: 'click', event: MouseEvent): void;
+export interface ListActionProps extends ActionProps {
+    onActionClick: (row: any, action: any) => void;
 }
 export interface ActionComponent {
     focus: () => void;

package/dist/src/types/checkbox.d.ts

@@ -1,11 +1,11 @@
 export interface CheckboxOption {
-    id: string;
-    label: string;
+    id: string | boolean;
+    label?: string | null;
     disabled?: boolean;
 }
 export interface CheckboxProps {
-    options: CheckboxOption[];
-    modelValue: string | string[];
+    options?: CheckboxOption[];
+    modelValue: string | string[] | boolean;
     multiple?: boolean;
     disabled?: boolean;
     width?: string;
@@ -28,3 +28,6 @@ export interface CheckboxProps {
     columns?: number;
     presentation?: 'default' | 'minimal';
 }
+export interface ListCheckboxProps extends CheckboxProps {
+    onCheckboxClick: (row: any, itemKey: string) => void;
+}

package/dist/src/types/index.d.ts

@@ -7,3 +7,4 @@ export * from './action';
 export * from './navigation';
 export * from './dropdown';
 export * from './checkbox';
+export * from './list';

package/dist/src/types/list.d.ts

@@ -0,0 +1,45 @@
+import { ListActionProps } from './action';
+
+export type ListPresentation = 'default' | 'minimal';
+export type ListDataType = 'text' | 'number' | 'date' | 'action' | 'checkbox' | 'icon';
+export interface ListColumn {
+    key: string;
+    label: string;
+    type?: 'text' | 'number' | 'date' | 'action' | 'checkbox' | 'icon';
+    align?: 'left' | 'center' | 'right';
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+}
+export interface ListFilter {
+    placeholder?: string;
+    debounce?: number;
+}
+export interface ListProps {
+    columns: ListColumn[];
+    data: any[];
+    actions?: ListActionProps[];
+    filter?: {
+        placeholder?: string;
+    };
+    loading?: boolean;
+    emptyMessage?: string;
+    presentation?: 'default' | 'minimal';
+    width?: string;
+}
+export interface ListEmits {
+    (e: 'update:filter', value: string): void;
+    (e: 'row-click', row: any, index: number): void;
+    (e: 'row-dblclick', row: any, index: number): void;
+}
+export interface ListComponent {
+    focus: () => void;
+    blur: () => void;
+    clearFilter: () => void;
+}
+export interface ListIconProps {
+    icon: string;
+    color?: string;
+}