sard-uniapp 1.26.2 → 1.26.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/components/cascader-input/cascader-input.vue +3 -2
- package/components/datetime-range-picker/README.md +7 -0
- package/components/datetime-range-picker/common.d.ts +2 -0
- package/components/datetime-range-picker/datetime-range-picker.vue +2 -0
- package/components/datetime-range-picker-input/README.md +7 -1
- package/components/datetime-range-picker-input/datetime-range-picker-input.vue +8 -1
- package/components/datetime-range-picker-popout/README.md +4 -0
- package/components/datetime-range-picker-popout/datetime-range-picker-popout.vue +8 -1
- package/components/password-input/index.scss +3 -0
- package/components/password-input/variables.scss +1 -0
- package/components/popout/README.md +39 -39
- package/components/popout/common.d.ts +25 -25
- package/components/popout/popout.d.ts +1 -1
- package/components/popout/popout.vue +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [1.26.3](https://github.com/sutras/sard-uniapp/compare/v1.26.2...v1.26.3) (2026-02-05)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **cascader-input:** 修复因max-rows设为-1导致被截断问题 ([363419a](https://github.com/sutras/sard-uniapp/commit/363419ab9817f3f827cf2c8115aa0dd93d3ff52d))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **datetime-range-picker:** 新增插槽 ([b939e4e](https://github.com/sutras/sard-uniapp/commit/b939e4e33e7675589f685099724de3e419eb768b))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
1
15
|
## [1.26.2](https://github.com/sutras/sard-uniapp/compare/v1.26.1...v1.26.2) (2026-01-23)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -234,8 +234,9 @@ export default _defineComponent({
|
|
|
234
234
|
}
|
|
235
235
|
function getMayMultilineText(value) {
|
|
236
236
|
if (Array.isArray(value)) {
|
|
237
|
-
const
|
|
238
|
-
const
|
|
237
|
+
const maxRows = props.maxRows === -1 ? Number.MAX_SAFE_INTEGER : props.maxRows;
|
|
238
|
+
const diff = value.length - maxRows;
|
|
239
|
+
const rows = value.slice(0, maxRows);
|
|
239
240
|
if (diff > 0) {
|
|
240
241
|
rows.push(`+${diff}`);
|
|
241
242
|
}
|
|
@@ -42,6 +42,13 @@ import DatetimeRangePicker from 'sard-uniapp/components/datetime-range-picker/da
|
|
|
42
42
|
| update:model-value | 选中的选项改变时触发 | (date: (Date \| string)[]) => void |
|
|
43
43
|
| change | 选中的选项改变时触发 | (date: (Date \| string)[]) => void |
|
|
44
44
|
|
|
45
|
+
### DatetimeRangePickerSlots
|
|
46
|
+
|
|
47
|
+
| 插槽 | 描述 | 属性 |
|
|
48
|
+
| ------------------------- | -------------- | ---------- |
|
|
49
|
+
| header <sup>1.26.3+</sup> | 自定义头部内容 | () => void |
|
|
50
|
+
| footer <sup>1.26.3+</sup> | 自定义底部内容 | () => void |
|
|
51
|
+
|
|
45
52
|
## 主题定制
|
|
46
53
|
|
|
47
54
|
### CSS 变量
|
|
@@ -149,6 +149,8 @@ export declare const defaultDatetimeRangePickerProps: {
|
|
|
149
149
|
}) => string)) | undefined;
|
|
150
150
|
};
|
|
151
151
|
export interface DatetimeRangePickerSlots extends DatetimePickerSlots {
|
|
152
|
+
header?(props: Record<string, never>): any;
|
|
153
|
+
footer?(props: Record<string, never>): any;
|
|
152
154
|
}
|
|
153
155
|
export interface DatetimeRangePickerEmits {
|
|
154
156
|
(e: 'update:model-value', date: (Date | string)[]): void;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view :class="datetimeRangePickerClass" :style="datetimeRangePickerStyle">
|
|
3
|
+
<slot name="header"></slot>
|
|
3
4
|
<sar-tabs v-model:current="tabsCurrent" :list="tabsList" scrollable />
|
|
4
5
|
|
|
5
6
|
<view :class="bem.e('container')">
|
|
@@ -28,6 +29,7 @@
|
|
|
28
29
|
</view>
|
|
29
30
|
</view>
|
|
30
31
|
</view>
|
|
32
|
+
<slot name="footer"></slot>
|
|
31
33
|
</view>
|
|
32
34
|
</template>
|
|
33
35
|
|
|
@@ -36,6 +36,12 @@ import DatetimeRangePickerInput from 'sard-uniapp/components/datetime-range-pick
|
|
|
36
36
|
|
|
37
37
|
@code('${DEMO_PATH}/datetime-range-picker-input/demo/ValueFormat.vue')
|
|
38
38
|
|
|
39
|
+
### 插槽
|
|
40
|
+
|
|
41
|
+
可以使用 `header` 插槽在顶部添加快捷选择按钮。
|
|
42
|
+
|
|
43
|
+
@code('${DEMO_PATH}/datetime-range-picker-input/demo/Slot.vue')
|
|
44
|
+
|
|
39
45
|
## API
|
|
40
46
|
|
|
41
47
|
### DatetimeRangePickerInputProps
|
|
@@ -58,7 +64,7 @@ import DatetimeRangePickerInput from 'sard-uniapp/components/datetime-range-pick
|
|
|
58
64
|
|
|
59
65
|
### DatetimeRangePickerInputSlots
|
|
60
66
|
|
|
61
|
-
继承 [`PopoutInputSlots`](./popout-input#PopoutInputSlots)
|
|
67
|
+
继承 [`PopoutInputSlots`](./popout-input#PopoutInputSlots) 和 [`DatetimeRangePickerPopoutSlots`](./datetime-range-picker-popout#DatetimeRangePickerPopoutSlots)
|
|
62
68
|
|
|
63
69
|
### DatetimeRangePickerInputEmits
|
|
64
70
|
|
|
@@ -43,7 +43,14 @@
|
|
|
43
43
|
@change="onChange"
|
|
44
44
|
@visible-hook="onVisibleHook"
|
|
45
45
|
@confirm="onConfirm"
|
|
46
|
-
|
|
46
|
+
>
|
|
47
|
+
<template #header>
|
|
48
|
+
<slot name="header"></slot>
|
|
49
|
+
</template>
|
|
50
|
+
<template #footer>
|
|
51
|
+
<slot name="footer"></slot>
|
|
52
|
+
</template>
|
|
53
|
+
</sar-datetime-range-picker-popout>
|
|
47
54
|
</sar-popout-input>
|
|
48
55
|
</template>
|
|
49
56
|
|
|
@@ -56,3 +56,7 @@ import DatetimeRangePickerPopout from 'sard-uniapp/components/datetime-range-pic
|
|
|
56
56
|
| leave <sup>1.22.1+</sup> | 退场动画开始时触发 | () => void |
|
|
57
57
|
| after-leave <sup>1.22.1+</sup> | 退场动画结束时触发 | () => void |
|
|
58
58
|
| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发 | () => void |
|
|
59
|
+
|
|
60
|
+
### DatetimeRangePickerPopoutSlots
|
|
61
|
+
|
|
62
|
+
继承 [`PopoutInputSlots`](./popout-input#PopoutInputSlots) 和 [`DatetimeRangePickerSlots`](./datetime-range-picker#DatetimeRangePickerSlots)
|
|
@@ -21,7 +21,14 @@
|
|
|
21
21
|
:value-format="valueFormat"
|
|
22
22
|
:tabs="tabs"
|
|
23
23
|
@change="onChange"
|
|
24
|
-
|
|
24
|
+
>
|
|
25
|
+
<template #header>
|
|
26
|
+
<slot name="header"></slot>
|
|
27
|
+
</template>
|
|
28
|
+
<template #footer>
|
|
29
|
+
<slot name="footer"></slot>
|
|
30
|
+
</template>
|
|
31
|
+
</sar-datetime-range-picker>
|
|
25
32
|
</template>
|
|
26
33
|
</sar-popout>
|
|
27
34
|
</template>
|
|
@@ -77,8 +77,11 @@
|
|
|
77
77
|
|
|
78
78
|
@include m(border) {
|
|
79
79
|
@include e(item) {
|
|
80
|
+
border-radius: var(--sar-password-input-border-radius);
|
|
81
|
+
|
|
80
82
|
&::after {
|
|
81
83
|
@include border-surround(var(--sar-password-input-border-color));
|
|
84
|
+
border-radius: calc(var(--sar-password-input-border-radius) * 2);
|
|
82
85
|
}
|
|
83
86
|
}
|
|
84
87
|
}
|
|
@@ -3,6 +3,7 @@ page,
|
|
|
3
3
|
.sar-portal {
|
|
4
4
|
--sar-password-input-gap: 20rpx;
|
|
5
5
|
--sar-password-input-border-color: var(--sar-border-color);
|
|
6
|
+
--sar-password-input-border-radius: var(--sar-rounded);
|
|
6
7
|
--sar-password-input-active-border-color: var(--sar-primary);
|
|
7
8
|
|
|
8
9
|
--sar-password-input-height: 96rpx;
|
|
@@ -41,29 +41,29 @@ import Popout from 'sard-uniapp/components/popout/popout.vue'
|
|
|
41
41
|
|
|
42
42
|
### PopoutProps
|
|
43
43
|
|
|
44
|
-
| 属性 | 描述
|
|
45
|
-
| -------------------------------- |
|
|
46
|
-
| root-class | 组件根元素类名
|
|
47
|
-
| root-style | 组件根元素样式
|
|
48
|
-
| title | 弹出框标题
|
|
49
|
-
| show-cancel | 是否显示取消按钮，适用 `loose` 类型
|
|
50
|
-
| cancel-text | 取消按钮文案
|
|
51
|
-
| show-confirm | 是否显示确定按钮，适用 `loose` 类型
|
|
52
|
-
| confirm-text | 确定按钮文案
|
|
53
|
-
| show-close | 是否显示关闭按钮，适用 `loose` 类型
|
|
54
|
-
| show-footer | 是否显示底部按钮
|
|
55
|
-
| type | 弹出框按钮排版方式
|
|
56
|
-
| visible (v-model) | 是否显示弹出框
|
|
57
|
-
| before-close | 关闭前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止关闭
|
|
58
|
-
| duration | 显隐动画时长，单位 ms
|
|
59
|
-
| overlay <sup>1.25.1+</sup> | 是否显示遮罩
|
|
60
|
-
| overlay-class <sup>1.25.1+</sup> | 添加到遮罩的类名
|
|
61
|
-
| overlay-style <sup>1.25.1+</sup> | 添加到遮罩的样式
|
|
62
|
-
| background <sup>1.25.1+</sup> | 遮罩背景色
|
|
63
|
-
| transparent <sup>1.25.1+</sup> | 透明遮罩
|
|
64
|
-
| overlay-closable | 点击遮罩是否关闭
|
|
65
|
-
| keep-render <sup>1.24.3+</sup> | 无论刚挂载还是隐藏，都始终不设置 display 为 none，一般用于内部包含计算尺寸的组件的情况
|
|
66
|
-
| back-press <sup>1.25.7+</sup> | 弹出框显示时，劫持用户的返回操作，`close`: 关闭弹出框、`back`:
|
|
44
|
+
| 属性 | 描述 | 类型 | 默认值 |
|
|
45
|
+
| -------------------------------- | ----------------------------------------------------------------------------------------- | -------------------- | ------- |
|
|
46
|
+
| root-class | 组件根元素类名 | string | - |
|
|
47
|
+
| root-style | 组件根元素样式 | StyleValue | - |
|
|
48
|
+
| title | 弹出框标题 | string | - |
|
|
49
|
+
| show-cancel | 是否显示取消按钮，适用 `loose` 类型 | boolean | false |
|
|
50
|
+
| cancel-text | 取消按钮文案 | string | '取消' |
|
|
51
|
+
| show-confirm | 是否显示确定按钮，适用 `loose` 类型 | boolean | true |
|
|
52
|
+
| confirm-text | 确定按钮文案 | string | '确定' |
|
|
53
|
+
| show-close | 是否显示关闭按钮，适用 `loose` 类型 | boolean | true |
|
|
54
|
+
| show-footer | 是否显示底部按钮 | boolean | true |
|
|
55
|
+
| type | 弹出框按钮排版方式 | 'compact' \| 'loose' | 'loose' |
|
|
56
|
+
| visible (v-model) | 是否显示弹出框 | boolean | - |
|
|
57
|
+
| before-close | 关闭前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止关闭 | PopoutBeforeClose | - |
|
|
58
|
+
| duration | 显隐动画时长，单位 ms | number | 300 |
|
|
59
|
+
| overlay <sup>1.25.1+</sup> | 是否显示遮罩 | boolean | true |
|
|
60
|
+
| overlay-class <sup>1.25.1+</sup> | 添加到遮罩的类名 | string | - |
|
|
61
|
+
| overlay-style <sup>1.25.1+</sup> | 添加到遮罩的样式 | string | - |
|
|
62
|
+
| background <sup>1.25.1+</sup> | 遮罩背景色 | string | - |
|
|
63
|
+
| transparent <sup>1.25.1+</sup> | 透明遮罩 | boolean | false |
|
|
64
|
+
| overlay-closable | 点击遮罩是否关闭 | boolean | true |
|
|
65
|
+
| keep-render <sup>1.24.3+</sup> | 无论刚挂载还是隐藏，都始终不设置 display 为 none，一般用于内部包含计算尺寸的组件的情况 | boolean | false |
|
|
66
|
+
| back-press <sup>1.25.7+</sup> | 弹出框显示时，劫持用户的返回操作，`close`: 关闭弹出框、`back`: 返回上一页（仅小程序支持） | 'close' \| 'back' | 'close' |
|
|
67
67
|
|
|
68
68
|
### PopoutBeforeClose
|
|
69
69
|
|
|
@@ -97,22 +97,22 @@ type PopoutBeforeClose = (
|
|
|
97
97
|
|
|
98
98
|
### PopoutEmits
|
|
99
99
|
|
|
100
|
-
| 事件 | 描述
|
|
101
|
-
| -------------------------------- |
|
|
102
|
-
| update:visible | 显隐时触发
|
|
103
|
-
| close | 点击关闭按钮或遮罩时触发
|
|
104
|
-
| cancel | 点击取消按钮时触发
|
|
105
|
-
| confirm | 点击确定按钮时触发
|
|
106
|
-
| back-press <sup>1.25.7+</sup> | 弹出框显示时，劫持用户的返回操作，`close`: 关闭弹出框、`back`:
|
|
107
|
-
| visible-hook | 入场/退场动画状态改变时触发
|
|
108
|
-
| before-enter <sup>1.12+</sup> | 入场动画开始前触发
|
|
109
|
-
| enter <sup>1.12+</sup> | 入场动画开始时触发
|
|
110
|
-
| after-enter <sup>1.12+</sup> | 入场动画结束时触发
|
|
111
|
-
| enter-cancelled <sup>1.12+</sup> | 入场动画取消时触发
|
|
112
|
-
| before-leave <sup>1.12+</sup> | 退场动画开始前触发
|
|
113
|
-
| leave <sup>1.12+</sup> | 退场动画开始时触发
|
|
114
|
-
| after-leave <sup>1.12+</sup> | 退场动画结束时触发
|
|
115
|
-
| leave-cancelled <sup>1.12+</sup> | 退场动画取消时触发
|
|
100
|
+
| 事件 | 描述 | 类型 |
|
|
101
|
+
| -------------------------------- | ----------------------------------------------------------------------------------------- | ---------------------------------- | ------- |
|
|
102
|
+
| update:visible | 显隐时触发 | (visible: boolean) => void |
|
|
103
|
+
| close | 点击关闭按钮或遮罩时触发 | () => void |
|
|
104
|
+
| cancel | 点击取消按钮时触发 | () => void |
|
|
105
|
+
| confirm | 点击确定按钮时触发 | () => void |
|
|
106
|
+
| back-press <sup>1.25.7+</sup> | 弹出框显示时，劫持用户的返回操作，`close`: 关闭弹出框、`back`: 返回上一页（仅小程序支持） | 'close' \| 'back' | 'close' |
|
|
107
|
+
| visible-hook | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
|
|
108
|
+
| before-enter <sup>1.12+</sup> | 入场动画开始前触发 | () => void |
|
|
109
|
+
| enter <sup>1.12+</sup> | 入场动画开始时触发 | () => void |
|
|
110
|
+
| after-enter <sup>1.12+</sup> | 入场动画结束时触发 | () => void |
|
|
111
|
+
| enter-cancelled <sup>1.12+</sup> | 入场动画取消时触发 | () => void |
|
|
112
|
+
| before-leave <sup>1.12+</sup> | 退场动画开始前触发 | () => void |
|
|
113
|
+
| leave <sup>1.12+</sup> | 退场动画开始时触发 | () => void |
|
|
114
|
+
| after-leave <sup>1.12+</sup> | 退场动画结束时触发 | () => void |
|
|
115
|
+
| leave-cancelled <sup>1.12+</sup> | 退场动画取消时触发 | () => void |
|
|
116
116
|
|
|
117
117
|
## 主题定制
|
|
118
118
|
|
|
@@ -27,7 +27,7 @@ export interface PopoutProps {
|
|
|
27
27
|
overlayClosable?: boolean;
|
|
28
28
|
beforeClose?: PopoutBeforeClose;
|
|
29
29
|
keepRender?: boolean;
|
|
30
|
-
backPress?: 'close' | 'back'
|
|
30
|
+
backPress?: 'close' | 'back';
|
|
31
31
|
}
|
|
32
32
|
export declare const defaultPopoutProps: {
|
|
33
33
|
rootStyle?: (string | false | ((props: {
|
|
@@ -52,7 +52,7 @@ export declare const defaultPopoutProps: {
|
|
|
52
52
|
overlayClosable: boolean;
|
|
53
53
|
beforeClose: PopoutBeforeClose;
|
|
54
54
|
keepRender: boolean;
|
|
55
|
-
backPress: "close" | "back"
|
|
55
|
+
backPress: "close" | "back";
|
|
56
56
|
}) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
|
|
57
57
|
rootClass?: (string | ((props: {
|
|
58
58
|
rootStyle: StyleValue;
|
|
@@ -76,7 +76,7 @@ export declare const defaultPopoutProps: {
|
|
|
76
76
|
overlayClosable: boolean;
|
|
77
77
|
beforeClose: PopoutBeforeClose;
|
|
78
78
|
keepRender: boolean;
|
|
79
|
-
backPress: "close" | "back"
|
|
79
|
+
backPress: "close" | "back";
|
|
80
80
|
}) => string)) | undefined;
|
|
81
81
|
visible?: (boolean | ((props: {
|
|
82
82
|
rootStyle: StyleValue;
|
|
@@ -100,7 +100,7 @@ export declare const defaultPopoutProps: {
|
|
|
100
100
|
overlayClosable: boolean;
|
|
101
101
|
beforeClose: PopoutBeforeClose;
|
|
102
102
|
keepRender: boolean;
|
|
103
|
-
backPress: "close" | "back"
|
|
103
|
+
backPress: "close" | "back";
|
|
104
104
|
}) => boolean)) | undefined;
|
|
105
105
|
duration?: (number | ((props: {
|
|
106
106
|
rootStyle: StyleValue;
|
|
@@ -124,7 +124,7 @@ export declare const defaultPopoutProps: {
|
|
|
124
124
|
overlayClosable: boolean;
|
|
125
125
|
beforeClose: PopoutBeforeClose;
|
|
126
126
|
keepRender: boolean;
|
|
127
|
-
backPress: "close" | "back"
|
|
127
|
+
backPress: "close" | "back";
|
|
128
128
|
}) => number)) | undefined;
|
|
129
129
|
title?: (string | ((props: {
|
|
130
130
|
rootStyle: StyleValue;
|
|
@@ -148,7 +148,7 @@ export declare const defaultPopoutProps: {
|
|
|
148
148
|
overlayClosable: boolean;
|
|
149
149
|
beforeClose: PopoutBeforeClose;
|
|
150
150
|
keepRender: boolean;
|
|
151
|
-
backPress: "close" | "back"
|
|
151
|
+
backPress: "close" | "back";
|
|
152
152
|
}) => string)) | undefined;
|
|
153
153
|
type?: ("compact" | "loose" | ((props: {
|
|
154
154
|
rootStyle: StyleValue;
|
|
@@ -172,7 +172,7 @@ export declare const defaultPopoutProps: {
|
|
|
172
172
|
overlayClosable: boolean;
|
|
173
173
|
beforeClose: PopoutBeforeClose;
|
|
174
174
|
keepRender: boolean;
|
|
175
|
-
backPress: "close" | "back"
|
|
175
|
+
backPress: "close" | "back";
|
|
176
176
|
}) => "compact" | "loose")) | undefined;
|
|
177
177
|
showCancel?: (boolean | ((props: {
|
|
178
178
|
rootStyle: StyleValue;
|
|
@@ -196,7 +196,7 @@ export declare const defaultPopoutProps: {
|
|
|
196
196
|
overlayClosable: boolean;
|
|
197
197
|
beforeClose: PopoutBeforeClose;
|
|
198
198
|
keepRender: boolean;
|
|
199
|
-
backPress: "close" | "back"
|
|
199
|
+
backPress: "close" | "back";
|
|
200
200
|
}) => boolean)) | undefined;
|
|
201
201
|
cancelText?: (string | ((props: {
|
|
202
202
|
rootStyle: StyleValue;
|
|
@@ -220,7 +220,7 @@ export declare const defaultPopoutProps: {
|
|
|
220
220
|
overlayClosable: boolean;
|
|
221
221
|
beforeClose: PopoutBeforeClose;
|
|
222
222
|
keepRender: boolean;
|
|
223
|
-
backPress: "close" | "back"
|
|
223
|
+
backPress: "close" | "back";
|
|
224
224
|
}) => string)) | undefined;
|
|
225
225
|
showConfirm?: (boolean | ((props: {
|
|
226
226
|
rootStyle: StyleValue;
|
|
@@ -244,7 +244,7 @@ export declare const defaultPopoutProps: {
|
|
|
244
244
|
overlayClosable: boolean;
|
|
245
245
|
beforeClose: PopoutBeforeClose;
|
|
246
246
|
keepRender: boolean;
|
|
247
|
-
backPress: "close" | "back"
|
|
247
|
+
backPress: "close" | "back";
|
|
248
248
|
}) => boolean)) | undefined;
|
|
249
249
|
confirmText?: (string | ((props: {
|
|
250
250
|
rootStyle: StyleValue;
|
|
@@ -268,7 +268,7 @@ export declare const defaultPopoutProps: {
|
|
|
268
268
|
overlayClosable: boolean;
|
|
269
269
|
beforeClose: PopoutBeforeClose;
|
|
270
270
|
keepRender: boolean;
|
|
271
|
-
backPress: "close" | "back"
|
|
271
|
+
backPress: "close" | "back";
|
|
272
272
|
}) => string)) | undefined;
|
|
273
273
|
confirmDisabled?: (boolean | ((props: {
|
|
274
274
|
rootStyle: StyleValue;
|
|
@@ -292,7 +292,7 @@ export declare const defaultPopoutProps: {
|
|
|
292
292
|
overlayClosable: boolean;
|
|
293
293
|
beforeClose: PopoutBeforeClose;
|
|
294
294
|
keepRender: boolean;
|
|
295
|
-
backPress: "close" | "back"
|
|
295
|
+
backPress: "close" | "back";
|
|
296
296
|
}) => boolean)) | undefined;
|
|
297
297
|
showClose?: (boolean | ((props: {
|
|
298
298
|
rootStyle: StyleValue;
|
|
@@ -316,7 +316,7 @@ export declare const defaultPopoutProps: {
|
|
|
316
316
|
overlayClosable: boolean;
|
|
317
317
|
beforeClose: PopoutBeforeClose;
|
|
318
318
|
keepRender: boolean;
|
|
319
|
-
backPress: "close" | "back"
|
|
319
|
+
backPress: "close" | "back";
|
|
320
320
|
}) => boolean)) | undefined;
|
|
321
321
|
showFooter?: (boolean | ((props: {
|
|
322
322
|
rootStyle: StyleValue;
|
|
@@ -340,7 +340,7 @@ export declare const defaultPopoutProps: {
|
|
|
340
340
|
overlayClosable: boolean;
|
|
341
341
|
beforeClose: PopoutBeforeClose;
|
|
342
342
|
keepRender: boolean;
|
|
343
|
-
backPress: "close" | "back"
|
|
343
|
+
backPress: "close" | "back";
|
|
344
344
|
}) => boolean)) | undefined;
|
|
345
345
|
overlay?: (boolean | ((props: {
|
|
346
346
|
rootStyle: StyleValue;
|
|
@@ -364,7 +364,7 @@ export declare const defaultPopoutProps: {
|
|
|
364
364
|
overlayClosable: boolean;
|
|
365
365
|
beforeClose: PopoutBeforeClose;
|
|
366
366
|
keepRender: boolean;
|
|
367
|
-
backPress: "close" | "back"
|
|
367
|
+
backPress: "close" | "back";
|
|
368
368
|
}) => boolean)) | undefined;
|
|
369
369
|
overlayClass?: (string | ((props: {
|
|
370
370
|
rootStyle: StyleValue;
|
|
@@ -388,7 +388,7 @@ export declare const defaultPopoutProps: {
|
|
|
388
388
|
overlayClosable: boolean;
|
|
389
389
|
beforeClose: PopoutBeforeClose;
|
|
390
390
|
keepRender: boolean;
|
|
391
|
-
backPress: "close" | "back"
|
|
391
|
+
backPress: "close" | "back";
|
|
392
392
|
}) => string)) | undefined;
|
|
393
393
|
overlayStyle?: (string | ((props: {
|
|
394
394
|
rootStyle: StyleValue;
|
|
@@ -412,7 +412,7 @@ export declare const defaultPopoutProps: {
|
|
|
412
412
|
overlayClosable: boolean;
|
|
413
413
|
beforeClose: PopoutBeforeClose;
|
|
414
414
|
keepRender: boolean;
|
|
415
|
-
backPress: "close" | "back"
|
|
415
|
+
backPress: "close" | "back";
|
|
416
416
|
}) => string)) | undefined;
|
|
417
417
|
background?: (string | ((props: {
|
|
418
418
|
rootStyle: StyleValue;
|
|
@@ -436,7 +436,7 @@ export declare const defaultPopoutProps: {
|
|
|
436
436
|
overlayClosable: boolean;
|
|
437
437
|
beforeClose: PopoutBeforeClose;
|
|
438
438
|
keepRender: boolean;
|
|
439
|
-
backPress: "close" | "back"
|
|
439
|
+
backPress: "close" | "back";
|
|
440
440
|
}) => string)) | undefined;
|
|
441
441
|
transparent?: (boolean | ((props: {
|
|
442
442
|
rootStyle: StyleValue;
|
|
@@ -460,7 +460,7 @@ export declare const defaultPopoutProps: {
|
|
|
460
460
|
overlayClosable: boolean;
|
|
461
461
|
beforeClose: PopoutBeforeClose;
|
|
462
462
|
keepRender: boolean;
|
|
463
|
-
backPress: "close" | "back"
|
|
463
|
+
backPress: "close" | "back";
|
|
464
464
|
}) => boolean)) | undefined;
|
|
465
465
|
overlayClosable?: (boolean | ((props: {
|
|
466
466
|
rootStyle: StyleValue;
|
|
@@ -484,7 +484,7 @@ export declare const defaultPopoutProps: {
|
|
|
484
484
|
overlayClosable: boolean;
|
|
485
485
|
beforeClose: PopoutBeforeClose;
|
|
486
486
|
keepRender: boolean;
|
|
487
|
-
backPress: "close" | "back"
|
|
487
|
+
backPress: "close" | "back";
|
|
488
488
|
}) => boolean)) | undefined;
|
|
489
489
|
beforeClose?: (PopoutBeforeClose | ((props: {
|
|
490
490
|
rootStyle: StyleValue;
|
|
@@ -508,7 +508,7 @@ export declare const defaultPopoutProps: {
|
|
|
508
508
|
overlayClosable: boolean;
|
|
509
509
|
beforeClose: PopoutBeforeClose;
|
|
510
510
|
keepRender: boolean;
|
|
511
|
-
backPress: "close" | "back"
|
|
511
|
+
backPress: "close" | "back";
|
|
512
512
|
}) => PopoutBeforeClose)) | undefined;
|
|
513
513
|
keepRender?: (boolean | ((props: {
|
|
514
514
|
rootStyle: StyleValue;
|
|
@@ -532,9 +532,9 @@ export declare const defaultPopoutProps: {
|
|
|
532
532
|
overlayClosable: boolean;
|
|
533
533
|
beforeClose: PopoutBeforeClose;
|
|
534
534
|
keepRender: boolean;
|
|
535
|
-
backPress: "close" | "back"
|
|
535
|
+
backPress: "close" | "back";
|
|
536
536
|
}) => boolean)) | undefined;
|
|
537
|
-
backPress?: ("close" | "
|
|
537
|
+
backPress?: ("close" | "back" | ((props: {
|
|
538
538
|
rootStyle: StyleValue;
|
|
539
539
|
rootClass: string;
|
|
540
540
|
visible: boolean;
|
|
@@ -556,8 +556,8 @@ export declare const defaultPopoutProps: {
|
|
|
556
556
|
overlayClosable: boolean;
|
|
557
557
|
beforeClose: PopoutBeforeClose;
|
|
558
558
|
keepRender: boolean;
|
|
559
|
-
backPress: "close" | "back"
|
|
560
|
-
}) => "close" | "
|
|
559
|
+
backPress: "close" | "back";
|
|
560
|
+
}) => "close" | "back")) | undefined;
|
|
561
561
|
};
|
|
562
562
|
export interface PopoutSlots {
|
|
563
563
|
default?(props: Record<string, never>): any;
|
|
@@ -20,7 +20,7 @@ declare const __VLS_component: import("vue").DefineComponent<PopoutProps, {}, {}
|
|
|
20
20
|
transparent: boolean;
|
|
21
21
|
keepRender: boolean;
|
|
22
22
|
overlayClosable: boolean;
|
|
23
|
-
backPress: "close" | "back"
|
|
23
|
+
backPress: "close" | "back";
|
|
24
24
|
showCancel: boolean;
|
|
25
25
|
beforeClose: import("./common").PopoutBeforeClose;
|
|
26
26
|
showConfirm: boolean;
|
|
@@ -165,12 +165,12 @@ import {
|
|
|
165
165
|
* @property {boolean} transparent 透明遮罩，默认值：false。
|
|
166
166
|
* @property {boolean} overlayClosable 点击遮罩是否关闭，默认值：true。
|
|
167
167
|
* @property {boolean} keepRender 无论刚挂载还是隐藏，都始终不设置 display 为 none，一般用于内部包含计算尺寸的组件的情况，默认值：false。
|
|
168
|
-
* @property {'close' | 'back'
|
|
168
|
+
* @property {'close' | 'back'} backPress 弹出框显示时，劫持用户的返回操作，`close`: 关闭弹出框、`back`: 返回上一页（仅小程序支持），默认值：'close'。
|
|
169
169
|
* @event {(visible: boolean) => void} update 显隐时触发
|
|
170
170
|
* @event {() => void} close 点击关闭按钮或遮罩时触发
|
|
171
171
|
* @event {() => void} cancel 点击取消按钮时触发
|
|
172
172
|
* @event {() => void} confirm 点击确定按钮时触发
|
|
173
|
-
* @event {'close' | 'back'
|
|
173
|
+
* @event {'close' | 'back'} back-press 弹出框显示时，劫持用户的返回操作，`close`: 关闭弹出框、`back`: 返回上一页（仅小程序支持）
|
|
174
174
|
* @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
|
|
175
175
|
* @event {() => void} before-enter 入场动画开始前触发
|
|
176
176
|
* @event {() => void} enter 入场动画开始时触发
|