ideaz-element/lib/element/form/src/hooks/useRow.cjs.map

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

{"version":3,"file":"useRow.cjs","sources":["../../../../../../packages/element/form/src/hooks/useRow.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\nimport type { FormProps } from '../props'\n\nexport function useRow(props: FormProps) {\n  const ns = useNamespace('row', ref('el'))\n\n  const rowStyle = computed(() => {\n    const styles: CSSProperties = {}\n    if (!props.gutter)\n      return styles\n\n    styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n    return styles\n  })\n\n  const rowKls = computed(() => [\n    ns.b(),\n    ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n    ns.is(`align-${props.align}`, props.align !== 'top'),\n  ])\n\n  return { rowStyle, rowKls }\n}\n"],"names":["useRow","props","ns","useNamespace","vue","rowStyle","styles","rowKls"],"mappings":"uJAGO,SAAAA,EAAAC,EAAA,CACL,MAAAC,EAAAC,EAAA,aAAA,MAAAC,EAAA,IAAA,IAAA,CAAA,EAEAC,EAAAD,EAAA,SAAA,IAAA,CACE,MAAAE,EAAA,CAAA,EACA,OAAAL,EAAA,SAGAK,EAAA,YAAAA,EAAA,WAAA,IAAAL,EAAA,OAAA,CAAA,MACAK,CAAO,CAAA,EAGTC,EAAAH,EAAA,SAAA,IAAA,CAA8BF,EAAA,EAAA,EACvBA,EAAA,GAAA,WAAAD,EAAA,OAAA,GAAAA,EAAA,UAAA,OAAA,EACsDC,EAAA,GAAA,SAAAD,EAAA,KAAA,GAAAA,EAAA,QAAA,KAAA,CACR,CAAA,EAGrD,MAAA,CAAA,SAAAI,EAAA,OAAAE,CAAA,CACF"}