UNPKG

vuestic-ui

Version:
1 lines 1.02 kB
{"version":3,"file":"useObjectRefs.mjs","sources":["../../../../src/composables/useObjectRefs.ts"],"sourcesContent":["import { shallowRef, onBeforeUpdate } from 'vue'\n\nimport type { TemplateRef } from './useArrayRefs'\n\n/**\n * @usage use setItemRef function as :ref property on v-for construction (or without v-for)\n * @link https://v3.vuejs.org/guide/migration/array-refs.html\n*/\nexport const useObjectRefs = () => {\n const itemRefs = shallowRef<Record<string | number, TemplateRef>>({})\n\n const setItemRef = (key: string | number) => (el: any) => {\n if (!el) { return }\n\n itemRefs.value[key] = el\n\n return String(key)\n }\n\n onBeforeUpdate(() => { itemRefs.value = {} })\n\n return { itemRefs, setItemRef }\n}\n"],"names":[],"mappings":";AAQO,MAAM,gBAAgB,MAAM;AAC3B,QAAA,WAAW,WAAiD,CAAA,CAAE;AAEpE,QAAM,aAAa,CAAC,QAAyB,CAAC,OAAY;AACxD,QAAI,CAAC,IAAI;AAAE;AAAA,IAAO;AAET,aAAA,MAAM,GAAG,IAAI;AAEtB,WAAO,OAAO,GAAG;AAAA,EAAA;AAGnB,iBAAe,MAAM;AAAE,aAAS,QAAQ;EAAC,CAAG;AAErC,SAAA,EAAE,UAAU;AACrB;"}