unika-components
Version:
Unika Vue3 components library
988 lines (987 loc) • 24.7 kB
TypeScript
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;