UNPKG

yanzhen-design-vue

Version:

415 lines (414 loc) 19.8 kB
import { Contacts } from '../constants/contacts'; declare function __VLS_template(): { slots: { header?(_: any): any; }; refs: {}; attrs: Partial<{}>; }; type __VLS_TemplateResult = ReturnType<typeof __VLS_template>; declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ defaultNode: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, { [key: string]: any; }> | (() => import('vue').VNode)>, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; activeTab: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<Contacts | Contacts[]>, unknown, unknown, Contacts, boolean>; childActiveTab: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<import('../constants').User | import('../constants').User[]>, unknown, unknown, string, boolean>; childTabs: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<{ value: import('../constants').User; label: string; }[]>, unknown, unknown, () => any[], boolean>; selectedValue: { type: import('vue').PropType<import('../constants').ContactsItem[]>; }; selectedIds: { type: import('vue').PropType<import('../constants').ContactsValue[]>; }; disableIds: { type: import('vue').PropType<import('../constants').ContactsValue[]>; }; multiple: { type: BooleanConstructor; }; isTreeMode: { type: BooleanConstructor; }; itemClass: { type: StringConstructor; }; headerClass: { type: StringConstructor; }; treeClass: { type: StringConstructor; }; selectedIconClass: { type: StringConstructor; }; onLoadMore: { type: import('vue').PropType<(state?: { x: number; y: number; isScrolling: boolean; arrivedState: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; directions: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; measure: () => void; }) => void>; }; onItemClick: { type: import('vue').PropType<(item?: Partial<import('../constants').ContactsItem>) => void>; }; onSuffixClick: { type: import('vue').PropType<(item?: Partial<import('../constants').ContactsItem>) => void>; }; onTreeExpand: { type: import('vue').PropType<(expandedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { node: import('ant-design-vue/es/tree').EventDataNode; expanded: boolean; nativeEvent: MouseEvent; }) => void>; }; onTreeSelect: { type: import('vue').PropType<(selectedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { event: "select"; selected: boolean; node: import('ant-design-vue/es/tree').EventDataNode; selectedNodes: import('ant-design-vue/es/tree').DataNode[]; nativeEvent: MouseEvent; }) => void>; }; 'onUpdate:childActiveTab': { type: import('vue').PropType<(val: any) => void>; }; 'onUpdate:loading': { type: import('vue').PropType<(loading: boolean) => void>; }; options: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').ExtractOptionType<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; valueKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; labelKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; disabledKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; childrenKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; typeKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; avatarKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; class: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; style: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; mode: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<readonly ["default", "virtual", "tree"]>, "default" | "virtual" | "tree", unknown, "default", boolean>; dataSource: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<import('../constants').ContactsItem[]>, unknown, unknown, () => any[], boolean>; loading: import('@yanzhen-libs/utils-vue').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>; disabled: import('@yanzhen-libs/utils-vue').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>; height: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; distance: import('@yanzhen-libs/utils-vue').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>; tag: import('@yanzhen-libs/utils-vue').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "item-click": (item?: Partial<import('../constants').ContactsItem>) => void; "suffix-click": (item?: Partial<import('../constants').ContactsItem>) => void; "load-more": (state?: { x: number; y: number; isScrolling: boolean; arrivedState: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; directions: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; measure: () => void; }) => void; "update:loading": (loading: boolean) => void; "tree-expand": (expandedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { node: import('ant-design-vue/es/tree').EventDataNode; expanded: boolean; nativeEvent: MouseEvent; }) => void; "tree-select": (selectedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { event: "select"; selected: boolean; node: import('ant-design-vue/es/tree').EventDataNode; selectedNodes: import('ant-design-vue/es/tree').DataNode[]; nativeEvent: MouseEvent; }) => void; "update:child-active-tab": (val: any) => void; }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ defaultNode: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, { [key: string]: any; }> | (() => import('vue').VNode)>, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; activeTab: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<Contacts | Contacts[]>, unknown, unknown, Contacts, boolean>; childActiveTab: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<import('../constants').User | import('../constants').User[]>, unknown, unknown, string, boolean>; childTabs: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<{ value: import('../constants').User; label: string; }[]>, unknown, unknown, () => any[], boolean>; selectedValue: { type: import('vue').PropType<import('../constants').ContactsItem[]>; }; selectedIds: { type: import('vue').PropType<import('../constants').ContactsValue[]>; }; disableIds: { type: import('vue').PropType<import('../constants').ContactsValue[]>; }; multiple: { type: BooleanConstructor; }; isTreeMode: { type: BooleanConstructor; }; itemClass: { type: StringConstructor; }; headerClass: { type: StringConstructor; }; treeClass: { type: StringConstructor; }; selectedIconClass: { type: StringConstructor; }; onLoadMore: { type: import('vue').PropType<(state?: { x: number; y: number; isScrolling: boolean; arrivedState: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; directions: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; measure: () => void; }) => void>; }; onItemClick: { type: import('vue').PropType<(item?: Partial<import('../constants').ContactsItem>) => void>; }; onSuffixClick: { type: import('vue').PropType<(item?: Partial<import('../constants').ContactsItem>) => void>; }; onTreeExpand: { type: import('vue').PropType<(expandedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { node: import('ant-design-vue/es/tree').EventDataNode; expanded: boolean; nativeEvent: MouseEvent; }) => void>; }; onTreeSelect: { type: import('vue').PropType<(selectedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { event: "select"; selected: boolean; node: import('ant-design-vue/es/tree').EventDataNode; selectedNodes: import('ant-design-vue/es/tree').DataNode[]; nativeEvent: MouseEvent; }) => void>; }; 'onUpdate:childActiveTab': { type: import('vue').PropType<(val: any) => void>; }; 'onUpdate:loading': { type: import('vue').PropType<(loading: boolean) => void>; }; options: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').ExtractOptionType<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; valueKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; labelKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; disabledKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; childrenKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; typeKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; avatarKey: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<string>, import('@yanzhen-libs/utils-vue').EpOptionKey<"value" | "label" | "disabled" | "children" | import('../constants').ContactsOption>, never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; class: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; style: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; mode: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<readonly ["default", "virtual", "tree"]>, "default" | "virtual" | "tree", unknown, "default", boolean>; dataSource: import('@yanzhen-libs/utils-vue').EpPropFinalized<import('vue').PropType<import('../constants').ContactsItem[]>, unknown, unknown, () => any[], boolean>; loading: import('@yanzhen-libs/utils-vue').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>; disabled: import('@yanzhen-libs/utils-vue').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>; height: { readonly type: import('vue').PropType<import('@yanzhen-libs/utils-vue').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; distance: import('@yanzhen-libs/utils-vue').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>; tag: import('@yanzhen-libs/utils-vue').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>; }>> & Readonly<{ "onItem-click"?: (item?: Partial<import('../constants').ContactsItem>) => any; "onSuffix-click"?: (item?: Partial<import('../constants').ContactsItem>) => any; "onLoad-more"?: (state?: { x: number; y: number; isScrolling: boolean; arrivedState: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; directions: { left: boolean; right: boolean; top: boolean; bottom: boolean; }; measure: () => void; }) => any; "onUpdate:loading"?: (loading: boolean) => any; "onTree-expand"?: (expandedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { node: import('ant-design-vue/es/tree').EventDataNode; expanded: boolean; nativeEvent: MouseEvent; }) => any; "onTree-select"?: (selectedKeys: import('ant-design-vue/es/vc-tree/interface').Key[], info: { event: "select"; selected: boolean; node: import('ant-design-vue/es/tree').EventDataNode; selectedNodes: import('ant-design-vue/es/tree').DataNode[]; nativeEvent: MouseEvent; }) => any; "onUpdate:child-active-tab"?: (val: any) => any; }>, { tag: string; mode: import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<readonly ["default", "virtual", "tree"]>, "default" | "virtual" | "tree", unknown>; disabled: import('@yanzhen-libs/utils-vue').EpPropMergeType<BooleanConstructor, unknown, unknown>; loading: import('@yanzhen-libs/utils-vue').EpPropMergeType<BooleanConstructor, unknown, unknown>; multiple: boolean; dataSource: import('../constants').ContactsItem[]; distance: number; activeTab: import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<Contacts | Contacts[]>, unknown, unknown>; childActiveTab: import('@yanzhen-libs/utils-vue').EpPropMergeType<import('vue').PropType<import('../constants').User | import('../constants').User[]>, unknown, unknown>; childTabs: { value: import('../constants').User; label: string; }[]; isTreeMode: boolean; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; };