Support for calling spin as a service or directive

[jahnli]

This function solves the problem (这个功能解决的问题)

Support for calling spin as a service or directive

Expected API (期望的 API)

Support for calling spin as a service or directive

[07akioni]

API format need to be considered. I don't like service or directive api, they lose context of the app.

[liuzw2579]

API format need to be considered. I don't like service or directive api, they lose context of the app.

使用类似 useDialog() 的方式呢？

setup() {
  const spin = useSpin()
  async onXxx() {
    spin.start()
    try {
      await doXxx()
    } finally {
      spin.stop()
    }
  }
}

[liuzw2579]

也许局部指令的也行：

setup() {
  const { vSpin } = useSin({ /* ...options */ })
  const isLoading = ref(false)
  return {
     vSpin,
     isLoading 
  }
}

在模板中：

<div v-spin="isLoading">内容</div>

[07akioni]

Provider 肯定是可以的，只不过就是说，这种方式最多支持全局的，没办法再处理成局部的 div 用了

这个也属于可以做但是优先级不是很高的，欢迎 PR