@opensig/opendesign
Version:
163 lines (162 loc) • 2.76 kB
JavaScript
const rowProps = {
/**
* @zh-CN display是否为inline-flex
* @en-US display is inline-flex
*/
inline: {
type: Boolean
},
/**
* @zh-CN 同 align-items
* @en-US Same as align-items
*/
align: {
type: String
},
/**
* @zh-CN 同 justify-content
* @en-US Same as justify-content
*/
justify: {
type: String
},
/**
* @zh-CN 同 flex-wrap
* @en-US Same as flex-wrap
* @default 'wrap'
*/
wrap: {
type: String,
default: "wrap"
},
/**
* @zh-CN 同 flex-direction
* @en-US Same as flex-direction
*/
direction: {
type: String
},
/**
* @zh-CN 同 gap
* @en-US Same as gap
*/
gap: {
type: String
},
/**
* @zh-CN 同 column-gap
* @en-US Same as column-gap
*/
gapX: {
type: String
},
/**
* @zh-CN 同 row-gap
* @en-US Same as row-gap
*/
gapY: {
type: String
},
/**
* @zh-CN 该断点下的gap值
* @en-US The gap value at this breakpoint
* @media (max-width: 1680px)
*/
pcS: {
type: Object
},
/**
* @zh-CN 该断点下的gap值
* @en-US The gap value at this breakpoint
* @media (max-width: 1440px)
*/
laptop: {
type: Object
},
/**
* @zh-CN 该断点下的gap值
* @en-US The gap value at this breakpoint
* @media (max-width: 1200px)
*/
pad: {
type: Object
},
/**
* @zh-CN 该断点下的gap值
* @en-US The gap value at this breakpoint
* @media (max-width: 840px)
*/
padV: {
type: Object
},
/**
* @zh-CN 该断点下的gap值
* @en-US The gap value at this breakpoint
* @media (max-width: 600px)
*/
phone: {
type: Object
}
};
const colProps = {
/**
* @zh-CN 同 flex
* @en-US Same as flex
* @default '1 0 auto'
*/
flex: {
type: String,
default: "1 0 auto"
},
/**
* @zh-CN 同 align-self
* @en-US Same as align-self
*/
align: {
type: String
},
/**
* @zh-CN 该断点下的flex值
* @en-US The flex value at this breakpoint
* @media (max-width: 1680px)
*/
pcS: {
type: Object
},
/**
* @zh-CN 该断点下的flex值
* @en-US The flex value at this breakpoint
* @media (max-width: 1440px)
*/
laptop: {
type: Object
},
/**
* @zh-CN 该断点下的flex值
* @en-US The flex value at this breakpoint
* @media (max-width: 1200px)
*/
pad: {
type: Object
},
/**
* @zh-CN 该断点下的flex值
* @en-US The flex value at this breakpoint
* @media (max-width: 840px)
*/
padV: {
type: Object
},
/**
* @zh-CN 该断点下的flex值
* @en-US The flex value at this breakpoint
* @media (max-width: 600px)
*/
phone: {
type: Object
}
};
export {
colProps,
rowProps
};