@component-hook/picker 0.2.5 → 1.0.0-alpha.0

package/dist/vue/picker.es.d.ts

@@ -1,78 +1,211 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { CreateComponentPublicInstanceWithMixins } from 'vue';
 import { DefineComponent } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
+import { Props as Props_2 } from './PickerColumn.vue';
 import { PublicProps } from 'vue';
 
-declare type __VLS_Props = PickerComponentProps;
-
-declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:isShowPicker": (...args: any[]) => void;
-"update:anchor": (...args: any[]) => void;
-cancel: (...args: any[]) => void;
-confirm: (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-"onUpdate:isShowPicker"?: ((...args: any[]) => any) | undefined;
-"onUpdate:anchor"?: ((...args: any[]) => any) | undefined;
-onCancel?: ((...args: any[]) => any) | undefined;
-onConfirm?: ((...args: any[]) => any) | undefined;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (args_0: PickerSelectedValues) => any;
+open: () => any;
+closed: () => any;
+"update:show": (args_0: boolean) => any;
+confirm: (args_0: PickerSelectedValues) => any;
+cancel: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+"onUpdate:modelValue"?: ((args_0: PickerSelectedValues) => any) | undefined;
+onOpen?: (() => any) | undefined;
+onClosed?: (() => any) | undefined;
+"onUpdate:show"?: ((args_0: boolean) => any) | undefined;
+onConfirm?: ((args_0: PickerSelectedValues) => any) | undefined;
+onCancel?: (() => any) | undefined;
 }>, {
-swipeTime: number;
-options: Partial<PickerOptions>;
-type: PickerBuiltIn;
-data: PickerData;
-showKey: string | Array<string>;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
+confirmButtonText: string;
+cancelButtonText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+columnsRef: (CreateComponentPublicInstanceWithMixins<Readonly<Props_2> & Readonly<{
+onChange?: ((args_0: number) => any) | undefined;
+}>, {
+scrollToSelected: (index?: number, behavior?: ScrollBehavior) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+change: (args_0: number) => any;
+}, PublicProps, {
+selectedIndex: number;
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<Props_2> & Readonly<{
+onChange?: ((args_0: number) => any) | undefined;
+}>, {
+scrollToSelected: (index?: number, behavior?: ScrollBehavior) => void;
+}, {}, {}, {}, {
+selectedIndex: number;
+}> | null)[];
+}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+        loading?(_: {}): any;
+    };
+    refs: {
+        columnsRef: (CreateComponentPublicInstanceWithMixins<Readonly<Props_2> & Readonly<{
+        onChange?: ((args_0: number) => any) | undefined;
+        }>, {
+        scrollToSelected: (index?: number, behavior?: ScrollBehavior) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        change: (args_0: number) => any;
+        }, PublicProps, {
+        selectedIndex: number;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+        }, Readonly<Props_2> & Readonly<{
+        onChange?: ((args_0: number) => any) | undefined;
+        }>, {
+        scrollToSelected: (index?: number, behavior?: ScrollBehavior) => void;
+        }, {}, {}, {}, {
+        selectedIndex: number;
+        }> | null)[];
+    };
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const DatePicker: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (args_0: PickerSelectedValues) => any;
+open: () => any;
+closed: () => any;
+"update:show": (args_0: boolean) => any;
+confirm: (args_0: PickerSelectedValues) => any;
+cancel: () => any;
+}, string, PublicProps, Readonly<Props_3> & Readonly<{
+"onUpdate:modelValue"?: ((args_0: PickerSelectedValues) => any) | undefined;
+onOpen?: (() => any) | undefined;
+onClosed?: (() => any) | undefined;
+"onUpdate:show"?: ((args_0: boolean) => any) | undefined;
+onConfirm?: ((args_0: PickerSelectedValues) => any) | undefined;
+onCancel?: (() => any) | undefined;
+}>, {
+title: string;
+columnsType: DatePickerColumnType[];
+minDate: Date;
+maxDate: Date;
+formatYearLabel: PickerFormatLabel;
+formatMonthLabel: PickerFormatLabel;
+formatDayLabel: PickerFormatLabel;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type EmitKey = 'update:isShowPicker' | 'update:anchor' | 'cancel' | 'confirm';
+export declare type DatePickerColumnType = 'year' | 'month' | 'day';
 
-export declare type NormalData = Record<PropertyKey, unknown> | string | number;
+export declare type Direction = '' | 'vertical' | 'horizontal';
 
-export declare type OriginData = Array<NormalData>;
+export declare const Picker: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare type PickerAnchor = number | Array<number>;
+export declare type PickerColumn = PickerOption[];
 
-export declare type PickerBuiltIn = 'date' | 'time' | '';
+export declare type PickerColumnsType = 'single' | 'multiple' | 'cascade';
 
-export declare interface PickerComponentProps<T = PickerAnchor> {
-    data?: PickerData;
-    isShowPicker: boolean;
-    options?: Partial<PickerOptions>;
-    anchor: T;
-    showKey?: string | Array<string>;
-    swipeTime?: number;
-    type?: PickerBuiltIn;
+export declare interface PickerFields {
+    label?: string;
+    value?: string;
+    children?: string;
 }
 
-export declare type PickerData = OriginData | Array<OriginData>;
+export declare type PickerFormatLabel = (label: string) => string;
+
+export declare interface PickerOption {
+    label?: string | number;
+    value?: string | number;
+    children?: PickerColumn;
+    [key: PropertyKey]: any;
+}
 
-export declare type PickerEmit = (event: EmitKey, ...args: unknown[]) => void;
+export declare type PickerSelectedValues = Array<PickerOption['value']>;
 
-export declare interface PickerOptions {
-    cancelClass: string;
-    confirmClass: string;
-    titleClass: string;
-    cancelColor: string;
-    confirmColor: string;
-    titleColor: string;
-    cancelText: string;
-    confirmText: string;
-    titleText: string;
+declare interface Props {
+    show: boolean;
+    modelValue?: PickerSelectedValues;
+    title?: string;
+    columns: PickerColumn | PickerColumn[];
+    linkage?: boolean;
+    loading?: boolean;
+    teleport?: string | Element;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    columnsFieldNames?: PickerFields;
 }
 
-export declare interface PickerProps<T = PickerAnchor> {
-    data: PickerData;
-    isShowPicker: boolean;
-    anchor: T;
-    options?: Partial<PickerOptions>;
-    showKey?: string | Array<string>;
-    swipeTime?: number;
-    type: PickerBuiltIn;
+declare interface Props_3 {
+    show: boolean;
+    modelValue?: PickerSelectedValues;
+    title?: string;
+    columnsType?: DatePickerColumnType[];
+    minDate?: Date;
+    maxDate?: Date;
+    teleport?: string | Element;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    formatYearLabel?: PickerFormatLabel;
+    formatMonthLabel?: PickerFormatLabel;
+    formatDayLabel?: PickerFormatLabel;
 }
 
-export declare interface PickerSelectItems<T = NormalData> {
-    item: Array<T>;
-    anchor: Array<number>;
+declare interface Props_4 {
+    show: boolean;
+    modelValue?: PickerSelectedValues;
+    title?: string;
+    columnsType?: TimePickerColumnType[];
+    minTime?: string;
+    maxTime?: string;
+    teleport?: string | Element;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    formatHourLabel?: PickerFormatLabel;
+    formatMinuteLabel?: PickerFormatLabel;
+    formatSecondLabel?: PickerFormatLabel;
 }
 
+export declare const TimePicker: DefineComponent<Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (args_0: PickerSelectedValues) => any;
+open: () => any;
+closed: () => any;
+"update:show": (args_0: boolean) => any;
+confirm: (args_0: PickerSelectedValues) => any;
+cancel: () => any;
+}, string, PublicProps, Readonly<Props_4> & Readonly<{
+"onUpdate:modelValue"?: ((args_0: PickerSelectedValues) => any) | undefined;
+onOpen?: (() => any) | undefined;
+onClosed?: (() => any) | undefined;
+"onUpdate:show"?: ((args_0: boolean) => any) | undefined;
+onConfirm?: ((args_0: PickerSelectedValues) => any) | undefined;
+onCancel?: (() => any) | undefined;
+}>, {
+title: string;
+columnsType: TimePickerColumnType[];
+formatHourLabel: PickerFormatLabel;
+formatMinuteLabel: PickerFormatLabel;
+formatSecondLabel: PickerFormatLabel;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare type TimePickerColumnType = 'hour' | 'minute' | 'second';
+
 export { }