vexip-ui/lib/directives/loading/index.cjs.map

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

{"version":3,"file":"index.cjs","sources":["../../../directives/loading/index.ts"],"sourcesContent":["import { Spin } from '@/components/spin'\n\nimport { createVNode, nextTick, render } from 'vue'\n\nimport { isObject } from '@vexip-ui/utils'\n\nimport type { SpinProps } from '@/components/spin'\nimport type { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ninterface LoadingRecord {\n  spin: VNode,\n  props: SpinProps,\n  originPosition: string,\n}\n\ntype LoadingElement = HTMLElement & { __loading?: LoadingRecord }\n\nfunction createSpin(\n  el: LoadingElement,\n  binding: DirectiveBinding<boolean | SpinProps>,\n  vnode: VNode<any, LoadingElement>,\n) {\n  const props: SpinProps = isObject(binding.value)\n    ? { ...binding.value }\n    : { active: binding.value }\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  spin.appContext = vnode.appContext ?? (vnode as any).ctx?.appContext\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\nexport const vLoading: ObjectDirective<LoadingElement, boolean | SpinProps> = {\n  mounted(el, binding, vnode) {\n    nextTick(() => createSpin(el, binding, vnode))\n  },\n  updated(el, binding, vnode) {\n    nextTick(() => {\n      if (!el.__loading) {\n        createSpin(el, binding, vnode)\n        return\n      }\n\n      const props: SpinProps = 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 as keyof SpinProps]\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":["createSpin","el","binding","vnode","props","isObject","spin","createVNode","Spin","position","_a","render","vLoading","nextTick","component","key"],"mappings":"gOAiBA,SAASA,EACPC,EACAC,EACAC,EACA,OACA,MAAMC,EAAmBC,EAAAA,SAASH,EAAQ,KAAK,EAC3C,CAAE,GAAGA,EAAQ,KAAM,EACnB,CAAE,OAAQA,EAAQ,KAAM,EAE5BE,EAAM,MAAQ,GAER,MAAAE,EAAOC,cAAYC,EAAMJ,EAAO,KAAM,EAAG,OAAO,KAAKA,CAAK,CAAC,EAC3DK,EAAW,iBAAiBR,CAAE,EAAE,SAEtCK,EAAK,WAAaH,EAAM,cAAeO,EAAAP,EAAc,MAAd,YAAAO,EAAmB,YAE1DT,EAAG,UAAY,CACb,KAAAK,EACA,MAAAF,EACA,eAAgBK,CAClB,EAEIA,IAAa,WACfR,EAAG,MAAM,SAAW,YAGtBU,EAAA,OAAOL,EAAML,CAAE,CACjB,CAEO,MAAMW,EAAiE,CAC5E,QAAQX,EAAIC,EAASC,EAAO,CAC1BU,EAAAA,SAAS,IAAMb,EAAWC,EAAIC,EAASC,CAAK,CAAC,CAC/C,EACA,QAAQF,EAAIC,EAASC,EAAO,CAC1BU,EAAAA,SAAS,IAAM,CACT,GAAA,CAACZ,EAAG,UAAW,CACND,EAAAC,EAAIC,EAASC,CAAK,EAC7B,MAAA,CAGI,MAAAC,EAAmBC,EAAAA,SAASH,EAAQ,KAAK,EAAIA,EAAQ,MAAQ,CAAE,OAAQA,EAAQ,KAAM,EACrFY,EAAYb,EAAG,UAAU,KAAK,UAEhCa,IACF,OAAO,KAAKV,CAAK,EAAE,QAAeW,GAAA,CAChCD,EAAU,MAAMC,CAAG,EAAIX,EAAMW,CAAsB,CAAA,CACpD,EAEDD,EAAU,MAAM,MAAQ,GAC1B,CACD,CACH,EACA,cAAcb,EAAI,CACXA,EAAG,YAERU,EAAA,OAAO,KAAMV,CAAE,EACf,OAAOA,EAAG,UAAA,CAEd"}