@antsoo-lib/components 0.1.4 → 0.1.6

package/dist/src/vc-tree-select/TreeSelect.d.ts

@@ -0,0 +1,708 @@
+import { ExtractPropTypes, PropType, CSSProperties, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { VueNode } from '../_util/type';
+import { SelectProps } from '../vc-select';
+import { DisplayValueType, RenderDOMFunc, Placement, CustomTagProps, DropdownRender } from '../vc-select/BaseSelect';
+import { ExpandAction } from '../vc-tree/props';
+import { Key } from './interface';
+import { CheckedStrategy } from './utils/strategyUtil';
+import { VueTypeValidableDef } from 'vue-types';
+import { AlignType } from '../vc-trigger/interface';
+export type OnInternalSelect = (value: RawValueType, info: {
+    selected: boolean;
+}) => void;
+export type RawValueType = string | number;
+export interface LabeledValueType {
+    key?: Key;
+    value?: RawValueType;
+    label?: any;
+    /** Only works on `treeCheckStrictly` */
+    halfChecked?: boolean;
+}
+export type SelectSource = 'option' | 'selection' | 'input' | 'clear';
+export type DraftValueType = RawValueType | LabeledValueType | (RawValueType | LabeledValueType)[];
+/** @deprecated This is only used for legacy compatible. Not works on new code. */
+export interface LegacyCheckedNode {
+    pos: string;
+    node: any;
+    children?: LegacyCheckedNode[];
+}
+export interface ChangeEventExtra {
+    /** @deprecated Please save prev value by control logic instead */
+    preValue: LabeledValueType[];
+    triggerValue: RawValueType;
+    /** @deprecated Use `onSelect` or `onDeselect` instead. */
+    selected?: boolean;
+    /** @deprecated Use `onSelect` or `onDeselect` instead. */
+    checked?: boolean;
+    /** @deprecated This prop not work as react node anymore. */
+    triggerNode: any;
+    /** @deprecated This prop not work as react node anymore. */
+    allCheckedNodes: LegacyCheckedNode[];
+}
+export interface FieldNames {
+    value?: string;
+    label?: string;
+    children?: string;
+}
+export interface InternalFieldName extends Omit<FieldNames, 'label'> {
+    _title: string[];
+}
+export interface SimpleModeConfig {
+    id?: Key;
+    pId?: Key;
+    rootPId?: Key;
+}
+export interface BaseOptionType {
+    disabled?: boolean;
+    checkable?: boolean;
+    disableCheckbox?: boolean;
+    children?: BaseOptionType[];
+    [name: string]: any;
+}
+export interface DefaultOptionType extends BaseOptionType {
+    value?: RawValueType;
+    title?: any;
+    label?: any;
+    key?: Key;
+    children?: DefaultOptionType[];
+}
+export interface LegacyDataNode extends DefaultOptionType {
+    props: any;
+}
+export declare function treeSelectProps<ValueType = any, OptionType extends BaseOptionType = DefaultOptionType>(): {
+    prefixCls: StringConstructor;
+    id: StringConstructor;
+    value: {
+        type: PropType<ValueType>;
+    };
+    defaultValue: {
+        type: PropType<ValueType>;
+    };
+    onChange: {
+        type: PropType<(value: ValueType, labelList: any[], extra: ChangeEventExtra) => void>;
+    };
+    searchValue: StringConstructor;
+    /** @deprecated Use `searchValue` instead */
+    inputValue: StringConstructor;
+    onSearch: {
+        type: PropType<(value: string) => void>;
+    };
+    autoClearSearchValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    filterTreeNode: {
+        type: PropType<boolean | ((inputValue: string, treeNode: DefaultOptionType) => boolean)>;
+        default: undefined;
+    };
+    treeNodeFilterProp: StringConstructor;
+    onSelect: PropType<SelectProps["onSelect"]>;
+    onDeselect: PropType<SelectProps["onDeselect"]>;
+    showCheckedStrategy: {
+        type: PropType<CheckedStrategy>;
+    };
+    treeNodeLabelProp: StringConstructor;
+    fieldNames: {
+        type: PropType<FieldNames>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeCheckable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeCheckStrictly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    labelInValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeData: {
+        type: PropType<OptionType[]>;
+    };
+    treeDataSimpleMode: {
+        type: PropType<boolean | SimpleModeConfig>;
+        default: undefined;
+    };
+    loadData: {
+        type: PropType<(dataNode: LegacyDataNode) => Promise<unknown>>;
+    };
+    treeLoadedKeys: {
+        type: PropType<Key[]>;
+    };
+    onTreeLoad: {
+        type: PropType<(loadedKeys: Key[]) => void>;
+    };
+    treeDefaultExpandAll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeExpandedKeys: {
+        type: PropType<Key[]>;
+    };
+    treeDefaultExpandedKeys: {
+        type: PropType<Key[]>;
+    };
+    onTreeExpand: {
+        type: PropType<(expandedKeys: Key[]) => void>;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    listHeight: NumberConstructor;
+    listItemHeight: NumberConstructor;
+    onDropdownVisibleChange: {
+        type: PropType<(open: boolean) => void>;
+    };
+    treeLine: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    treeIcon: VueTypeValidableDef<any>;
+    showTreeIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    switcherIcon: VueTypeValidableDef<any>;
+    treeMotion: VueTypeValidableDef<any>;
+    children: PropType<VueNode[]>;
+    treeExpandAction: PropType<ExpandAction>;
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placeholder: VueTypeValidableDef<any>;
+    maxTagPlaceholder: {
+        type: PropType<(omittedValues: DisplayValueType[]) => any>;
+    };
+    dropdownPopupAlign: VueTypeValidableDef<any>;
+    customSlots: ObjectConstructor;
+    animation: StringConstructor;
+    direction: {
+        type: PropType<"ltr" | "rtl">;
+    };
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    onKeyup: PropType<(e: KeyboardEvent) => void>;
+    onMousedown: PropType<(e: MouseEvent) => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+    onClick: PropType<(e: MouseEvent) => void>;
+    autofocus: BooleanConstructor;
+    getPopupContainer: {
+        type: PropType< RenderDOMFunc>;
+    };
+    dropdownMatchSelectWidth: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    tabindex: NumberConstructor;
+    showAction: {
+        type: PropType<("focus" | "click")[]>;
+    };
+    transitionName: StringConstructor;
+    dropdownClassName: StringConstructor;
+    dropdownAlign: PropType< AlignType>;
+    allowClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    clearIcon: VueTypeValidableDef<any>;
+    placement: {
+        type: PropType< Placement>;
+    };
+    notFoundContent: VueTypeValidableDef<any>;
+    tagRender: {
+        type: PropType<(props: CustomTagProps) => any>;
+    };
+    optionLabelRender: {
+        type: PropType<(option: Record<string, any>) => any>;
+    };
+    onClear: PropType<() => void>;
+    choiceTransitionName: StringConstructor;
+    getInputElement: {
+        type: PropType<() => any>;
+    };
+    getRawInputElement: {
+        type: PropType<() => any>;
+    };
+    maxTagTextLength: NumberConstructor;
+    maxTagCount: {
+        type: PropType<number | "responsive">;
+    };
+    tokenSeparators: {
+        type: PropType<string[]>;
+    };
+    inputIcon: VueTypeValidableDef<any>;
+    removeIcon: VueTypeValidableDef<any>;
+    dropdownStyle: {
+        type: PropType< CSSProperties>;
+    };
+    dropdownRender: {
+        type: PropType< DropdownRender>;
+    };
+    onPopupScroll: PropType<(e: UIEvent) => void>;
+    onInputKeyDown: PropType<(e: KeyboardEvent) => void>;
+};
+export type TreeSelectProps = Partial<ExtractPropTypes<ReturnType<typeof treeSelectProps>>>;
+declare const _default: DefineComponent<ExtractPropTypes<{
+    prefixCls: StringConstructor;
+    id: StringConstructor;
+    value: {
+        type: PropType<any>;
+    };
+    defaultValue: {
+        type: PropType<any>;
+    };
+    onChange: {
+        type: PropType<(value: any, labelList: any[], extra: ChangeEventExtra) => void>;
+    };
+    searchValue: StringConstructor;
+    /** @deprecated Use `searchValue` instead */
+    inputValue: StringConstructor;
+    onSearch: {
+        type: PropType<(value: string) => void>;
+    };
+    autoClearSearchValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    filterTreeNode: {
+        type: PropType<boolean | ((inputValue: string, treeNode: DefaultOptionType) => boolean)>;
+        default: undefined;
+    };
+    treeNodeFilterProp: StringConstructor;
+    onSelect: PropType<SelectProps["onSelect"]>;
+    onDeselect: PropType<SelectProps["onDeselect"]>;
+    showCheckedStrategy: {
+        type: PropType<CheckedStrategy>;
+    };
+    treeNodeLabelProp: StringConstructor;
+    fieldNames: {
+        type: PropType<FieldNames>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeCheckable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeCheckStrictly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    labelInValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeData: {
+        type: PropType<DefaultOptionType[]>;
+    };
+    treeDataSimpleMode: {
+        type: PropType<boolean | SimpleModeConfig>;
+        default: undefined;
+    };
+    loadData: {
+        type: PropType<(dataNode: LegacyDataNode) => Promise<unknown>>;
+    };
+    treeLoadedKeys: {
+        type: PropType<Key[]>;
+    };
+    onTreeLoad: {
+        type: PropType<(loadedKeys: Key[]) => void>;
+    };
+    treeDefaultExpandAll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeExpandedKeys: {
+        type: PropType<Key[]>;
+    };
+    treeDefaultExpandedKeys: {
+        type: PropType<Key[]>;
+    };
+    onTreeExpand: {
+        type: PropType<(expandedKeys: Key[]) => void>;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    listHeight: NumberConstructor;
+    listItemHeight: NumberConstructor;
+    onDropdownVisibleChange: {
+        type: PropType<(open: boolean) => void>;
+    };
+    treeLine: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    treeIcon: VueTypeValidableDef<any>;
+    showTreeIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    switcherIcon: VueTypeValidableDef<any>;
+    treeMotion: VueTypeValidableDef<any>;
+    children: PropType<VueNode[]>;
+    treeExpandAction: PropType<ExpandAction>;
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placeholder: VueTypeValidableDef<any>;
+    maxTagPlaceholder: {
+        type: PropType<(omittedValues: DisplayValueType[]) => any>;
+    };
+    dropdownPopupAlign: VueTypeValidableDef<any>;
+    customSlots: ObjectConstructor;
+    animation: StringConstructor;
+    direction: {
+        type: PropType<"ltr" | "rtl">;
+    };
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    onKeyup: PropType<(e: KeyboardEvent) => void>;
+    onMousedown: PropType<(e: MouseEvent) => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+    onClick: PropType<(e: MouseEvent) => void>;
+    autofocus: BooleanConstructor;
+    getPopupContainer: {
+        type: PropType< RenderDOMFunc>;
+    };
+    dropdownMatchSelectWidth: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    tabindex: NumberConstructor;
+    showAction: {
+        type: PropType<("focus" | "click")[]>;
+    };
+    transitionName: StringConstructor;
+    dropdownClassName: StringConstructor;
+    dropdownAlign: PropType< AlignType>;
+    allowClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    clearIcon: VueTypeValidableDef<any>;
+    placement: {
+        type: PropType< Placement>;
+    };
+    notFoundContent: VueTypeValidableDef<any>;
+    tagRender: {
+        type: PropType<(props: CustomTagProps) => any>;
+    };
+    optionLabelRender: {
+        type: PropType<(option: Record<string, any>) => any>;
+    };
+    onClear: PropType<() => void>;
+    choiceTransitionName: StringConstructor;
+    getInputElement: {
+        type: PropType<() => any>;
+    };
+    getRawInputElement: {
+        type: PropType<() => any>;
+    };
+    maxTagTextLength: NumberConstructor;
+    maxTagCount: {
+        type: PropType<number | "responsive">;
+    };
+    tokenSeparators: {
+        type: PropType<string[]>;
+    };
+    inputIcon: VueTypeValidableDef<any>;
+    removeIcon: VueTypeValidableDef<any>;
+    dropdownStyle: {
+        type: PropType< CSSProperties>;
+    };
+    dropdownRender: {
+        type: PropType< DropdownRender>;
+    };
+    onPopupScroll: PropType<(e: UIEvent) => void>;
+    onInputKeyDown: PropType<(e: KeyboardEvent) => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    prefixCls: StringConstructor;
+    id: StringConstructor;
+    value: {
+        type: PropType<any>;
+    };
+    defaultValue: {
+        type: PropType<any>;
+    };
+    onChange: {
+        type: PropType<(value: any, labelList: any[], extra: ChangeEventExtra) => void>;
+    };
+    searchValue: StringConstructor;
+    /** @deprecated Use `searchValue` instead */
+    inputValue: StringConstructor;
+    onSearch: {
+        type: PropType<(value: string) => void>;
+    };
+    autoClearSearchValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    filterTreeNode: {
+        type: PropType<boolean | ((inputValue: string, treeNode: DefaultOptionType) => boolean)>;
+        default: undefined;
+    };
+    treeNodeFilterProp: StringConstructor;
+    onSelect: PropType<SelectProps["onSelect"]>;
+    onDeselect: PropType<SelectProps["onDeselect"]>;
+    showCheckedStrategy: {
+        type: PropType<CheckedStrategy>;
+    };
+    treeNodeLabelProp: StringConstructor;
+    fieldNames: {
+        type: PropType<FieldNames>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeCheckable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeCheckStrictly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    labelInValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeData: {
+        type: PropType<DefaultOptionType[]>;
+    };
+    treeDataSimpleMode: {
+        type: PropType<boolean | SimpleModeConfig>;
+        default: undefined;
+    };
+    loadData: {
+        type: PropType<(dataNode: LegacyDataNode) => Promise<unknown>>;
+    };
+    treeLoadedKeys: {
+        type: PropType<Key[]>;
+    };
+    onTreeLoad: {
+        type: PropType<(loadedKeys: Key[]) => void>;
+    };
+    treeDefaultExpandAll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    treeExpandedKeys: {
+        type: PropType<Key[]>;
+    };
+    treeDefaultExpandedKeys: {
+        type: PropType<Key[]>;
+    };
+    onTreeExpand: {
+        type: PropType<(expandedKeys: Key[]) => void>;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    listHeight: NumberConstructor;
+    listItemHeight: NumberConstructor;
+    onDropdownVisibleChange: {
+        type: PropType<(open: boolean) => void>;
+    };
+    treeLine: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    treeIcon: VueTypeValidableDef<any>;
+    showTreeIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    switcherIcon: VueTypeValidableDef<any>;
+    treeMotion: VueTypeValidableDef<any>;
+    children: PropType<VueNode[]>;
+    treeExpandAction: PropType<ExpandAction>;
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placeholder: VueTypeValidableDef<any>;
+    maxTagPlaceholder: {
+        type: PropType<(omittedValues: DisplayValueType[]) => any>;
+    };
+    dropdownPopupAlign: VueTypeValidableDef<any>;
+    customSlots: ObjectConstructor;
+    animation: StringConstructor;
+    direction: {
+        type: PropType<"ltr" | "rtl">;
+    };
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    onKeyup: PropType<(e: KeyboardEvent) => void>;
+    onMousedown: PropType<(e: MouseEvent) => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+    onClick: PropType<(e: MouseEvent) => void>;
+    autofocus: BooleanConstructor;
+    getPopupContainer: {
+        type: PropType< RenderDOMFunc>;
+    };
+    dropdownMatchSelectWidth: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    tabindex: NumberConstructor;
+    showAction: {
+        type: PropType<("focus" | "click")[]>;
+    };
+    transitionName: StringConstructor;
+    dropdownClassName: StringConstructor;
+    dropdownAlign: PropType< AlignType>;
+    allowClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    clearIcon: VueTypeValidableDef<any>;
+    placement: {
+        type: PropType< Placement>;
+    };
+    notFoundContent: VueTypeValidableDef<any>;
+    tagRender: {
+        type: PropType<(props: CustomTagProps) => any>;
+    };
+    optionLabelRender: {
+        type: PropType<(option: Record<string, any>) => any>;
+    };
+    onClear: PropType<() => void>;
+    choiceTransitionName: StringConstructor;
+    getInputElement: {
+        type: PropType<() => any>;
+    };
+    getRawInputElement: {
+        type: PropType<() => any>;
+    };
+    maxTagTextLength: NumberConstructor;
+    maxTagCount: {
+        type: PropType<number | "responsive">;
+    };
+    tokenSeparators: {
+        type: PropType<string[]>;
+    };
+    inputIcon: VueTypeValidableDef<any>;
+    removeIcon: VueTypeValidableDef<any>;
+    dropdownStyle: {
+        type: PropType< CSSProperties>;
+    };
+    dropdownRender: {
+        type: PropType< DropdownRender>;
+    };
+    onPopupScroll: PropType<(e: UIEvent) => void>;
+    onInputKeyDown: PropType<(e: KeyboardEvent) => void>;
+}>> & Readonly<{}>, {
+    open: boolean;
+    multiple: boolean;
+    disabled: boolean;
+    autofocus: boolean;
+    virtual: boolean;
+    dropdownMatchSelectWidth: number | boolean;
+    loading: boolean;
+    allowClear: boolean;
+    defaultOpen: boolean;
+    showSearch: boolean;
+    filterTreeNode: boolean | ((inputValue: string, treeNode: DefaultOptionType) => boolean);
+    treeCheckable: boolean;
+    showArrow: boolean;
+    autoClearSearchValue: boolean;
+    labelInValue: boolean;
+    treeDefaultExpandAll: boolean;
+    showTreeIcon: boolean;
+    treeLine: boolean | Record<string, any>;
+    treeCheckStrictly: boolean;
+    treeDataSimpleMode: boolean | SimpleModeConfig;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;