Skip to content

Commit 5d86c49

Browse files
jevin98jevin98
committed
chore(layer): 清除创建不同类型layer函数多余参数
1 parent aa17108 commit 5d86c49

File tree

2 files changed

+17
-21
lines changed

2 files changed

+17
-21
lines changed

‎docs/src/document/zh-CN/components/layer.md

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -844,7 +844,7 @@ const openCallback = () => {
844844
| 函数签名 | 描述 |
845845
| ------------------------------------------------------------------------------ | -------------------------- |
846846
| `create: (option: LayerProps, defaultOption: LayerProps, callback?: Function)` | 创建一个弹层 |
847-
| `open: (option: LayerProps, callback?: Function)` | 打开一个弹层 |
847+
| `open: (option: LayerProps)` | 打开一个弹层 |
848848
| `close: (id: string)` | 关闭指定 ID 的弹层 |
849849
| `closeAll: ()` | 关闭当前上下文中全部的弹层 |
850850
| `reset: (id: string)` | 重置某个弹层的位置和大小 |
@@ -889,7 +889,7 @@ const openCallback = () => {
889889
| ------------------- | ----------------------------------------------------------------- | --------------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------- | -------- |
890890
| _v-model_ | 显示 | boolean | `false` | | |
891891
| _id_ | layer 标识 可不传(内部生成) | `string` | | | |
892-
| _type_ | 类型 | string | `1` | `0(dialog)` `1(page)` `2(iframe)` `3(loading)` `4(drawer)` `5(photos)` `6(notify)` | |
892+
| _type_ | 类型 | string | `1` | `0(dialog)` `1(page)` `2(iframe)` `3(loading)` `4(drawer)` `5(photos)` `6(notify)` `7(prompt)` | |
893893
| _title_ | 标题 **当传入组件时，会影响内部寻找拖拽节点，需要给根元素设置 `pointer-events: none`** | `boolean` `PropsContentType (2.19.0)` | `标题` | -- | |
894894
| _title-style_ | 标题样式 | `string` `StyleValue` | -- | -- | |
895895
| _footer_ | 底部 | `boolean` `PropsContentType (2.19.0)` | | | `2.19.0` |
@@ -956,7 +956,7 @@ const openCallback = () => {
956956
| _close_ | 内部(右上角/点击遮罩/默认确认按钮)关闭回调 | `function` | `(id) => {}` | |
957957
| _before-close_ | 内部(右上角/点击遮罩/默认确认按钮)关闭前回调，返回值为 `true` 内部才会关闭 | `function` | `(id) => boolean` | |
958958
| _destroy_ | 销毁回调 | `function` | `() => {}` | |
959-
| _yes_ | 点击底部默认按钮 | `function` | `id` | |
959+
| _yes_ | 点击底部默认按钮(不会主动关闭 `layer` 需要手动关闭，可用于一些逻辑判断) | `function` | `id` | |
960960
| _move-start_ | 弹窗拖动位置开始回调 | `function` | `id` | - |
961961
| _moving_ | 弹窗拖动位置回调 | `function` | `id` | - |
962962
| _move-end_ | 弹窗拖动位置结束回调 | `function` | `id` | - |
@@ -1057,7 +1057,6 @@ const openCallback = () => {
10571057
| 参数名 | 描述 | 类型 | 默认值 |
10581058
| ---------- | ---------------- | ------------ | ------------ |
10591059
| _option_ | 配置 | `LayerProps` | |
1060-
| _callback_ | 弹层创建后的回调 | `Function` | `(id) => {}` |
10611060

10621061
:::
10631062

@@ -1093,7 +1092,6 @@ const openCallback = () => {
10931092
| ---------- | ---------------- | ------------ | ------------ |
10941093
| _load_ | 加载层样式 | `number` | |
10951094
| _option_ | 配置 | `LayerProps` | |
1096-
| _callback_ | 弹层创建后的回调 | `Function` | `(id) => {}` |
10971095

10981096
:::
10991097

@@ -1138,7 +1136,6 @@ const openCallback = () => {
11381136
| ---------- | ---------------- | ------------ | ------------ |
11391137
| _msg_ | 要显示的消息 | `string` | `""` |
11401138
| _option_ | 配置 | `LayerProps` | `{}` |
1141-
| _callback_ | 弹层创建后的回调 | `Function` | `(id) => {}` |
11421139

11431140
:::
11441141

@@ -1175,7 +1172,6 @@ const openCallback = () => {
11751172
| 参数名 | 描述 | 类型 | 默认值 |
11761173
| ---------- | ---------------- | ---------------------- | ------------ |
11771174
| _option_ | 配置 | `string` `ImgListType` | |
1178-
| _callback_ | 弹层创建后的回调 | `Function` | `(id) => {}` |
11791175

11801176
:::
11811177

@@ -1272,7 +1268,6 @@ const openCallback = () => {
12721268
| 参数名 | 描述 | 类型 | 默认值 |
12731269
| ---------- | ---------------- | ------------ | ------------ |
12741270
| _option_ | 配置 | `LayerProps` | |
1275-
| _callback_ | 弹层创建后的回调 | `Function` | `(id) => {}` |
12761271

12771272
:::
12781273

@@ -1283,7 +1278,7 @@ const openCallback = () => {
12831278

12841279
| 属性 | 描述 | 值 |
12851280
| --------------- | ------------ | ---------- |
1286-
| _type_ | 类型 | `"prompt"` |
1281+
| _type_ | 类型 | `7(prompt)` |
12871282
| _shade-close_ | 遮罩层关闭 | `false` |
12881283
| _shade-opacity_ | 遮罩层透明度 | `"0.2"` |
12891284

@@ -1300,6 +1295,7 @@ const openCallback = () => {
13001295
| _value_ | 表单初始值 | `string` | `""` | |
13011296
| _max-length_ | 最大输入长度 | `number` | | |
13021297
| _placeholder_ | 占位符 | `string` | `"请输入内容"` | |
1298+
| _yes_ | 点击底部默认按钮(回调第 `2` 个参数可以拿到输入框内容) | `(id, PromptValue) => void` | | |
13031299

13041300
:::
13051301

‎packages/layer/src/index.ts

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -74,16 +74,16 @@ const layer = {
7474
_context: <AppContext | null>null,
7575

7676
// 页面
77-
open: (option: LayerProps, callback?: Function) => {
77+
open: (option: LayerProps) => {
7878
const defaultOption = {};
79-
return layer.create(option, defaultOption, callback);
79+
return layer.create(option, defaultOption);
8080
},
8181
// 抽屉
82-
drawer: (option: LayerProps, callback?: Function) => {
82+
drawer: (option: LayerProps) => {
8383
const defaultOption: LayerProps = {
8484
type: "drawer",
8585
};
86-
return layer.create(option, defaultOption, callback);
86+
return layer.create(option, defaultOption);
8787
},
8888
// 消息
8989
msg: (message: string, option: LayerProps = {}, callback?: Function) => {
@@ -101,27 +101,27 @@ const layer = {
101101
return layer.create(option, defaultOption, callback);
102102
},
103103
// 加载
104-
load: (load: number, option: LayerProps = {}, callback?: Function) => {
104+
load: (load: number, option: LayerProps = {}) => {
105105
const defaultOption: LayerProps = {
106106
type: 3,
107107
load: load,
108108
anim: 5,
109109
isOutAnim: false,
110110
shadeClose: false,
111111
};
112-
return layer.create(option, defaultOption, callback);
112+
return layer.create(option, defaultOption);
113113
},
114114
// 确认
115-
confirm: (msg: string, option: LayerProps = {}, callback?: Function) => {
115+
confirm: (msg: string, option: LayerProps = {}) => {
116116
const defaultOption: LayerProps = {
117117
type: 0,
118118
content: msg,
119119
shadeClose: false,
120120
};
121-
return layer.create(option, defaultOption, callback);
121+
return layer.create(option, defaultOption);
122122
},
123123
//图片预览
124-
photos: (option: string | LayerProps, callback?: Function) => {
124+
photos: (option: string | LayerProps) => {
125125
if (typeof option === "string") {
126126
option = {
127127
imgList: [{ src: option }],
@@ -135,7 +135,7 @@ const layer = {
135135
shadeClose: true,
136136
shadeOpacity: "0.2",
137137
};
138-
return layer.create(option, defaultOption, callback);
138+
return layer.create(option, defaultOption);
139139
},
140140
//通知
141141
notify: (option: LayerProps, callback?: Function) => {
@@ -149,14 +149,14 @@ const layer = {
149149
return layer.create(option, defaultOption, callback);
150150
},
151151
// 输入层
152-
prompt: (option: LayerProps, callback?: Function) => {
152+
prompt: (option: LayerProps) => {
153153
option.type = 7;
154154
const defaultOption: LayerProps = {
155155
type: "prompt",
156156
shadeClose: false,
157157
shadeOpacity: "0.2",
158158
};
159-
return layer.create(option, defaultOption, callback);
159+
return layer.create(option, defaultOption);
160160
},
161161
// 创建弹出层
162162
create: (

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy