ideaz-element/es/element/form/src/hooks/useRow.mjs.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.mjs","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","ref","rowStyle","computed","styles","rowKls"],"mappings":";;AAGO,SAAAA,EAAAC,GAAA;AACL,QAAAC,IAAAC,EAAA,OAAAC,EAAA,IAAA,CAAA,GAEAC,IAAAC,EAAA,MAAA;AACE,UAAAC,IAAA,CAAA;AACA,WAAAN,EAAA,WAGAM,EAAA,cAAAA,EAAA,aAAA,IAAAN,EAAA,SAAA,CAAA,OACAM;AAAA,EAAO,CAAA,GAGTC,IAAAF,EAAA,MAAA;AAAA,IAA8BJ,EAAA,EAAA;AAAA,IACvBA,EAAA,GAAA,WAAAD,EAAA,OAAA,IAAAA,EAAA,YAAA,OAAA;AAAA,IACsDC,EAAA,GAAA,SAAAD,EAAA,KAAA,IAAAA,EAAA,UAAA,KAAA;AAAA,EACR,CAAA;AAGrD,SAAA,EAAA,UAAAI,GAAA,QAAAG,EAAA;AACF;"}