@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>
352 lines (351 loc) • 12.6 kB
TypeScript
import { App } from 'vue';
declare const OSelect: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: import('vue').PropType<import('./types').SelectValueT>;
};
defaultValue: {
type: import('vue').PropType<import('./types').SelectValueT>;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
placeholder: {
type: StringConstructor;
};
multiple: {
type: BooleanConstructor;
};
maxTagCount: {
type: NumberConstructor;
};
clearable: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
optionPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
optionWidthMode: {
type: import('vue').PropType<import('./types').OptionWidthModeT>;
default: string;
};
optionWrapClass: {
type: import('vue').PropType<string | any[]>;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
loading: {
type: BooleanConstructor;
};
beforeSelect: {
type: import('vue').PropType<(value: string | number, currentValue: import('./types').SelectValueT) => Promise<boolean | string | number> | boolean | string | number>;
};
beforeOptionsShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeOptionsHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
optionsWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
foldLabel: {
type: import('vue').PropType<(tags: Array<import('./types').SelectOptionT>) => string>;
};
showFoldTags: {
type: import('vue').PropType<boolean | "hover" | "click">;
default: string;
};
optionTitle: {
type: StringConstructor;
};
noResponsive: {
type: BooleanConstructor;
};
}>> & Readonly<{
onClear?: ((evt: Event) => any) | undefined;
onChange?: ((value: import('./types').SelectValueT) => any) | undefined;
"onUpdate:modelValue"?: ((value: import('./types').SelectValueT) => any) | undefined;
"onOptions-visible-change"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
clear: (evt: Event) => any;
change: (value: import('./types').SelectValueT) => any;
"update:modelValue": (value: import('./types').SelectValueT) => any;
"options-visible-change": (value: boolean) => any;
}, import('vue').PublicProps, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
multiple: boolean;
trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
unmountOnHide: boolean;
variant: "solid" | "outline" | "text";
loading: boolean;
noResponsive: boolean;
clearable: boolean;
optionPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
optionWidthMode: "auto" | "width" | "min-width";
optionsWrapper: string | HTMLElement | null;
showFoldTags: boolean | "click" | "hover";
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
selectRef: HTMLDivElement;
optionsRef: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: import('vue').PropType<import('./types').SelectValueT>;
};
defaultValue: {
type: import('vue').PropType<import('./types').SelectValueT>;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
placeholder: {
type: StringConstructor;
};
multiple: {
type: BooleanConstructor;
};
maxTagCount: {
type: NumberConstructor;
};
clearable: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
optionPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
optionWidthMode: {
type: import('vue').PropType<import('./types').OptionWidthModeT>;
default: string;
};
optionWrapClass: {
type: import('vue').PropType<string | any[]>;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
loading: {
type: BooleanConstructor;
};
beforeSelect: {
type: import('vue').PropType<(value: string | number, currentValue: import('./types').SelectValueT) => Promise<boolean | string | number> | boolean | string | number>;
};
beforeOptionsShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeOptionsHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
optionsWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
foldLabel: {
type: import('vue').PropType<(tags: Array<import('./types').SelectOptionT>) => string>;
};
showFoldTags: {
type: import('vue').PropType<boolean | "hover" | "click">;
default: string;
};
optionTitle: {
type: StringConstructor;
};
noResponsive: {
type: BooleanConstructor;
};
}>> & Readonly<{
onClear?: ((evt: Event) => any) | undefined;
onChange?: ((value: import('./types').SelectValueT) => any) | undefined;
"onUpdate:modelValue"?: ((value: import('./types').SelectValueT) => any) | undefined;
"onOptions-visible-change"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
multiple: boolean;
trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
unmountOnHide: boolean;
variant: "solid" | "outline" | "text";
loading: boolean;
noResponsive: boolean;
clearable: boolean;
optionPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
optionWidthMode: "auto" | "width" | "min-width";
optionsWrapper: string | HTMLElement | null;
showFoldTags: boolean | "click" | "hover";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: import('vue').PropType<import('./types').SelectValueT>;
};
defaultValue: {
type: import('vue').PropType<import('./types').SelectValueT>;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
placeholder: {
type: StringConstructor;
};
multiple: {
type: BooleanConstructor;
};
maxTagCount: {
type: NumberConstructor;
};
clearable: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
optionPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
optionWidthMode: {
type: import('vue').PropType<import('./types').OptionWidthModeT>;
default: string;
};
optionWrapClass: {
type: import('vue').PropType<string | any[]>;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
loading: {
type: BooleanConstructor;
};
beforeSelect: {
type: import('vue').PropType<(value: string | number, currentValue: import('./types').SelectValueT) => Promise<boolean | string | number> | boolean | string | number>;
};
beforeOptionsShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeOptionsHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
optionsWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
foldLabel: {
type: import('vue').PropType<(tags: Array<import('./types').SelectOptionT>) => string>;
};
showFoldTags: {
type: import('vue').PropType<boolean | "hover" | "click">;
default: string;
};
optionTitle: {
type: StringConstructor;
};
noResponsive: {
type: BooleanConstructor;
};
}>> & Readonly<{
onClear?: ((evt: Event) => any) | undefined;
onChange?: ((value: import('./types').SelectValueT) => any) | undefined;
"onUpdate:modelValue"?: ((value: import('./types').SelectValueT) => any) | undefined;
"onOptions-visible-change"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
clear: (evt: Event) => any;
change: (value: import('./types').SelectValueT) => any;
"update:modelValue": (value: import('./types').SelectValueT) => any;
"options-visible-change": (value: boolean) => any;
}, string, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
multiple: boolean;
trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
unmountOnHide: boolean;
variant: "solid" | "outline" | "text";
loading: boolean;
noResponsive: boolean;
clearable: boolean;
optionPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
optionWidthMode: "auto" | "width" | "min-width";
optionsWrapper: string | HTMLElement | null;
showFoldTags: boolean | "click" | "hover";
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: any;
}) & {
install(app: App): void;
};
export { OSelect };
export * from './types';