UNPKG

unika-components

Version:

Unika Vue3 components library

988 lines (987 loc) 24.7 kB
export interface Animation { animate: string; count: number; timing: string; loop: boolean; delay: number; duration: number; name: string; order: string; type: string; aniType: string; allDelay: string; id: number; } export interface GlobalData { workId?: number; workUuid?: string; type?: string; width?: string; height?: string; effect?: string; pageMode?: string; isPublish?: number; title?: string; desc?: string; coverImg?: string; latestPublishAt?: string; updatedAt?: string; isTemplate?: boolean; isHot?: boolean; isNew?: boolean; author?: string; copiedCount?: number; tanmu?: boolean; shareImg?: string; themeColor?: string; viewedCount?: number; cat?: 'h5' | 'long'; user?: { gender: string; nickName: string; picture: string; userName: string; }; pageDot: number; pageLoop: boolean; SMimg: string; receipt: { open: boolean; which: boolean; whichList: Array<{ label: string; }>; color: string; }; video: { open: boolean; color: string; url: string; }; tel: { open: boolean; color: string; list: Array<{ label: string; }>; end_up: number; }; map: { open: boolean; color: string; lng: string; lat: string; location: string; zoom: number; type: string; }; toolbar: { open: boolean; gift: boolean; cash: boolean; fontColor: string; bgColor: string; giftRank: boolean; praise: boolean; hideFirst: boolean; hideLast: boolean; g: boolean; }; music: { music_id: string; url: string; name: string; bgcolor: string; hash: string; }; useFont: Record<string, { name: string; content: string; }>; record: { name: string[]; tel: string[]; map: string; time: string; }; f_id: number; uid: number; scenecode: string; createFont: Record<string, Array<{ name: string; url: string; }>>; domain: string; pay_cat: number; footer_ad: number; merchant_id: number; is_weiye: number; ver: number; systemUser: number; member_level: number; is_member: number; fontList: Array<{ label: string; value: string; fontPath: string; }>; imgMattCount: number; defaultEditor: number; } export interface ElementData { id: string; pid: string; type: string; textContent: string; layerName: string; sign: boolean; signSort: number; overturnType: number; eleIndex?: number; delay?: string; css: { fontFamily: string; fontSize: number; lineHeight: number; letterSpacing: number; fontWeight: string; textDecoration: string; textAlign: string; writingMode: string; webkitWritingMode: string; fontStyle: string; borderWidth: number; borderStyle: string; borderColor: string; color: string; opacity: number; width: number; height: number; left: number; top: number; transform: number; padding: number; backgroundColor: string; textIndent: number; borderRadius: number; animation: string; animation2: string; }; triggers: { event: string; link: string; go: string; phone: string; musicName: string; musicLink: string; musicHash: string; }; properties: { visible: boolean; isLock: boolean; required: boolean; musicName: string; musicLink: string; musicHash: string; shadowSize: number; shadowColor: string; shadowX: number; shadowY: number; shadowBlur: number; shadowPoint: number; aniOrigin: string; animations: Array<{ animate: string; count: number; loop: boolean; delay: number; duration: number; name: string; order: string; timing: string; type: string; aniType: string; allDelay: string; id: number; }>; textAni: Array<{ animate: string; count: number; loop: boolean; delay: number; duration: number; name: string; order: string; timing: string; type: string; aniType: string; allDelay: string; id: number; }>; }; } export interface PageData { pageId: string; pageNum: number; bgColor: string; bgImage: string; pageType: string; ani: string; banPage: boolean; autoPage: boolean; delay: string; bgOpacity: string; elements: Array<ElementData> | []; bgAni?: { aniList: Array<{ animate: string; count: number; loop: boolean; delay: number; duration: number; name: string; order: string; timing: string; type: string; aniType: string; allDelay: string; id: number; }>; aniCss: string; aniCss2: string; }; triggers: any[]; animations: any[]; transitions: any[]; imgMattingInfo: string; } export interface PersonalData { bridegroom: string; bride: string; endTime: number; location: string; address: string; } export interface WorkData { personalData?: PersonalData; globalData?: GlobalData; pages: PageData[]; } export declare const commonDefaultProps: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; }; export declare const textDefaultProps: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; text: string; fontSize: string; fontFamily: string; fontWeight: string; fontStyle: string; textDecoration: string; lineHeight: string; textAlign: string; color: string; backgroundColor: string; }; export declare const imageDefaultProps: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; imageSrc: string; maskImage: string; }; export declare const shapeDefaultProps: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; backgroundColor: string; }; export declare const backgroundDefaultProps: { backgroundColor: string; opacity: number; backgroundImage: string; backgroundSize: string; backgroundRepeat: string; backgroundPosition: string; zIndex: number; position: string; left: string; top: string; width: string; height: string; overflow: string; display: string; }; export declare const musicDefaultProps: { musicSrc: string; name: string; isPlaying: boolean; icon: string; backgroundColor: string; }; export declare const videoDefaultProps: { left: string; top: string; width: string; height: string; position: string; transform: string; borderRadius: string; borderColor: string; borderStyle: string; borderWidth: string; videoSrc: string; }; export declare const svgDefaultProps: { left: string; top: string; width: string; height: string; position: string; transform: string; borderRadius: string; borderColor: string; borderStyle: string; borderWidth: string; boxShadow: string; color: string; svgSrc: string; }; export declare const buildUpDefaultProps: { left: string; top: string; width: string; height: string; position: string; }; export declare const calendarDefaultProps: { left: string; top: string; opacity: number; position: string; borderRadius: string; borderColor: string; borderStyle: string; borderWidth: string; width: string; height: string; backgroundColor: string; size: string; date: string; dateColor: string; themeColor: string; heartColor: string; themeStyle: string; language: string; }; export declare const countdownDefaultProps: { left: string; top: string; width: string; height: string; position: string; boxShadow: string; opacity: number; mainColor: string; mainFlipBackgroundColor: string; labelColor: string; showLabels: boolean; language: string; size: string; flipAnimation: boolean; deadline: string; flexDirection: string; transform: string; display: string; alignItems: string; justifyContent: string; }; export declare const mapDefaultProps: { left: string; top: string; width: string; height: string; position: string; transform: string; mapHtml: string; url: string; actionType: string; borderRadius: string; borderWidth: string; borderStyle: string; borderColor: string; backgroundColor: string; }; export declare const callDefaultProps: { left: string; top: string; width: string; height: string; position: string; boxShadow: string; borderRadius: string; borderStyle: string; borderWidth: string; borderColor: string; fontColor: string; backgroundColor: string; color: string; url: string; callText: string; fontSize: string; opacity: number; actionType: string; transform: string; }; export declare const buttonDefaultProps: { position: string; left: string; top: string; width: string; height: string; transform: string; boxShadow: string; borderRadius: string; borderStyle: string; borderWidth: string; borderColor: string; color: string; lineHeight: number; backgroundColor: string; fontSize: string; actionType: string; url: string; buttonText: string; opacity: number; }; export declare const likeDefaultProps: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; }; export declare const effectDefaultProps: { width: string; height: string; position: string; left: string; top: string; opacity: number; shape: string[]; number: number; spead: number; transform: string; id: string; }; export declare const registerFormDefaultProps: { left: string; top: string; width: string; position: string; transform: string; borderRadius: string; borderStyle: string; borderWidth: string; borderColor: string; opacity: number; backgroundColor: string; attendanceTimeList: string[]; isPhoneNumber: boolean; buttonBackgroundColor: string; buttonFontColor: string; titleFontColor: string; publishContentId: string; }; export declare const lottiesDefaultProps: { animationLink: string; position: string; left: string; top: string; width: string; height: string; transform: string; loop: boolean; delay: number; pauseAnimation: boolean; }; export declare const swiperDefaultProps: { left: string; top: string; width: string; position: string; transform: string; backgroundColor: string; height: string; opacity: number; slideImage1: string; slideImage2: string; slideImage3: string; }; export declare const danmuDefaultProps: { left: string; top: string; width: string; transform: string; backgroundColor: string; height: string; opacity: number; slides: { image: string; }[]; }; export declare const testDefaultProps: {}; export declare const componentsDefaultProps: { 'uni-text': { props: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; text: string; fontSize: string; fontFamily: string; fontWeight: string; fontStyle: string; textDecoration: string; lineHeight: string; textAlign: string; color: string; backgroundColor: string; }; }; 'uni-image': { props: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; imageSrc: string; maskImage: string; }; }; 'uni-shape': { props: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; backgroundColor: string; }; }; 'uni-svg': { props: { left: string; top: string; width: string; height: string; position: string; transform: string; borderRadius: string; borderColor: string; borderStyle: string; borderWidth: string; boxShadow: string; color: string; svgSrc: string; }; }; 'uni-background': { props: { backgroundColor: string; opacity: number; backgroundImage: string; backgroundSize: string; backgroundRepeat: string; backgroundPosition: string; zIndex: number; position: string; left: string; top: string; width: string; height: string; overflow: string; display: string; }; }; 'uni-music': { props: { musicSrc: string; name: string; isPlaying: boolean; icon: string; backgroundColor: string; }; }; 'uni-video': { props: { left: string; top: string; width: string; height: string; position: string; transform: string; borderRadius: string; borderColor: string; borderStyle: string; borderWidth: string; videoSrc: string; }; }; 'uni-calendar': { props: { left: string; top: string; opacity: number; position: string; borderRadius: string; borderColor: string; borderStyle: string; borderWidth: string; width: string; height: string; backgroundColor: string; size: string; date: string; dateColor: string; themeColor: string; heartColor: string; themeStyle: string; language: string; }; }; 'uni-countdown': { props: { left: string; top: string; width: string; height: string; position: string; boxShadow: string; opacity: number; mainColor: string; mainFlipBackgroundColor: string; labelColor: string; showLabels: boolean; language: string; size: string; flipAnimation: boolean; deadline: string; flexDirection: string; transform: string; display: string; alignItems: string; justifyContent: string; }; }; 'uni-map': { props: { left: string; top: string; width: string; height: string; position: string; transform: string; mapHtml: string; url: string; actionType: string; borderRadius: string; borderWidth: string; borderStyle: string; borderColor: string; backgroundColor: string; }; }; 'uni-call': { props: { left: string; top: string; width: string; height: string; position: string; boxShadow: string; borderRadius: string; borderStyle: string; borderWidth: string; borderColor: string; fontColor: string; backgroundColor: string; color: string; url: string; callText: string; fontSize: string; opacity: number; actionType: string; transform: string; }; }; 'uni-like': { props: { actionType: string; url: string; height: string; width: string; paddingLeft: string; paddingRight: string; paddingTop: string; paddingBottom: string; borderStyle: string; borderColor: string; borderWidth: string; borderRadius: string; boxShadow: string; opacity: number; position: string; left: string; top: string; transform: string; }; }; 'uni-effect': { props: { width: string; height: string; position: string; left: string; top: string; opacity: number; shape: string[]; number: number; spead: number; transform: string; id: string; }; }; 'uni-register-form': { props: { left: string; top: string; width: string; position: string; transform: string; borderRadius: string; borderStyle: string; borderWidth: string; borderColor: string; opacity: number; backgroundColor: string; attendanceTimeList: string[]; isPhoneNumber: boolean; buttonBackgroundColor: string; buttonFontColor: string; titleFontColor: string; publishContentId: string; }; }; 'uni-lotties': { props: { animationLink: string; position: string; left: string; top: string; width: string; height: string; transform: string; loop: boolean; delay: number; pauseAnimation: boolean; }; }; 'uni-swiper': { props: { left: string; top: string; width: string; position: string; transform: string; backgroundColor: string; height: string; opacity: number; slideImage1: string; slideImage2: string; slideImage3: string; }; }; 'uni-button': { props: { position: string; left: string; top: string; width: string; height: string; transform: string; boxShadow: string; borderRadius: string; borderStyle: string; borderWidth: string; borderColor: string; color: string; lineHeight: number; backgroundColor: string; fontSize: string; actionType: string; url: string; buttonText: string; opacity: number; }; }; 'uni-build-up': { props: { left: string; top: string; width: string; height: string; position: string; }; }; 'uni-tanmu': { props: { left: string; top: string; width: string; transform: string; backgroundColor: string; height: string; opacity: number; slides: { image: string; }[]; }; }; 'uni-test': { props: {}; }; }; export declare const isEditingProp: { isEditing: { type: BooleanConstructor; default: boolean; }; }; export declare const transformToComponentProps: (props: { [key: string]: any; }, extraProps?: { [key: string]: any; } | undefined) => { [x: string]: any; }; export default componentsDefaultProps;