feat: update component provider name

docs/react/provider.md

@@ -5,13 +5,13 @@ Obtaining the current node's context can be quite cumbersome when there is a Con
 Therefore, we provide the following components and hooks support:
 
 ```tsx
-import { OverlayProvider } from '@overlastic/react'
+import { OverlaysProvider } from '@overlastic/react'
 
 function Main() {
   return (
-    <OverlayProvider>
+    <OverlaysProvider>
       <App />
-    </OverlayProvider>
+    </OverlaysProvider>
   )
 }
 

docs/vue/provider.md

@@ -6,13 +6,13 @@ Therefore, we provide the following components and hooks support:
 
 ```vue
 <script setup>
-import { OverlayProvider } from '@overlastic/react'
+import { OverlaysProvider } from '@overlastic/react'
 </script>
 
 <template>
-  <OverlayProvider>
+  <OverlaysProvider>
     <App />
-  </OverlayProvider>
+  </OverlaysProvider>
 </template>
 ```
 

docs/zh/react/provider.md

@@ -5,13 +5,13 @@
 所以我们提供了以下的组件与钩子支持：
 
 ```tsx
-import { OverlayProvider } from '@overlastic/react'
+import { OverlaysProvider } from '@overlastic/react'
 
 function Main() {
   return (
-    <OverlayProvider>
+    <OverlaysProvider>
       <App />
-    </OverlayProvider>
+    </OverlaysProvider>
   )
 }
 export default Main

docs/zh/vue/provider.md

@@ -6,13 +6,13 @@
 
 ```vue
 <script setup>
-import { OverlayProvider } from '@overlastic/react'
+import { OverlaysProvider } from '@overlastic/react'
 </script>
 
 <template>
-  <OverlayProvider>
+  <OverlaysProvider>
     <App />
-  </OverlayProvider>
+  </OverlaysProvider>
 </template>
 ```
 

packages/@react/src/components/OverlayProvider.tsx → packages/@react/src/components/Provider.tsx

@@ -9,7 +9,7 @@ export interface Instance {
   props: any
 }
 
-export function OverlayProvider(props: PropsWithChildren) {
+export function OverlaysProvider(props: PropsWithChildren) {
   const [instances, setInstances] = useState<Instance[]>([])
 
   function render(Instance: FC<any>, props: any) {

packages/@react/src/components/index.ts

@@ -1 +1 @@
-export * from './OverlayProvider'
+export * from './Provider'

packages/@react/src/index.ts

@@ -6,4 +6,4 @@ export {
   useOverlayInject,
 } from './composable'
 export { defineOverlay, renderOverlay } from './define'
-export { OverlayProvider } from './components'
+export { OverlaysProvider } from './components'

packages/@vue/src/components/OverlayProvider.ts → packages/@vue/src/components/Provider.ts

@@ -9,7 +9,7 @@ export interface Instance {
   props: any
 }
 
-export const OverlayProvider = defineComponent({
+export const OverlaysProvider = defineComponent({
   setup(_, { slots }) {
     const instances = ref<Instance[]>([])
     function render(Instance: Component, props: any) {

packages/@vue/src/components/index.ts

@@ -1,2 +1,2 @@
 export * from './Field'
-export * from './OverlayProvider'
+export * from './Provider'

packages/@vue/src/composable/define.ts

@@ -78,7 +78,6 @@ export function useExtendOverlay(options: ExtendOverlayOptions = {}) {
     vanish?.()
     return Promise.resolve()
   }
-
   if (!dec && automatic)
     deferred?.then(destroy).catch(destroy)
   if (!dec && immediate)

packages/@vue/src/index.ts

@@ -9,7 +9,7 @@ const unoverlay = { install }
 export type { ExtendOverlayOptions, ExtendOverlayReturn, InjectionHolder } from './composable'
 export { useExtendOverlay, useOverlayHolder, useOverlayInject } from './composable'
 export { defineOverlay, renderOverlay } from './define'
-export { Field, OverlayProvider } from './components'
+export { Field, OverlaysProvider } from './components'
 export { install }
 
 export default unoverlay

playgrounds/react/src/main.tsx

@@ -1,13 +1,13 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { OverlayProvider } from '@overlastic/react'
+import { OverlaysProvider } from '@overlastic/react'
 import App from './App.tsx'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <OverlayProvider>
+    <OverlaysProvider>
       <App />
-    </OverlayProvider>
+    </OverlaysProvider>
   </React.StrictMode>,
 )

playgrounds/vue/src/App.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { OverlayProvider } from '@overlastic/vue'
+import { OverlaysProvider } from '@overlastic/vue'
 import ProviderContainer from './components/provider-container.vue'
 </script>
 
 <template>
-  <OverlayProvider>
+  <OverlaysProvider>
     <ProviderContainer :duration="300" />
-  </OverlayProvider>
+  </OverlaysProvider>
 </template>
 
 <style scoped>