feat(vbenComponents): add Spin(Loading) (#282)

Co-authored-by: jackhoo_98 <[email protected]>

apps/admin/init-components.ts

@@ -99,6 +99,7 @@ import naive, {
   NPageHeader,
   NCollapse,
   NCollapseItem,
+  NSpin,
 } from 'naive-ui'
 import { initVbenComponent, setNotice, setMessage } from '@vben/vbencomponents'
 
@@ -190,6 +191,7 @@ export async function registerComponents(app) {
     Result: NResult,
 
     Space: NSpace,
+    Spin: NSpin,
     Select: NSelect,
     Switch: NSwitch,
     Slider: NSlider,

packages/vbenComponents/src/spin/src/Spin.vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup name="VbenSpin">
+import { maps } from '#/index'
+
+const Spin = maps.get('Spin')
+</script>
+<template>
+  <Spin v-bind="$attrs">
+    <template #[item]="data" v-for="item in Object.keys($slots)" :key="item">
+      <slot :name="item" v-bind="data || {}"></slot> </template
+  ></Spin>
+</template>
+
+<style scoped></style>