vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 4.64 kB
Source Map (JSON)
{"version":3,"file":"table-summary.mjs","sources":["../../../components/table/table-summary.ts"],"sourcesContent":["import { defineComponent, inject, onBeforeUnmount, reactive, renderSlot, watch } from 'vue'\n\nimport { useProps } from '@vexip-ui/config'\nimport { isNull } from '@vexip-ui/utils'\nimport { tableSummaryProps } from './props'\nimport { TABLE_ACTIONS } from './symbol'\n\nimport type { SummaryWithKey } from './symbol'\n\ntype SummaryPropKey = keyof typeof tableSummaryProps\n\nconst propKeys = Object.keys(tableSummaryProps) as SummaryPropKey[]\nconst aliases: Partial<Record<SummaryPropKey, string>> = {\n idKey: 'key',\n}\nconst ignoredProps: SummaryPropKey[] = ['renderer']\nconst triggerProps: SummaryPropKey[] = ['idKey', 'cellSpan', 'order', 'above']\n\nconst funcProp = {\n default: null,\n isFunc: true,\n static: true,\n}\n\nexport default defineComponent({\n name: 'TableSummary',\n props: tableSummaryProps,\n setup(_props, { slots }) {\n const props = useProps('tableSummary', _props, {\n idKey: {\n default: null,\n validator: value => !isNull(value),\n static: true,\n },\n class: null,\n style: null,\n attrs: null,\n cellSpan: funcProp,\n order: {\n default: 0,\n static: true,\n },\n above: {\n default: false,\n static: true,\n },\n meta: null,\n renderer: funcProp,\n })\n\n const tableAction = inject(TABLE_ACTIONS, null)\n const options = reactive({}) as SummaryWithKey\n\n for (const key of propKeys) {\n if (ignoredProps.includes(key)) continue\n\n const aliasKey = (aliases[key] || key) as keyof SummaryWithKey\n const trigger = triggerProps.includes(key)\n\n ;(options[aliasKey] as any) = props[key]\n\n watch(\n () => props[key],\n value => {\n ;(options[aliasKey] as any) = value\n trigger\n ? tableAction?.updateSummaries()\n : tableAction?.setSummaryProp(options.key, key, value)\n },\n )\n }\n\n watch(() => props.renderer, setRenderer)\n\n setRenderer()\n tableAction?.increaseSummary(options)\n\n onBeforeUnmount(() => {\n tableAction?.decreaseSummary(options)\n })\n\n function setRenderer() {\n options.renderer = data => {\n if (typeof data.column.summaryRenderer === 'function') {\n return data.column.summaryRenderer({\n ...data,\n summary: options,\n })\n }\n\n if (typeof slots.default === 'function') {\n return renderSlot(slots, 'default', data)\n }\n\n if (typeof props.renderer === 'function') {\n return props.renderer(data)\n }\n\n return ''\n }\n }\n\n return () => null\n },\n})\n"],"names":["propKeys","tableSummaryProps","aliases","ignoredProps","triggerProps","funcProp","TableSummary","defineComponent","_props","slots","props","useProps","value","isNull","tableAction","inject","TABLE_ACTIONS","options","reactive","key","aliasKey","trigger","watch","setRenderer","onBeforeUnmount","data","renderSlot"],"mappings":";;;;;AAWA,MAAMA,IAAW,OAAO,KAAKC,CAAiB,GACxCC,IAAmD;AAAA,EACvD,OAAO;AACT,GACMC,IAAiC,CAAC,UAAU,GAC5CC,IAAiC,CAAC,SAAS,YAAY,SAAS,OAAO,GAEvEC,IAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAON;AAAA,EACP,MAAMO,GAAQ,EAAE,OAAAC,KAAS;AACjB,UAAAC,IAAQC,EAAS,gBAAgBH,GAAQ;AAAA,MAC7C,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW,CAAAI,MAAS,CAACC,EAAOD,CAAK;AAAA,QACjC,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAUP;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,MACN,UAAUA;AAAA,IAAA,CACX,GAEKS,IAAcC,EAAOC,GAAe,IAAI,GACxCC,IAAUC,EAAS,EAAE;AAE3B,eAAWC,KAAOnB,GAAU;AACtB,UAAAG,EAAa,SAASgB,CAAG,EAAG;AAE1B,YAAAC,IAAYlB,EAAQiB,CAAG,KAAKA,GAC5BE,IAAUjB,EAAa,SAASe,CAAG;AAEvC,MAAAF,EAAQG,CAAQ,IAAYV,EAAMS,CAAG,GAEvCG;AAAA,QACE,MAAMZ,EAAMS,CAAG;AAAA,QACf,CAASP,MAAA;AACL,UAAAK,EAAQG,CAAQ,IAAYR,GAE1BS,IAAAP,KAAA,QAAAA,EAAa,oBACbA,KAAA,QAAAA,EAAa,eAAeG,EAAQ,KAAKE,GAAKP;AAAA,QAAK;AAAA,MAE3D;AAAA,IAAA;AAGI,IAAAU,EAAA,MAAMZ,EAAM,UAAUa,CAAW,GAE3BA,EAAA,GACZT,KAAA,QAAAA,EAAa,gBAAgBG,IAE7BO,EAAgB,MAAM;AACpB,MAAAV,KAAA,QAAAA,EAAa,gBAAgBG;AAAA,IAAO,CACrC;AAED,aAASM,IAAc;AACrB,MAAAN,EAAQ,WAAW,CAAQQ,MACrB,OAAOA,EAAK,OAAO,mBAAoB,aAClCA,EAAK,OAAO,gBAAgB;AAAA,QACjC,GAAGA;AAAA,QACH,SAASR;AAAA,MAAA,CACV,IAGC,OAAOR,EAAM,WAAY,aACpBiB,EAAWjB,GAAO,WAAWgB,CAAI,IAGtC,OAAOf,EAAM,YAAa,aACrBA,EAAM,SAASe,CAAI,IAGrB;AAAA,IACT;AAGF,WAAO,MAAM;AAAA,EAAA;AAEjB,CAAC;"}