@a-vision-software/vue-input-components 1.3.24 → 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

@@ -1,25 +1,28 @@
-import { ListProps, ListColumn } from '../types/list';
+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;
-    sort: (column: ListColumn, direction: "desc" | "asc") => 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<{
-    onSort?: ((column: ListColumn, direction: "desc" | "asc") => any) | undefined;
     "onUpdate:filter"?: ((value: string) => any) | undefined;
     "onRow-click"?: ((row: any, index: number) => any) | undefined;
+    "onRow-dblclick"?: ((row: any, index: number) => any) | undefined;
 }>, {
-    presentation: import('../types/list').ListPresentation;
+    presentation: "default" | "minimal";
+    width: string;
     loading: boolean;
 }, {}, {}, {}, 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/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

@@ -1,19 +1,17 @@
+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: ListDataType;
+    type?: 'text' | 'number' | 'date' | 'action' | 'checkbox' | 'icon';
+    align?: 'left' | 'center' | 'right';
     sortable?: boolean;
     filterable?: boolean;
     width?: string;
-    align?: 'left' | 'center' | 'right';
-}
-export interface ListAction {
-    label: string;
-    icon?: string;
-    onClick: () => void;
-    disabled?: boolean;
+    minWidth?: string;
+    maxWidth?: string;
 }
 export interface ListFilter {
     placeholder?: string;
@@ -22,19 +20,26 @@ export interface ListFilter {
 export interface ListProps {
     columns: ListColumn[];
     data: any[];
-    presentation?: ListPresentation;
-    filter?: ListFilter;
-    actions?: ListAction[];
+    actions?: ListActionProps[];
+    filter?: {
+        placeholder?: string;
+    };
     loading?: boolean;
     emptyMessage?: string;
+    presentation?: 'default' | 'minimal';
+    width?: string;
 }
 export interface ListEmits {
     (e: 'update:filter', value: string): void;
-    (e: 'sort', column: ListColumn, direction: 'asc' | 'desc'): 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;
+}