UNPKG

t-fighting-design

Version:

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

819 lines (818 loc) 31.7 kB
import type { PopupDirectionType, PopupCallbackInterface } from '../../popup'; import type { ToolbarType, ToolbarClickInterface } from '../../toolbar'; import type { ButtonSizeType, ButtonTargetType, ButtonType, ButtonNativeType } from '../../button'; import type { OnImgMousewheelInterface } from '../../_hooks/use-operation-img/interface'; import type { DefineComponent, PropType, VNode, RendererNode, RendererElement, Component, ComputedOptions, MethodOptions, ComputedRef, CSSProperties, h, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, EmitsOptions, Ref } from 'vue'; import type { ImagePreviewCloseInterface, ImagePreviewSwitchImageInterface as a, ImagePreviewOptionClickInterface as b } from './interface'; import type { InstallType, HandleEventInterface, ClassListInterface, OrdinaryFunctionInterface as f } from '../../_interface'; declare const _sfc_main: DefineComponent<{ readonly visible: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly imgList: { readonly type: PropType<string[]>; readonly default: () => string[]; }; readonly modalClose: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly isCloseBtn: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly showIndex: { readonly type: NumberConstructor; readonly default: () => number; readonly validator: (val: number) => boolean; }; readonly zIndex: { readonly type: NumberConstructor; readonly default: () => number; readonly validator: (val: number) => boolean; }; readonly isOption: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly round: { readonly type: StringConstructor; readonly default: () => string; }; readonly close: { readonly type: PropType<ImagePreviewCloseInterface>; readonly default: () => null; }; }, { prop: { readonly visible?: unknown; readonly imgList?: unknown; readonly modalClose?: unknown; readonly isCloseBtn?: unknown; readonly showIndex?: unknown; readonly zIndex?: unknown; readonly isOption?: unknown; readonly round?: unknown; readonly close?: unknown; } & { close: ImagePreviewCloseInterface; round: string; zIndex: number; visible: boolean; imgList: string[]; modalClose: boolean; isCloseBtn: boolean; showIndex: number; isOption: boolean; } & {}; emit: (event: "update:visible", visible: boolean) => void; scale: Ref<number>; rotate: Ref<number>; smaller: f; bigger: f; onImgMousewheel: OnImgMousewheelInterface; recovery: f; isVisible: Ref<boolean>; previewShowIndex: Ref<number>; handleClose: f; imagPreload: f; switchImage: a; optionClick: b; FButton: InstallType<DefineComponent<{ readonly bold: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly circle: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly round: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly fontSize: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly fontColor: { readonly type: StringConstructor; readonly default: () => string; }; readonly size: { readonly type: PropType<ButtonSizeType>; readonly default: () => ButtonSizeType; readonly validator: (val: ButtonSizeType) => boolean; }; readonly block: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly href: { readonly type: StringConstructor; readonly default: () => string; }; readonly target: { readonly type: PropType<ButtonTargetType>; readonly default: () => ButtonTargetType; readonly validator: (val: ButtonTargetType) => boolean; }; readonly loading: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly loadingIcon: { readonly type: PropType<VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>>; readonly default: () => null; }; readonly type: { readonly type: PropType<ButtonType>; readonly default: () => ButtonType; readonly validator: (val: ButtonType) => boolean; }; readonly autofocus: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly name: { readonly type: StringConstructor; readonly default: () => string; }; readonly shadow: { readonly type: StringConstructor; readonly default: () => string; }; readonly text: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly nativeType: { readonly type: PropType<ButtonNativeType>; readonly default: () => ButtonNativeType; readonly validator: (val: ButtonNativeType) => boolean; }; readonly simple: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly beforeIcon: { readonly type: PropType<VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>>; readonly default: () => null; }; readonly afterIcon: { readonly type: PropType<VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>>; readonly default: () => null; }; readonly ripples: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly ripplesColor: { readonly type: StringConstructor; readonly default: () => string; }; readonly color: { readonly type: StringConstructor; readonly default: () => string; }; readonly click: { readonly type: PropType<HandleEventInterface>; readonly default: () => null; }; }, { prop: { readonly bold?: unknown; readonly circle?: unknown; readonly round?: unknown; readonly fontSize?: unknown; readonly fontColor?: unknown; readonly size?: unknown; readonly block?: unknown; readonly href?: unknown; readonly target?: unknown; readonly loading?: unknown; readonly disabled?: unknown; readonly loadingIcon?: unknown; readonly type?: unknown; readonly autofocus?: unknown; readonly name?: unknown; readonly shadow?: unknown; readonly text?: unknown; readonly nativeType?: unknown; readonly simple?: unknown; readonly beforeIcon?: unknown; readonly afterIcon?: unknown; readonly ripples?: unknown; readonly ripplesColor?: unknown; readonly color?: unknown; readonly click?: unknown; } & { bold: boolean; type: ButtonType; fontSize: string | number; simple: boolean; round: boolean; color: string; beforeIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; size: ButtonSizeType; disabled: boolean; click: HandleEventInterface; fontColor: string; text: boolean; circle: boolean; block: boolean; href: string; target: ButtonTargetType; loading: boolean; loadingIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; autofocus: boolean; name: string; shadow: string; nativeType: ButtonNativeType; afterIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; ripples: boolean; ripplesColor: string; } & {}; FButton: Ref<HTMLButtonElement>; classList: ComputedRef<ClassListInterface>; handleClick: HandleEventInterface; styleList: ComputedRef<CSSProperties>; h: typeof h; FSvgIcon: InstallType<DefineComponent<{ readonly icon: { readonly type: PropType<VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>>; readonly default: () => null; }; readonly color: { readonly type: StringConstructor; readonly default: () => string; }; readonly size: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly click: { readonly type: PropType<HandleEventInterface>; readonly default: () => null; }; }, { prop: { readonly icon?: unknown; readonly color?: unknown; readonly size?: unknown; readonly click?: unknown; } & { color: string; size: string | number; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; } & {}; handleClick: HandleEventInterface; styleList: ComputedRef<CSSProperties>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly icon?: unknown; readonly color?: unknown; readonly size?: unknown; readonly click?: unknown; } & { color: string; size: string | number; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; } & {}>, { color: string; size: string | number; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; }>>; FIconLoadingAVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly bold?: unknown; readonly circle?: unknown; readonly round?: unknown; readonly fontSize?: unknown; readonly fontColor?: unknown; readonly size?: unknown; readonly block?: unknown; readonly href?: unknown; readonly target?: unknown; readonly loading?: unknown; readonly disabled?: unknown; readonly loadingIcon?: unknown; readonly type?: unknown; readonly autofocus?: unknown; readonly name?: unknown; readonly shadow?: unknown; readonly text?: unknown; readonly nativeType?: unknown; readonly simple?: unknown; readonly beforeIcon?: unknown; readonly afterIcon?: unknown; readonly ripples?: unknown; readonly ripplesColor?: unknown; readonly color?: unknown; readonly click?: unknown; } & { bold: boolean; type: ButtonType; fontSize: string | number; simple: boolean; round: boolean; color: string; beforeIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; size: ButtonSizeType; disabled: boolean; click: HandleEventInterface; fontColor: string; text: boolean; circle: boolean; block: boolean; href: string; target: ButtonTargetType; loading: boolean; loadingIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; autofocus: boolean; name: string; shadow: string; nativeType: ButtonNativeType; afterIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; ripples: boolean; ripplesColor: string; } & {}>, { bold: boolean; type: ButtonType; fontSize: string | number; simple: boolean; round: boolean; color: string; beforeIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; size: ButtonSizeType; disabled: boolean; click: HandleEventInterface; fontColor: string; text: boolean; circle: boolean; block: boolean; href: string; target: ButtonTargetType; loading: boolean; loadingIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; autofocus: boolean; name: string; shadow: string; nativeType: ButtonNativeType; afterIcon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; ripples: boolean; ripplesColor: string; }>>; FToolbar: InstallType<DefineComponent<{ readonly round: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly size: { readonly type: PropType<ToolbarType>; readonly default: () => ToolbarType; readonly validator: (val: ToolbarType) => boolean; }; readonly block: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly background: { readonly type: StringConstructor; readonly default: () => string; }; readonly textColor: { readonly type: StringConstructor; readonly default: () => string; }; readonly fixed: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly width: { readonly type: StringConstructor; readonly default: () => string; }; readonly height: { readonly type: StringConstructor; readonly default: () => string; }; readonly click: { readonly type: PropType<ToolbarClickInterface>; readonly default: () => null; }; }, { prop: { readonly round?: unknown; readonly size?: unknown; readonly block?: unknown; readonly background?: unknown; readonly textColor?: unknown; readonly fixed?: unknown; readonly width?: unknown; readonly height?: unknown; readonly click?: unknown; } & { fixed: boolean; round: boolean; background: string; size: ToolbarType; click: ToolbarClickInterface; width: string; textColor: string; block: boolean; height: string; } & {}; classList: ComputedRef<ClassListInterface>; styleList: ComputedRef<CSSProperties>; handleClick: HandleEventInterface; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly round?: unknown; readonly size?: unknown; readonly block?: unknown; readonly background?: unknown; readonly textColor?: unknown; readonly fixed?: unknown; readonly width?: unknown; readonly height?: unknown; readonly click?: unknown; } & { fixed: boolean; round: boolean; background: string; size: ToolbarType; click: ToolbarClickInterface; width: string; textColor: string; block: boolean; height: string; } & {}>, { fixed: boolean; round: boolean; background: string; size: ToolbarType; click: ToolbarClickInterface; width: string; textColor: string; block: boolean; height: string; }>>; FToolbarItem: InstallType<DefineComponent<{ readonly color: { readonly type: StringConstructor; readonly default: () => string; }; readonly icon: { readonly type: PropType<VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>>; readonly default: () => null; }; readonly iconSize: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly dataKey: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly click: { readonly type: PropType<HandleEventInterface>; readonly default: () => null; }; }, { prop: { readonly color?: unknown; readonly icon?: unknown; readonly iconSize?: unknown; readonly dataKey?: unknown; readonly click?: unknown; } & { color: string; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; iconSize: string | number; dataKey: string | number; } & {}; handleClick: HandleEventInterface; FSvgIcon: InstallType<DefineComponent<{ readonly icon: { readonly type: PropType<VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>>; readonly default: () => null; }; readonly color: { readonly type: StringConstructor; readonly default: () => string; }; readonly size: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly click: { readonly type: PropType<HandleEventInterface>; readonly default: () => null; }; }, { prop: { readonly icon?: unknown; readonly color?: unknown; readonly size?: unknown; readonly click?: unknown; } & { color: string; size: string | number; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; } & {}; handleClick: HandleEventInterface; styleList: ComputedRef<CSSProperties>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly icon?: unknown; readonly color?: unknown; readonly size?: unknown; readonly click?: unknown; } & { color: string; size: string | number; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; } & {}>, { color: string; size: string | number; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; }>>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly color?: unknown; readonly icon?: unknown; readonly iconSize?: unknown; readonly dataKey?: unknown; readonly click?: unknown; } & { color: string; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; iconSize: string | number; dataKey: string | number; } & {}>, { color: string; icon: VNode<RendererNode, RendererElement, { [key: string]: any; }> | Component<any, any, any, ComputedOptions, MethodOptions>; click: HandleEventInterface; iconSize: string | number; dataKey: string | number; }>>; FPopup: InstallType<DefineComponent<{ readonly visible: { readonly type: BooleanConstructor; readonly default: () => boolean; readonly required: true; }; readonly appendToBody: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly showMask: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly maskClose: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly maskBlur: { readonly type: BooleanConstructor; readonly default: () => boolean; }; readonly zIndex: { readonly type: NumberConstructor; readonly default: () => Number; readonly validator: (val: number) => boolean; }; readonly maskBackground: { readonly type: StringConstructor; readonly default: () => string; }; readonly maskOpacity: { readonly type: NumberConstructor; readonly default: () => null; readonly validator: (val: number) => boolean; }; readonly direction: { readonly type: PropType<PopupDirectionType>; readonly default: () => PopupDirectionType; readonly validator: (val: PopupDirectionType) => boolean; }; readonly popupSize: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly padding: { readonly type: PropType<string | number>; readonly default: () => string; }; readonly open: { readonly type: PropType<PopupCallbackInterface>; readonly default: () => null; }; readonly close: { readonly type: PropType<PopupCallbackInterface>; readonly default: () => null; }; readonly openEnd: { readonly type: PropType<PopupCallbackInterface>; readonly default: () => null; }; readonly closeEnd: { readonly type: PropType<PopupCallbackInterface>; readonly default: () => null; }; }, { prop: { readonly visible?: unknown; readonly appendToBody?: unknown; readonly showMask?: unknown; readonly maskClose?: unknown; readonly maskBlur?: unknown; readonly zIndex?: unknown; readonly maskBackground?: unknown; readonly maskOpacity?: unknown; readonly direction?: unknown; readonly popupSize?: unknown; readonly padding?: unknown; readonly open?: unknown; readonly close?: unknown; readonly openEnd?: unknown; readonly closeEnd?: unknown; } & { close: PopupCallbackInterface; closeEnd: PopupCallbackInterface; padding: string | number; zIndex: number; visible: boolean; appendToBody: boolean; showMask: boolean; maskClose: boolean; maskBlur: boolean; open: PopupCallbackInterface; openEnd: PopupCallbackInterface; maskBackground: string; maskOpacity: number; direction: PopupDirectionType; popupSize: string | number; } & {}; emit: (event: "update:visible", visible: boolean) => void; closePopup: f; handleOpen: PopupCallbackInterface; handleOpenEnd: PopupCallbackInterface; handleClose: PopupCallbackInterface; handleCloseEnd: PopupCallbackInterface; wrapperStyleList: ComputedRef<CSSProperties>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { readonly 'update:visible': (visible: boolean) => boolean; }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly visible?: unknown; readonly appendToBody?: unknown; readonly showMask?: unknown; readonly maskClose?: unknown; readonly maskBlur?: unknown; readonly zIndex?: unknown; readonly maskBackground?: unknown; readonly maskOpacity?: unknown; readonly direction?: unknown; readonly popupSize?: unknown; readonly padding?: unknown; readonly open?: unknown; readonly close?: unknown; readonly openEnd?: unknown; readonly closeEnd?: unknown; } & { close: PopupCallbackInterface; closeEnd: PopupCallbackInterface; padding: string | number; zIndex: number; visible: boolean; appendToBody: boolean; showMask: boolean; maskClose: boolean; maskBlur: boolean; open: PopupCallbackInterface; openEnd: PopupCallbackInterface; maskBackground: string; maskOpacity: number; direction: PopupDirectionType; popupSize: string | number; } & {}> & { "onUpdate:visible"?: ((visible: boolean) => any) | undefined; }, { close: PopupCallbackInterface; closeEnd: PopupCallbackInterface; padding: string | number; zIndex: number; appendToBody: boolean; showMask: boolean; maskClose: boolean; maskBlur: boolean; open: PopupCallbackInterface; openEnd: PopupCallbackInterface; maskBackground: string; maskOpacity: number; direction: PopupDirectionType; popupSize: string | number; }>>; FIconChevronLeftVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconChevronRightVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconRotateAntiClockwiseVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconRotateClockwiseVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconCrossVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconLayoutRowsVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconZoomInVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; FIconZoomOutVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { readonly 'update:visible': (visible: boolean) => boolean; }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{ readonly visible?: unknown; readonly imgList?: unknown; readonly modalClose?: unknown; readonly isCloseBtn?: unknown; readonly showIndex?: unknown; readonly zIndex?: unknown; readonly isOption?: unknown; readonly round?: unknown; readonly close?: unknown; } & { close: ImagePreviewCloseInterface; round: string; zIndex: number; visible: boolean; imgList: string[]; modalClose: boolean; isCloseBtn: boolean; showIndex: number; isOption: boolean; } & {}> & { "onUpdate:visible"?: ((visible: boolean) => any) | undefined; }, { close: ImagePreviewCloseInterface; round: string; zIndex: number; visible: boolean; imgList: string[]; modalClose: boolean; isCloseBtn: boolean; showIndex: number; isOption: boolean; }>; export default _sfc_main;