UNPKG

vexip-ui

Version:

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

1 lines 2.59 kB
{"version":3,"file":"directive.mjs","sources":["../../../components/spin/directive.ts"],"sourcesContent":["import { Spin } from '@/components/spin'\n\nimport { createVNode, nextTick, render } from 'vue'\n\nimport { isObject } from '@vexip-ui/utils'\n\nimport type { ObjectDirective, VNode } from 'vue'\n\ninterface LoadingRecord {\n spin: VNode,\n props: any,\n originPosition: string,\n}\n\nexport const loading: ObjectDirective<HTMLElement & { __loading?: LoadingRecord }, any> = {\n mounted(el, binding) {\n nextTick(() => {\n const props = isObject(binding.value)\n ? { ...binding.value }\n : ({ active: binding.value } as any)\n\n props.inner = true\n\n const spin = createVNode(Spin, props, null, 0, Object.keys(props))\n const position = getComputedStyle(el).position\n\n el.__loading = {\n spin,\n props,\n originPosition: position,\n }\n\n if (position === 'static') {\n el.style.position = 'relative'\n }\n\n render(spin, el)\n })\n },\n updated(el, binding) {\n nextTick(() => {\n if (!el.__loading) return\n\n const props = isObject(binding.value) ? binding.value : { active: binding.value }\n const component = el.__loading.spin.component\n\n if (component) {\n Object.keys(props).forEach(key => {\n component.props[key] = props[key]\n })\n\n component.props.inner = true\n }\n })\n },\n beforeUnmount(el) {\n if (!el.__loading) return\n\n render(null, el)\n delete el.__loading\n },\n}\n"],"names":["loading","el","binding","nextTick","props","isObject","spin","createVNode","Spin","position","render","component","key"],"mappings":";;;;AAcO,MAAMA,IAA6E;AAAA,EACxF,QAAQC,GAAIC,GAAS;AACnB,IAAAC,EAAS,MAAM;AACb,YAAMC,IAAQC,EAASH,EAAQ,KAAK,IAChC,EAAE,GAAGA,EAAQ,MAAM,IAClB,EAAE,QAAQA,EAAQ,MAAM;AAE7B,MAAAE,EAAM,QAAQ;AAER,YAAAE,IAAOC,EAAYC,GAAMJ,GAAO,MAAM,GAAG,OAAO,KAAKA,CAAK,CAAC,GAC3DK,IAAW,iBAAiBR,CAAE,EAAE;AAEtC,MAAAA,EAAG,YAAY;AAAA,QACb,MAAAK;AAAA,QACA,OAAAF;AAAA,QACA,gBAAgBK;AAAA,MAClB,GAEIA,MAAa,aACfR,EAAG,MAAM,WAAW,aAGtBS,EAAOJ,GAAML,CAAE;AAAA,IAAA,CAChB;AAAA,EACH;AAAA,EACA,QAAQA,GAAIC,GAAS;AACnB,IAAAC,EAAS,MAAM;AACT,UAAA,CAACF,EAAG,UAAW;AAEb,YAAAG,IAAQC,EAASH,EAAQ,KAAK,IAAIA,EAAQ,QAAQ,EAAE,QAAQA,EAAQ,MAAM,GAC1ES,IAAYV,EAAG,UAAU,KAAK;AAEpC,MAAIU,MACF,OAAO,KAAKP,CAAK,EAAE,QAAQ,CAAOQ,MAAA;AAChC,QAAAD,EAAU,MAAMC,CAAG,IAAIR,EAAMQ,CAAG;AAAA,MAAA,CACjC,GAEDD,EAAU,MAAM,QAAQ;AAAA,IAC1B,CACD;AAAA,EACH;AAAA,EACA,cAAcV,GAAI;AACZ,IAACA,EAAG,cAERS,EAAO,MAAMT,CAAE,GACf,OAAOA,EAAG;AAAA,EAAA;AAEd;"}