UNPKG

ideaz-element

Version:

<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>

1 lines 1.81 kB
{"version":3,"file":"useFormComponentAttrs.mjs","sources":["../../../packages/hooks/useFormComponentAttrs.ts"],"sourcesContent":["import { toCamelCase } from '@ideaz/utils'\n\nexport function useFormComponentAttrs(props: Record<any, any>) {\n const attrs = useAttrs()\n const onAll = computed(() => {\n const newOn: any = {}\n if (props.evts) {\n // Temporary fix, events trigger faster than rendering, temporarily can only manually modify the corresponding data in the row\n Object.keys(props.evts).forEach((eventName: string) => {\n newOn[`on${toCamelCase(eventName)}`] = (...args: any) => {\n const scope = {\n ...props.scope,\n row: (eventName === 'input' || eventName === 'clear') ? { ...props.scope.row, [props.column.prop]: args[0] || '' } : props.scope.row,\n };\n (props.evts[eventName] || function () { })(scope, ...args)\n }\n })\n }\n return newOn\n })\n const attrsAll = computed(() => {\n return { ...props, ...attrs }\n })\n\n return { attrsAll, onAll }\n}\n"],"names":["useFormComponentAttrs","props","attrs","useAttrs","onAll","computed","newOn","eventName","toCamelCase","args","scope"],"mappings":";;;AAEO,SAAAA,EAAAC,GAAA;AACL,QAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAA;AACE,UAAAC,IAAA,CAAA;AACA,WAAAL,EAAA,QAEE,OAAA,KAAAA,EAAA,IAAA,EAAA,QAAA,CAAAM,MAAA;AACE,MAAAD,EAAA,KAAAE,EAAAD,CAAA,CAAA,EAAA,IAAA,IAAAE,MAAA;AACE,cAAAC,IAAA;AAAA,UAAc,GAAAT,EAAA;AAAA,UACH,KAAAM,MAAA,WAAAA,MAAA,UAAA,EAAA,GAAAN,EAAA,MAAA,KAAA,CAAAA,EAAA,OAAA,IAAA,GAAAQ,EAAA,CAAA,KAAA,GAAA,IAAAR,EAAA,MAAA;AAAA,QACwH;AAEnI,SAAAA,EAAA,KAAAM,CAAA,KAAA,WAAA;AAAA,QAAsC,GAAAG,GAAA,GAAAD,CAAA;AAAA,MAAmB;AAAA,IAC3D,CAAA,GAGJH;AAAA,EAAO,CAAA;AAMT,SAAA,EAAA,UAJAD,EAAA,OACE,EAAA,GAAAJ,GAAA,GAAAC,EAAA,EAA4B,GAG9B,OAAAE,EAAA;AACF;"}