chore: overlay 组件名称变更 (#1918)

src/config.json

@@ -122,7 +122,7 @@
         },
         {
           "version": "3.0.0",
-          "name": "OverLay",
+          "name": "Overlay",
           "taro": true,
           "type": "component",
           "cName": "遮罩层",
@@ -142,7 +142,7 @@
           "show": true,
           "desc": "弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示",
           "author": "szg2008",
-          "styleDeps": ["OverLay"]
+          "styleDeps": ["Overlay"]
         },
         {
           "version": "3.0.0",
@@ -290,7 +290,7 @@
           "sort": 9,
           "show": true,
           "author": "richard1015",
-          "styleDeps": ["OverLay"]
+          "styleDeps": ["Overlay"]
         },
         {
           "version": "3.0.0",

src/packages/__VUE/actionsheet/doc.en-US.md

@@ -8,14 +8,14 @@ Action menu panel that pops up from the bottom.
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { ActionSheet, Popup, OverLay } from '@nutui/nutui';
+import { ActionSheet, Popup, Overlay } from '@nutui/nutui';
 // taro
-import { ActionSheet, Popup, OverLay } from '@nutui/nutui-taro';
+import { ActionSheet, Popup, Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(ActionSheet);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 ```
 
 ### Basic Usage

src/packages/__VUE/actionsheet/doc.md

@@ -8,14 +8,14 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { ActionSheet, Popup, OverLay } from '@nutui/nutui';
+import { ActionSheet, Popup, Overlay } from '@nutui/nutui';
 // taro
-import { ActionSheet, Popup, OverLay } from '@nutui/nutui-taro';
+import { ActionSheet, Popup, Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(ActionSheet);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 ```
 
 ### 基础用法

src/packages/__VUE/calendar/__tests__/calendar.spec.ts

@@ -4,7 +4,7 @@ import { nextTick, toRefs, reactive } from 'vue';
 import Icon from '../../icon/index.vue';
 import PopUp from '../../popup/index.vue';
 import Button from '../../button/index.vue';
-import OverLay from '../../overlay/index.vue';
+import Overlay from '../../overlay/index.vue';
 import CalendarItem from '../../calendaritem/index.vue';
 
 beforeAll(() => {
@@ -12,7 +12,7 @@ beforeAll(() => {
     [Icon.name]: Icon,
     [PopUp.name]: PopUp,
     [Button.name]: Button,
-    [OverLay.name]: OverLay,
+    [Overlay.name]: Overlay,
     [CalendarItem.name]: CalendarItem
   };
 });

src/packages/__VUE/configprovider/doc.en-US.md

@@ -73,7 +73,7 @@ At present, only the following components support dark mode, other components ar
 - Button  
 - Cell  
 - Icon  
-- OverLay  
+- Overlay  
 - Popup  
 - Layout  
 - Sticky  

src/packages/__VUE/configprovider/doc.md

@@ -107,7 +107,7 @@ ConfigProvider 组件提供了覆盖 CSS 变量的能力，你需要在根节点
 - Button  
 - Cell  
 - Icon  
-- OverLay  
+- Overlay  
 - Popup  
 - Layout  
 - Sticky  

src/packages/__VUE/datepicker/doc.en-US.md

@@ -9,15 +9,15 @@ Used to select time, support date and time dimensions, usually used with the Pop
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { DatePicker, Picker, Popup, OverLay } from '@nutui/nutui';
+import { DatePicker, Picker, Popup, Overlay } from '@nutui/nutui';
 // taro
-import { DatePicker, Picker, Popup, OverLay } from '@nutui/nutui-taro';
+import { DatePicker, Picker, Popup, Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(DatePicker);
 app.use(Picker);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 ```
     
 ### Choose Date

src/packages/__VUE/datepicker/doc.md

@@ -9,15 +9,15 @@
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { DatePicker, Picker, Popup, OverLay } from '@nutui/nutui';
+import { DatePicker, Picker, Popup, Overlay } from '@nutui/nutui';
 // taro
-import { DatePicker, Picker, Popup, OverLay } from '@nutui/nutui-taro';
+import { DatePicker, Picker, Popup, Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(DatePicker);
 app.use(Picker);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 ```
     
 ### 选择年月日

src/packages/__VUE/dialog/__tests__/index.spec.ts

@@ -3,14 +3,14 @@ import DialogTemplate from '../index.vue';
 import Icon from '../../icon/index.vue';
 import Popup from '../../popup/index.vue';
 import Button from '../../button/index.vue';
-import OverLay from '../../overlay/index.vue';
+import Overlay from '../../overlay/index.vue';
 
 beforeAll(() => {
   config.global.components = {
     [Icon.name]: Icon,
     [Popup.name]: Popup,
     [Button.name]: Button,
-    [OverLay.name]: OverLay
+    [Overlay.name]: Overlay
   };
 });
 
@@ -34,7 +34,7 @@ test('should render dialog template', async () => {
     }
   });
 
-  const overLay = wrapper.getComponent(OverLay);
+  const overLay = wrapper.getComponent(Overlay);
   expect(await overLay.find('.nut-dialog__content'));
 });
 
@@ -45,7 +45,7 @@ test('header slot', async () => {
     }
   });
 
-  const overLay = wrapper.getComponent(OverLay);
+  const overLay = wrapper.getComponent(Overlay);
   expect(await overLay.find('.nut-dialog__header'));
 });
 
@@ -56,6 +56,6 @@ test('header slot', async () => {
 //   onCancel,
 //   onOk
 // });
-// const overLay = wrapper.getComponent(OverLay);
+// const overLay = wrapper.getComponent(Overlay);
 // expect(await overLay.find('.nut-dialog__content'))
 // });

src/packages/__VUE/dialog/doc.en-US.md

@@ -11,12 +11,12 @@ The popup box component supports function call and component call.
     
 ```javascript
 import { createApp,createVNode } from 'vue';
-import { Dialog,Popup,OverLay } from '@nutui/nutui';
+import { Dialog,Popup,Overlay } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Dialog);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 
 ```
 

src/packages/__VUE/dialog/doc.md

@@ -11,12 +11,12 @@
     
 ```javascript
 import { createApp,createVNode } from 'vue';
-import { Dialog,Popup,OverLay } from '@nutui/nutui';
+import { Dialog,Popup,Overlay } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Dialog);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 
 ```
 

src/packages/__VUE/dialog/doc.taro.md

@@ -9,12 +9,12 @@
     
 ```javascript
 import { createApp } from 'vue';
-import { Dialog,Popup,OverLay } from '@nutui/nutui-taro';
+import { Dialog,Popup,Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Dialog);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 
 ```
 

src/packages/__VUE/dialog/index.ts

@@ -3,7 +3,7 @@ import { h, VNode, CSSProperties } from 'vue';
 import Popup from '../popup/index.vue';
 import Icon from '../icon/index.vue';
 import Button from '../button/index.vue';
-import OverLay from '../overlay/index.vue';
+import Overlay from '../overlay/index.vue';
 import { CreateComponent } from '@/packages/utils/create';
 export class DialogOptions {
   title?: string = '';
@@ -44,7 +44,7 @@ class DialogFunction {
     let options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: 'dialog',
-      components: [Popup, Icon, Button, OverLay],
+      components: [Popup, Icon, Button, Overlay],
       wrapper: (elWarp: any, root: any) => {
         return {
           setup() {

src/packages/__VUE/fixednav/doc.en-US.md

@@ -9,13 +9,13 @@ Hover stow experience Interaction for quick navigation
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { FixedNav,OverLay } from '@nutui/nutui';
+import { FixedNav,Overlay } from '@nutui/nutui';
 // taro
-import { FixedNav,OverLay } from '@nutui/nutui-taro';
+import { FixedNav,Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(FixedNav);
-app.use(OverLay);
+app.use(Overlay);
 
 ```
 

src/packages/__VUE/fixednav/doc.md

@@ -9,13 +9,13 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { FixedNav,OverLay } from '@nutui/nutui';
+import { FixedNav,Overlay } from '@nutui/nutui';
 // taro
-import { FixedNav,OverLay } from '@nutui/nutui-taro';
+import { FixedNav,Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(FixedNav);
-app.use(OverLay);
+app.use(Overlay);
 
 ```
 

src/packages/__VUE/imagepreview/index.ts

@@ -8,7 +8,7 @@ import Video from '../video/index.vue';
 import Swiper from '../swiper/index.vue';
 import SwiperItem from '../swiperitem/index.vue';
 import Icon from '../icon/index.vue';
-import OverLay from '../overlay/index.vue';
+import Overlay from '../overlay/index.vue';
 
 export class ImagePreviewOptions {
   show: Boolean = false;
@@ -40,7 +40,7 @@ class ImagePreviewFunction {
     const options = Object.assign(this.options, _options);
     const { instance, unmount } = CreateComponent(options, {
       name: 'imagepreview',
-      components: [Popup, Video, Swiper, SwiperItem, Icon, OverLay],
+      components: [Popup, Video, Swiper, SwiperItem, Icon, Overlay],
       wrapper: () => {
         return {
           setup() {

src/packages/__VUE/menu/doc.en-US.md

@@ -9,13 +9,13 @@ The menu list that pops down downwards.
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { Menu, MenuItem,OverLay, Popup } from '@nutui/nutui';
+import { Menu, MenuItem,Overlay, Popup } from '@nutui/nutui';
 // taro
-import { Menu, MenuItem,OverLay, Popup } from '@nutui/nutui-taro';
+import { Menu, MenuItem,Overlay, Popup } from '@nutui/nutui-taro';
 const app = createApp();
 app.use(Menu);
 app.use(MenuItem);
-app.use(OverLay);
+app.use(Overlay);
 app.use(Popup);
 
 ```

src/packages/__VUE/menu/doc.md

@@ -9,13 +9,13 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { Menu, MenuItem,OverLay, Popup } from '@nutui/nutui';
+import { Menu, MenuItem,Overlay, Popup } from '@nutui/nutui';
 // taro
-import { Menu, MenuItem,OverLay, Popup } from '@nutui/nutui-taro';
+import { Menu, MenuItem,Overlay, Popup } from '@nutui/nutui-taro';
 const app = createApp();
 app.use(Menu);
 app.use(MenuItem);
-app.use(OverLay);
+app.use(Overlay);
 app.use(Popup);
 
 ```

src/packages/__VUE/overlay/__tests__/overlay.spec.ts

@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils';
-import OverLay from '../index.vue';
+import Overlay from '../index.vue';
 
 test('should change z-index when using z-index prop', () => {
-  const wrapper = mount(OverLay, {
+  const wrapper = mount(Overlay, {
     props: {
       visible: true,
       zIndex: 99
@@ -13,7 +13,7 @@ test('should change z-index when using z-index prop', () => {
 });
 
 test('should change animation duration when using duration prop', () => {
-  const wrapper = mount(OverLay, {
+  const wrapper = mount(Overlay, {
     props: {
       visible: true,
       duration: 1
@@ -25,7 +25,7 @@ test('should change animation duration when using duration prop', () => {
 });
 
 test('prop overlay-class test', () => {
-  const wrapper = mount(OverLay, {
+  const wrapper = mount(Overlay, {
     props: {
       visible: true,
       overlayClass: 'testclass'
@@ -37,7 +37,7 @@ test('prop overlay-class test', () => {
 });
 
 test('prop close-on-click-overlay test', async () => {
-  const wrapper = mount(OverLay, {
+  const wrapper = mount(Overlay, {
     props: {
       visible: true,
       closeOnClickOverlay: false
@@ -49,7 +49,7 @@ test('prop close-on-click-overlay test', async () => {
 });
 
 test('event click test', async () => {
-  const wrapper = mount(OverLay, {
+  const wrapper = mount(Overlay, {
     props: {
       visible: true,
       closeOnClickOverlay: true
@@ -63,7 +63,7 @@ test('event click test', async () => {
 });
 
 test('slots test', () => {
-  const wrapper = mount(OverLay, {
+  const wrapper = mount(Overlay, {
     props: {
       visible: true
     },

src/packages/__VUE/overlay/doc.en-US.md

@@ -1,4 +1,4 @@
-# OverLay
+# Overlay
 
 ### Intro
 
@@ -10,12 +10,12 @@ Create a mask layer, which is usually used to prevent users from doing other ope
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { OverLay } from '@nutui/nutui';
+import { Overlay } from '@nutui/nutui';
 // taro
-import { OverLay } from '@nutui/nutui-taro';
+import { Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(OverLay);
+app.use(Overlay);
 ```
 
 

src/packages/__VUE/overlay/doc.md

@@ -1,4 +1,4 @@
-# OverLay 遮罩层
+# Overlay 遮罩层
 
 ### 介绍
 
@@ -9,12 +9,12 @@
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { OverLay } from '@nutui/nutui';
+import { Overlay } from '@nutui/nutui';
 // taro
-import { OverLay } from '@nutui/nutui-taro';
+import { Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(OverLay);
+app.use(Overlay);
 ```
 
 ### 基础用法

src/packages/__VUE/picker/doc.en-US.md

@@ -9,14 +9,14 @@ The picker component is usually used with Popup Component.
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { Picker, Popup, OverLay } from '@nutui/nutui';
+import { Picker, Popup, Overlay } from '@nutui/nutui';
 // taro
-import { Picker, Popup, OverLay } from '@nutui/nutui-taro';
+import { Picker, Popup, Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Picker);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 ```
 
 ### Basic Usage

src/packages/__VUE/picker/doc.md

@@ -13,14 +13,14 @@
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { Picker, Popup, OverLay } from '@nutui/nutui';
+import { Picker, Popup, Overlay } from '@nutui/nutui';
 // taro
-import { Picker, Popup, OverLay } from '@nutui/nutui-taro';
+import { Picker, Popup, Overlay } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Picker);
 app.use(Popup);
-app.use(OverLay);
+app.use(Overlay);
 ```
 
 ### 基础用法

src/packages/__VUE/popup/doc.en-US.md

@@ -9,13 +9,13 @@ The pop-up layer container is used to display pop-up windows, information prompt
 ```javascript
 import { createApp } from 'vue';
 //vue
-import { Popup,OverLay, Icon } from '@nutui/nutui';
+import { Popup,Overlay, Icon } from '@nutui/nutui';
 //taro
-import { Popup,OverLay, Icon } from '@nutui/nutui-taro';
+import { Popup,Overlay, Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Popup)
-app.use(OverLay)
+app.use(Overlay)
 app.use(Icon)
 ```
 

src/packages/__VUE/popup/doc.md

@@ -9,13 +9,13 @@
 ```javascript
 import { createApp } from 'vue';
 //vue
-import { Popup,OverLay, Icon } from '@nutui/nutui';
+import { Popup,Overlay, Icon } from '@nutui/nutui';
 //taro
-import { Popup,OverLay, Icon } from '@nutui/nutui-taro';
+import { Popup,Overlay, Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Popup)
-app.use(OverLay)
+app.use(Overlay)
 app.use(Icon)
 ```
 

src/packages/__VUE/timeselect/doc.en-US.md

@@ -9,7 +9,7 @@ For delivery time selection
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { TimeSelect, TimePannel, TimeDetail, Popup, Icon, OverLay } from '@nutui/nutui';
+import { TimeSelect, TimePannel, TimeDetail, Popup, Icon, Overlay } from '@nutui/nutui';
 // taro
 import { TimeSelect, TimePannel, TimeDetail, Popup, Icon, Overlay } from '@nutui/nutui-taro';
 

src/packages/__VUE/timeselect/doc.md

@@ -9,7 +9,7 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { TimeSelect, TimePannel, TimeDetail, Popup, Icon, OverLay } from '@nutui/nutui';
+import { TimeSelect, TimePannel, TimeDetail, Popup, Icon, Overlay } from '@nutui/nutui';
 // taro
 import { TimeSelect, TimePannel, TimeDetail, Popup, Icon, Overlay } from '@nutui/nutui-taro';