UNPKG

@opensig/opendesign

Version:

163 lines (162 loc) 2.76 kB
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 };