@will-ui/vue 1.0.0

package/dist/components/list/List.d.ts

@@ -0,0 +1,480 @@
+import { PropType, SlotsType } from 'vue';
+import { CssVars } from '../../util';
+import { EmptyComponentProps } from '../empty/type';
+import { LoadingComponentProps } from '../loading/type';
+/** 可通过 app.use(UI, { components: { List } }) 配置；不宜配 data/keys/checkable/activable */
+export type ListGlobalConfig = Partial<{
+    keyField: string;
+    textField: string;
+    hasCheckbox: boolean;
+    disabled: boolean;
+    size: number;
+    color: string;
+}>;
+export declare const LIST_FALLBACK: {
+    keyField: string;
+    textField: string;
+    hasCheckbox: boolean;
+    disabled: boolean;
+    size: number | undefined;
+    color: string | undefined;
+};
+export type ListItemType = Record<string, any>;
+export type ListCheckable = (item: ListItemType, index: number) => boolean;
+export type ListActivable = (item: ListItemType, index: number) => boolean;
+type ListSlots = {
+    default?: (scope: {
+        item: ListItemType;
+        index: number;
+        isActive: boolean;
+        isDisabled: boolean;
+        isChecked: boolean;
+    }) => any;
+    search?: (scope: {
+        search: (text: string) => void;
+    }) => any;
+    checkAll?: (scope: {
+        checkAll: (checked: boolean) => void;
+    }) => any;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<ListItemType[]>;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    checkable: {
+        type: PropType<ListCheckable>;
+        default: any;
+    };
+    activable: {
+        type: PropType<ListActivable>;
+        default: any;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: any;
+    };
+    all: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    keys: {
+        type: PropType<any[]>;
+        default: any;
+    };
+    keyField: {
+        type: StringConstructor;
+        default: any;
+    };
+    textField: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasCheckbox: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    itemClass: {
+        type: PropType<unknown>;
+        default: any;
+    };
+    /** 实例行高（px）→ `--w-prop-list-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-list-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-list-bg-color`） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    empty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingProps: {
+        type: PropType<LoadingComponentProps>;
+        default: () => {};
+    };
+    emptyProps: {
+        type: PropType<EmptyComponentProps>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (_item: ListItemType, _index: number, _checkedItems?: ListItemType[]) => true;
+    'update:keys': (_keys: any[]) => true;
+    'update:all': (_isAll: boolean) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<ListItemType[]>;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    checkable: {
+        type: PropType<ListCheckable>;
+        default: any;
+    };
+    activable: {
+        type: PropType<ListActivable>;
+        default: any;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: any;
+    };
+    all: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    keys: {
+        type: PropType<any[]>;
+        default: any;
+    };
+    keyField: {
+        type: StringConstructor;
+        default: any;
+    };
+    textField: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasCheckbox: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    itemClass: {
+        type: PropType<unknown>;
+        default: any;
+    };
+    /** 实例行高（px）→ `--w-prop-list-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-list-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-list-bg-color`） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    empty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingProps: {
+        type: PropType<LoadingComponentProps>;
+        default: () => {};
+    };
+    emptyProps: {
+        type: PropType<EmptyComponentProps>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onToggle?: (_item: ListItemType, _index: number, _checkedItems?: ListItemType[]) => any;
+    "onUpdate:keys"?: (_keys: any[]) => any;
+    "onUpdate:all"?: (_isAll: boolean) => any;
+}>, {
+    data: ListItemType[];
+    keyField: string;
+    textField: string;
+    hasCheckbox: boolean;
+    keys: any[];
+    size: number;
+    loading: boolean;
+    color: string;
+    cssVars: CssVars;
+    empty: boolean;
+    loadingProps: LoadingComponentProps;
+    emptyProps: EmptyComponentProps;
+    disabled: boolean;
+    checkable: ListCheckable;
+    activable: ListActivable;
+    searchText: string;
+    all: boolean;
+    itemClass: any;
+}, SlotsType<ListSlots>, {
+    Fallback: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        empty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingProps: {
+            type: PropType<LoadingComponentProps>;
+            default: () => {};
+        };
+        emptyProps: {
+            type: PropType<EmptyComponentProps>;
+            default: () => {};
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        empty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingProps: {
+            type: PropType<LoadingComponentProps>;
+            default: () => {};
+        };
+        emptyProps: {
+            type: PropType<EmptyComponentProps>;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        loading: boolean;
+        empty: boolean;
+        loadingProps: LoadingComponentProps;
+        emptyProps: EmptyComponentProps;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Checkbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | number | string | any[] | Set<any>>;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<number | string | boolean | any[]>;
+            default: () => number[];
+        };
+        text: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+        iconName: {
+            type: StringConstructor;
+            default: any;
+        };
+        trueValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        falseValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        gap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (_v: boolean | number | string | any[] | Set<any>) => true;
+        change: (_v: any) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | number | string | any[] | Set<any>>;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<number | string | boolean | any[]>;
+            default: () => number[];
+        };
+        text: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+        iconName: {
+            type: StringConstructor;
+            default: any;
+        };
+        trueValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        falseValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        gap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{
+        onChange?: (_v: any) => any;
+        "onUpdate:modelValue"?: (_v: string | number | boolean | any[] | Set<any>) => any;
+    }>, {
+        text: string;
+        value: string | number | boolean | any[];
+        size: number;
+        gap: boolean;
+        color: string;
+        cssVars: CssVars;
+        modelValue: string | number | boolean | any[] | Set<any>;
+        disabled: boolean;
+        iconName: string;
+        trueValue: string | number | boolean;
+        falseValue: string | number | boolean;
+    }, SlotsType<{
+        default?: () => any;
+    }>, {
+        Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            name: {
+                type: PropType<string>;
+                default: any;
+            };
+            fontClassName: {
+                type: StringConstructor;
+                default: any;
+            };
+            color: {
+                type: StringConstructor;
+                default: any;
+            };
+            hoverColor: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            rotate: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            deg: {
+                type: NumberConstructor;
+                default: any;
+            };
+            direction: {
+                type: PropType<import('..').IconRotateDirection>;
+                default: any;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (e: MouseEvent) => boolean;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            name: {
+                type: PropType<string>;
+                default: any;
+            };
+            fontClassName: {
+                type: StringConstructor;
+                default: any;
+            };
+            color: {
+                type: StringConstructor;
+                default: any;
+            };
+            hoverColor: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            rotate: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            deg: {
+                type: NumberConstructor;
+                default: any;
+            };
+            direction: {
+                type: PropType<import('..').IconRotateDirection>;
+                default: any;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+        }>> & Readonly<{
+            onClick?: (e: MouseEvent) => any;
+        }>, {
+            title: string;
+            deg: number;
+            size: string | number;
+            name: string;
+            fontClassName: string;
+            color: string;
+            hoverColor: string;
+            spin: boolean;
+            rotate: boolean;
+            direction: import('..').IconRotateDirection;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;