amssui 2.0.34 → 2.0.36
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/es/button-modal/index.d.ts +7 -9
- package/es/button-modal/index.js +56 -89
- package/es/button-modal/style/index.js +1 -1
- package/es/index.d.ts +2 -2
- package/es/index.js +1 -1
- package/es/menu-nav-icon-button/index.d.ts +4 -4
- package/es/menu-nav-icon-button/index.js +44 -63
- package/es/menu-nav-icon-button/style/index.js +1 -1
- package/lib/button-modal/index.d.ts +7 -9
- package/lib/button-modal/index.js +95 -147
- package/lib/button-modal/style/index.js +4 -4
- package/lib/index.d.ts +2 -2
- package/lib/index.js +16 -20
- package/lib/menu-nav-icon-button/index.d.ts +4 -4
- package/lib/menu-nav-icon-button/index.js +53 -76
- package/lib/menu-nav-icon-button/style/index.js +4 -4
- package/package.json +3 -3
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { DialogProps } from 'react-vant/lib/dialog/PropsType';
|
|
3
3
|
export interface ModalAction {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
open: () => void;
|
|
5
|
+
close: () => void;
|
|
6
6
|
}
|
|
7
7
|
export interface ButtonModalProps extends Omit<DialogProps, 'children'> {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
onOpen?: () => void;
|
|
10
|
+
trigger?: React.ReactElement;
|
|
11
|
+
children: ((v: ModalAction) => React.ReactElement) | React.ReactElement;
|
|
12
12
|
}
|
|
13
|
-
declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<
|
|
14
|
-
ButtonModalProps & React.RefAttributes<unknown>
|
|
15
|
-
>;
|
|
13
|
+
declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<ButtonModalProps & React.RefAttributes<unknown>>;
|
|
16
14
|
export default ForwardRefButtonModal;
|
package/es/button-modal/index.js
CHANGED
|
@@ -1,62 +1,52 @@
|
|
|
1
|
-
var __assign =
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) {
|
|
10
|
-
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest =
|
|
18
|
-
(this && this.__rest) ||
|
|
19
|
-
function (s, e) {
|
|
20
|
-
var t = {};
|
|
21
|
-
for (var p in s) {
|
|
22
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
if (s != null && typeof Object.getOwnPropertySymbols === 'function')
|
|
25
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
26
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
27
|
-
t[p[i]] = s[p[i]];
|
|
1
|
+
var __assign = this && this.__assign || function () {
|
|
2
|
+
__assign = Object.assign || function (t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) {
|
|
6
|
+
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
28
7
|
}
|
|
8
|
+
}
|
|
29
9
|
return t;
|
|
30
10
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) {
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
17
|
+
}
|
|
18
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
var __read = this && this.__read || function (o, n) {
|
|
24
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
25
|
+
if (!m) return o;
|
|
26
|
+
var i = m.call(o),
|
|
27
|
+
r,
|
|
28
|
+
ar = [],
|
|
29
|
+
e;
|
|
30
|
+
try {
|
|
31
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
32
|
+
ar.push(r.value);
|
|
33
|
+
}
|
|
34
|
+
} catch (error) {
|
|
35
|
+
e = {
|
|
36
|
+
error: error
|
|
37
|
+
};
|
|
38
|
+
} finally {
|
|
40
39
|
try {
|
|
41
|
-
|
|
42
|
-
ar.push(r.value);
|
|
43
|
-
}
|
|
44
|
-
} catch (error) {
|
|
45
|
-
e = {
|
|
46
|
-
error: error,
|
|
47
|
-
};
|
|
40
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
48
41
|
} finally {
|
|
49
|
-
|
|
50
|
-
if (r && !r.done && (m = i['return'])) m.call(i);
|
|
51
|
-
} finally {
|
|
52
|
-
if (e) throw e.error;
|
|
53
|
-
}
|
|
42
|
+
if (e) throw e.error;
|
|
54
43
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
44
|
+
}
|
|
45
|
+
return ar;
|
|
46
|
+
};
|
|
58
47
|
import * as React from 'react';
|
|
59
|
-
import
|
|
48
|
+
import isFunction from 'lodash/isFunction';
|
|
49
|
+
import Dialog from "react-vant/es/dialog";
|
|
60
50
|
var ButtonModal = function ButtonModal(props, ref) {
|
|
61
51
|
var _a = __read(React.useState(false), 2),
|
|
62
52
|
visible = _a[0],
|
|
@@ -67,14 +57,7 @@ var ButtonModal = function ButtonModal(props, ref) {
|
|
|
67
57
|
onClose = props.onClose,
|
|
68
58
|
onConfirm = props.onConfirm,
|
|
69
59
|
onCancel = props.onCancel,
|
|
70
|
-
restModalProps = __rest(props, [
|
|
71
|
-
'children',
|
|
72
|
-
'trigger',
|
|
73
|
-
'onOpen',
|
|
74
|
-
'onClose',
|
|
75
|
-
'onConfirm',
|
|
76
|
-
'onCancel',
|
|
77
|
-
]);
|
|
60
|
+
restModalProps = __rest(props, ["children", "trigger", "onOpen", "onClose", "onConfirm", "onCancel"]);
|
|
78
61
|
var openModal = function openModal() {
|
|
79
62
|
if (onOpen) {
|
|
80
63
|
onOpen();
|
|
@@ -89,7 +72,7 @@ var ButtonModal = function ButtonModal(props, ref) {
|
|
|
89
72
|
};
|
|
90
73
|
var modalActionRef = React.useRef({
|
|
91
74
|
open: openModal,
|
|
92
|
-
close: closeModal
|
|
75
|
+
close: closeModal
|
|
93
76
|
});
|
|
94
77
|
React.useImperativeHandle(ref, function () {
|
|
95
78
|
return modalActionRef.current;
|
|
@@ -107,32 +90,16 @@ var ButtonModal = function ButtonModal(props, ref) {
|
|
|
107
90
|
}
|
|
108
91
|
closeModal();
|
|
109
92
|
};
|
|
110
|
-
var buttonNode =
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
Dialog,
|
|
121
|
-
__assign(
|
|
122
|
-
{
|
|
123
|
-
visible: visible,
|
|
124
|
-
onConfirm: handleModalOk,
|
|
125
|
-
onCancel: handleModalCancel,
|
|
126
|
-
},
|
|
127
|
-
restModalProps,
|
|
128
|
-
),
|
|
129
|
-
isFunction(children)
|
|
130
|
-
? children(modalActionRef.current)
|
|
131
|
-
: /*#__PURE__*/ React.cloneElement(children, {
|
|
132
|
-
modalAction: modalActionRef.current,
|
|
133
|
-
}),
|
|
134
|
-
),
|
|
135
|
-
);
|
|
93
|
+
var buttonNode = trigger && /*#__PURE__*/React.cloneElement(trigger, {
|
|
94
|
+
onClick: openModal
|
|
95
|
+
});
|
|
96
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, buttonNode, /*#__PURE__*/React.createElement(Dialog, __assign({
|
|
97
|
+
visible: visible,
|
|
98
|
+
onConfirm: handleModalOk,
|
|
99
|
+
onCancel: handleModalCancel
|
|
100
|
+
}, restModalProps), isFunction(children) ? children(modalActionRef.current) : /*#__PURE__*/React.cloneElement(children, {
|
|
101
|
+
modalAction: modalActionRef.current
|
|
102
|
+
})));
|
|
136
103
|
};
|
|
137
|
-
var ForwardRefButtonModal = /*#__PURE__*/
|
|
138
|
-
export default ForwardRefButtonModal;
|
|
104
|
+
var ForwardRefButtonModal = /*#__PURE__*/React.forwardRef(ButtonModal);
|
|
105
|
+
export default ForwardRefButtonModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "react-vant/es/dialog/style/index.css";
|
package/es/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as ButtonModal } from './button-modal';
|
|
2
1
|
export type { ButtonModalProps } from './button-modal';
|
|
3
|
-
export { default as
|
|
2
|
+
export { default as ButtonModal } from './button-modal';
|
|
4
3
|
export type { MenuNavIconProps } from './menu-nav-icon-button';
|
|
4
|
+
export { default as MenuNavIconButton } from './menu-nav-icon-button';
|
package/es/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as ButtonModal } from './button-modal';
|
|
2
|
-
export { default as MenuNavIconButton } from './menu-nav-icon-button';
|
|
2
|
+
export { default as MenuNavIconButton } from './menu-nav-icon-button';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type MenuNavIconProps = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
onChange?: (status: boolean) => void;
|
|
4
|
+
onClick?: () => void;
|
|
5
|
+
status?: boolean;
|
|
6
|
+
className?: string;
|
|
7
7
|
};
|
|
8
8
|
declare const MenuNavIconButton: React.FC<MenuNavIconProps>;
|
|
9
9
|
export default MenuNavIconButton;
|
|
@@ -1,74 +1,55 @@
|
|
|
1
|
-
var __read =
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
var __read = this && this.__read || function (o, n) {
|
|
2
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
+
if (!m) return o;
|
|
4
|
+
var i = m.call(o),
|
|
5
|
+
r,
|
|
6
|
+
ar = [],
|
|
7
|
+
e;
|
|
8
|
+
try {
|
|
9
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
10
|
+
ar.push(r.value);
|
|
11
|
+
}
|
|
12
|
+
} catch (error) {
|
|
13
|
+
e = {
|
|
14
|
+
error: error
|
|
15
|
+
};
|
|
16
|
+
} finally {
|
|
10
17
|
try {
|
|
11
|
-
|
|
12
|
-
ar.push(r.value);
|
|
13
|
-
}
|
|
14
|
-
} catch (error) {
|
|
15
|
-
e = {
|
|
16
|
-
error: error,
|
|
17
|
-
};
|
|
18
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
18
19
|
} finally {
|
|
19
|
-
|
|
20
|
-
if (r && !r.done && (m = i['return'])) m.call(i);
|
|
21
|
-
} finally {
|
|
22
|
-
if (e) throw e.error;
|
|
23
|
-
}
|
|
20
|
+
if (e) throw e.error;
|
|
24
21
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
}
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
import useControllableValue from "ahooks/es/useControllableValue";
|
|
28
26
|
import classNames from 'classnames';
|
|
29
27
|
import React from 'react';
|
|
30
28
|
var MenuNavIconButton = function MenuNavIconButton(props) {
|
|
31
29
|
var _onClick = props.onClick,
|
|
32
30
|
className = props.className;
|
|
33
|
-
var _a = __read(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}),
|
|
37
|
-
2,
|
|
38
|
-
),
|
|
31
|
+
var _a = __read(useControllableValue(props, {
|
|
32
|
+
valuePropName: 'status'
|
|
33
|
+
}), 2),
|
|
39
34
|
status = _a[0],
|
|
40
35
|
setStatus = _a[1];
|
|
41
|
-
return /*#__PURE__*/
|
|
42
|
-
'
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
{
|
|
60
|
-
className: 'menu-nav-icon-wrap',
|
|
61
|
-
},
|
|
62
|
-
/*#__PURE__*/ React.createElement('span', {
|
|
63
|
-
className: 'menu-nav-icon-bar',
|
|
64
|
-
}),
|
|
65
|
-
/*#__PURE__*/ React.createElement('span', {
|
|
66
|
-
className: 'menu-nav-icon-bar',
|
|
67
|
-
}),
|
|
68
|
-
/*#__PURE__*/ React.createElement('span', {
|
|
69
|
-
className: 'menu-nav-icon-bar',
|
|
70
|
-
}),
|
|
71
|
-
),
|
|
72
|
-
);
|
|
36
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
37
|
+
className: classNames('menu-nav-icon', {
|
|
38
|
+
open: status
|
|
39
|
+
}, className),
|
|
40
|
+
onClick: function onClick() {
|
|
41
|
+
var nextStatus = !status;
|
|
42
|
+
setStatus(nextStatus);
|
|
43
|
+
_onClick === null || _onClick === void 0 ? void 0 : _onClick();
|
|
44
|
+
}
|
|
45
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: "menu-nav-icon-wrap"
|
|
47
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
48
|
+
className: "menu-nav-icon-bar"
|
|
49
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
50
|
+
className: "menu-nav-icon-bar"
|
|
51
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
52
|
+
className: "menu-nav-icon-bar"
|
|
53
|
+
})));
|
|
73
54
|
};
|
|
74
|
-
export default MenuNavIconButton;
|
|
55
|
+
export default MenuNavIconButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import './index.less';
|
|
1
|
+
import './index.less';
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { DialogProps } from 'react-vant/lib/dialog/PropsType';
|
|
3
3
|
export interface ModalAction {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
open: () => void;
|
|
5
|
+
close: () => void;
|
|
6
6
|
}
|
|
7
7
|
export interface ButtonModalProps extends Omit<DialogProps, 'children'> {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
onOpen?: () => void;
|
|
10
|
+
trigger?: React.ReactElement;
|
|
11
|
+
children: ((v: ModalAction) => React.ReactElement) | React.ReactElement;
|
|
12
12
|
}
|
|
13
|
-
declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<
|
|
14
|
-
ButtonModalProps & React.RefAttributes<unknown>
|
|
15
|
-
>;
|
|
13
|
+
declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<ButtonModalProps & React.RefAttributes<unknown>>;
|
|
16
14
|
export default ForwardRefButtonModal;
|
|
@@ -1,124 +1,95 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
var __assign =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
10
|
-
s = arguments[i];
|
|
11
|
-
for (var p in s) {
|
|
12
|
-
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
return t;
|
|
16
|
-
};
|
|
17
|
-
return __assign.apply(this, arguments);
|
|
18
|
-
};
|
|
19
|
-
var __createBinding =
|
|
20
|
-
(this && this.__createBinding) ||
|
|
21
|
-
(Object.create
|
|
22
|
-
? function (o, m, k, k2) {
|
|
23
|
-
if (k2 === undefined) k2 = k;
|
|
24
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
25
|
-
if (
|
|
26
|
-
!desc ||
|
|
27
|
-
('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
|
|
28
|
-
) {
|
|
29
|
-
desc = {
|
|
30
|
-
enumerable: true,
|
|
31
|
-
get: function get() {
|
|
32
|
-
return m[k];
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
Object.defineProperty(o, k2, desc);
|
|
37
|
-
}
|
|
38
|
-
: function (o, m, k, k2) {
|
|
39
|
-
if (k2 === undefined) k2 = k;
|
|
40
|
-
o[k2] = m[k];
|
|
41
|
-
});
|
|
42
|
-
var __setModuleDefault =
|
|
43
|
-
(this && this.__setModuleDefault) ||
|
|
44
|
-
(Object.create
|
|
45
|
-
? function (o, v) {
|
|
46
|
-
Object.defineProperty(o, 'default', {
|
|
47
|
-
enumerable: true,
|
|
48
|
-
value: v,
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
: function (o, v) {
|
|
52
|
-
o['default'] = v;
|
|
53
|
-
});
|
|
54
|
-
var __importStar =
|
|
55
|
-
(this && this.__importStar) ||
|
|
56
|
-
function (mod) {
|
|
57
|
-
if (mod && mod.__esModule) return mod;
|
|
58
|
-
var result = {};
|
|
59
|
-
if (mod != null)
|
|
60
|
-
for (var k in mod) {
|
|
61
|
-
if (k !== 'default' && Object.prototype.hasOwnProperty.call(mod, k))
|
|
62
|
-
__createBinding(result, mod, k);
|
|
3
|
+
var __assign = this && this.__assign || function () {
|
|
4
|
+
__assign = Object.assign || function (t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) {
|
|
8
|
+
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
63
9
|
}
|
|
64
|
-
__setModuleDefault(result, mod);
|
|
65
|
-
return result;
|
|
66
|
-
};
|
|
67
|
-
var __rest =
|
|
68
|
-
(this && this.__rest) ||
|
|
69
|
-
function (s, e) {
|
|
70
|
-
var t = {};
|
|
71
|
-
for (var p in s) {
|
|
72
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
73
10
|
}
|
|
74
|
-
if (s != null && typeof Object.getOwnPropertySymbols === 'function')
|
|
75
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
76
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
77
|
-
t[p[i]] = s[p[i]];
|
|
78
|
-
}
|
|
79
11
|
return t;
|
|
80
12
|
};
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
92
|
-
ar.push(r.value);
|
|
13
|
+
return __assign.apply(this, arguments);
|
|
14
|
+
};
|
|
15
|
+
var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
18
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
19
|
+
desc = {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return m[k];
|
|
93
23
|
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
Object.defineProperty(o, k2, desc);
|
|
27
|
+
} : function (o, m, k, k2) {
|
|
28
|
+
if (k2 === undefined) k2 = k;
|
|
29
|
+
o[k2] = m[k];
|
|
30
|
+
});
|
|
31
|
+
var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
|
|
32
|
+
Object.defineProperty(o, "default", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
value: v
|
|
35
|
+
});
|
|
36
|
+
} : function (o, v) {
|
|
37
|
+
o["default"] = v;
|
|
38
|
+
});
|
|
39
|
+
var __importStar = this && this.__importStar || function (mod) {
|
|
40
|
+
if (mod && mod.__esModule) return mod;
|
|
41
|
+
var result = {};
|
|
42
|
+
if (mod != null) for (var k in mod) {
|
|
43
|
+
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
44
|
+
}
|
|
45
|
+
__setModuleDefault(result, mod);
|
|
46
|
+
return result;
|
|
47
|
+
};
|
|
48
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
49
|
+
var t = {};
|
|
50
|
+
for (var p in s) {
|
|
51
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
52
|
+
}
|
|
53
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
54
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
55
|
+
}
|
|
56
|
+
return t;
|
|
57
|
+
};
|
|
58
|
+
var __read = this && this.__read || function (o, n) {
|
|
59
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
60
|
+
if (!m) return o;
|
|
61
|
+
var i = m.call(o),
|
|
62
|
+
r,
|
|
63
|
+
ar = [],
|
|
64
|
+
e;
|
|
65
|
+
try {
|
|
66
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
67
|
+
ar.push(r.value);
|
|
68
|
+
}
|
|
69
|
+
} catch (error) {
|
|
70
|
+
e = {
|
|
71
|
+
error: error
|
|
72
|
+
};
|
|
73
|
+
} finally {
|
|
74
|
+
try {
|
|
75
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
98
76
|
} finally {
|
|
99
|
-
|
|
100
|
-
if (r && !r.done && (m = i['return'])) m.call(i);
|
|
101
|
-
} finally {
|
|
102
|
-
if (e) throw e.error;
|
|
103
|
-
}
|
|
77
|
+
if (e) throw e.error;
|
|
104
78
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
? mod
|
|
112
|
-
: {
|
|
113
|
-
default: mod,
|
|
114
|
-
};
|
|
79
|
+
}
|
|
80
|
+
return ar;
|
|
81
|
+
};
|
|
82
|
+
var __importDefault = this && this.__importDefault || function (mod) {
|
|
83
|
+
return mod && mod.__esModule ? mod : {
|
|
84
|
+
"default": mod
|
|
115
85
|
};
|
|
116
|
-
|
|
117
|
-
|
|
86
|
+
};
|
|
87
|
+
Object.defineProperty(exports, "__esModule", {
|
|
88
|
+
value: true
|
|
118
89
|
});
|
|
119
|
-
var React = __importStar(require(
|
|
120
|
-
var isFunction_1 = __importDefault(require(
|
|
121
|
-
var dialog_1 = __importDefault(require(
|
|
90
|
+
var React = __importStar(require("react"));
|
|
91
|
+
var isFunction_1 = __importDefault(require("lodash/isFunction"));
|
|
92
|
+
var dialog_1 = __importDefault(require("react-vant/lib/dialog"));
|
|
122
93
|
var ButtonModal = function ButtonModal(props, ref) {
|
|
123
94
|
var _a = __read(React.useState(false), 2),
|
|
124
95
|
visible = _a[0],
|
|
@@ -129,14 +100,7 @@ var ButtonModal = function ButtonModal(props, ref) {
|
|
|
129
100
|
onClose = props.onClose,
|
|
130
101
|
onConfirm = props.onConfirm,
|
|
131
102
|
onCancel = props.onCancel,
|
|
132
|
-
restModalProps = __rest(props, [
|
|
133
|
-
'children',
|
|
134
|
-
'trigger',
|
|
135
|
-
'onOpen',
|
|
136
|
-
'onClose',
|
|
137
|
-
'onConfirm',
|
|
138
|
-
'onCancel',
|
|
139
|
-
]);
|
|
103
|
+
restModalProps = __rest(props, ["children", "trigger", "onOpen", "onClose", "onConfirm", "onCancel"]);
|
|
140
104
|
var openModal = function openModal() {
|
|
141
105
|
if (onOpen) {
|
|
142
106
|
onOpen();
|
|
@@ -151,7 +115,7 @@ var ButtonModal = function ButtonModal(props, ref) {
|
|
|
151
115
|
};
|
|
152
116
|
var modalActionRef = React.useRef({
|
|
153
117
|
open: openModal,
|
|
154
|
-
close: closeModal
|
|
118
|
+
close: closeModal
|
|
155
119
|
});
|
|
156
120
|
React.useImperativeHandle(ref, function () {
|
|
157
121
|
return modalActionRef.current;
|
|
@@ -169,32 +133,16 @@ var ButtonModal = function ButtonModal(props, ref) {
|
|
|
169
133
|
}
|
|
170
134
|
closeModal();
|
|
171
135
|
};
|
|
172
|
-
var buttonNode =
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
dialog_1['default'],
|
|
183
|
-
__assign(
|
|
184
|
-
{
|
|
185
|
-
visible: visible,
|
|
186
|
-
onConfirm: handleModalOk,
|
|
187
|
-
onCancel: handleModalCancel,
|
|
188
|
-
},
|
|
189
|
-
restModalProps,
|
|
190
|
-
),
|
|
191
|
-
(0, isFunction_1['default'])(children)
|
|
192
|
-
? children(modalActionRef.current)
|
|
193
|
-
: React.cloneElement(children, {
|
|
194
|
-
modalAction: modalActionRef.current,
|
|
195
|
-
}),
|
|
196
|
-
),
|
|
197
|
-
);
|
|
136
|
+
var buttonNode = trigger && React.cloneElement(trigger, {
|
|
137
|
+
onClick: openModal
|
|
138
|
+
});
|
|
139
|
+
return React.createElement(React.Fragment, null, buttonNode, React.createElement(dialog_1["default"], __assign({
|
|
140
|
+
visible: visible,
|
|
141
|
+
onConfirm: handleModalOk,
|
|
142
|
+
onCancel: handleModalCancel
|
|
143
|
+
}, restModalProps), (0, isFunction_1["default"])(children) ? children(modalActionRef.current) : React.cloneElement(children, {
|
|
144
|
+
modalAction: modalActionRef.current
|
|
145
|
+
})));
|
|
198
146
|
};
|
|
199
147
|
var ForwardRefButtonModal = React.forwardRef(ButtonModal);
|
|
200
|
-
exports[
|
|
148
|
+
exports["default"] = ForwardRefButtonModal;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
5
|
});
|
|
6
|
-
require(
|
|
6
|
+
require("react-vant/lib/dialog/style/index.css");
|
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as ButtonModal } from './button-modal';
|
|
2
1
|
export type { ButtonModalProps } from './button-modal';
|
|
3
|
-
export { default as
|
|
2
|
+
export { default as ButtonModal } from './button-modal';
|
|
4
3
|
export type { MenuNavIconProps } from './menu-nav-icon-button';
|
|
4
|
+
export { default as MenuNavIconButton } from './menu-nav-icon-button';
|
package/lib/index.js
CHANGED
|
@@ -1,29 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
var __importDefault =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return mod && mod.__esModule
|
|
7
|
-
? mod
|
|
8
|
-
: {
|
|
9
|
-
default: mod,
|
|
10
|
-
};
|
|
3
|
+
var __importDefault = this && this.__importDefault || function (mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
"default": mod
|
|
11
6
|
};
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
14
10
|
});
|
|
15
11
|
exports.MenuNavIconButton = exports.ButtonModal = void 0;
|
|
16
|
-
var button_modal_1 = require(
|
|
17
|
-
Object.defineProperty(exports,
|
|
12
|
+
var button_modal_1 = require("./button-modal");
|
|
13
|
+
Object.defineProperty(exports, "ButtonModal", {
|
|
18
14
|
enumerable: true,
|
|
19
15
|
get: function get() {
|
|
20
|
-
return __importDefault(button_modal_1)[
|
|
21
|
-
}
|
|
16
|
+
return __importDefault(button_modal_1)["default"];
|
|
17
|
+
}
|
|
22
18
|
});
|
|
23
|
-
var menu_nav_icon_button_1 = require(
|
|
24
|
-
Object.defineProperty(exports,
|
|
19
|
+
var menu_nav_icon_button_1 = require("./menu-nav-icon-button");
|
|
20
|
+
Object.defineProperty(exports, "MenuNavIconButton", {
|
|
25
21
|
enumerable: true,
|
|
26
22
|
get: function get() {
|
|
27
|
-
return __importDefault(menu_nav_icon_button_1)[
|
|
28
|
-
}
|
|
29
|
-
});
|
|
23
|
+
return __importDefault(menu_nav_icon_button_1)["default"];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type MenuNavIconProps = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
onChange?: (status: boolean) => void;
|
|
4
|
+
onClick?: () => void;
|
|
5
|
+
status?: boolean;
|
|
6
|
+
className?: string;
|
|
7
7
|
};
|
|
8
8
|
declare const MenuNavIconButton: React.FC<MenuNavIconProps>;
|
|
9
9
|
export default MenuNavIconButton;
|
|
@@ -1,88 +1,65 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
var __read =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
var __read = this && this.__read || function (o, n) {
|
|
4
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
5
|
+
if (!m) return o;
|
|
6
|
+
var i = m.call(o),
|
|
7
|
+
r,
|
|
8
|
+
ar = [],
|
|
9
|
+
e;
|
|
10
|
+
try {
|
|
11
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
12
|
+
ar.push(r.value);
|
|
13
|
+
}
|
|
14
|
+
} catch (error) {
|
|
15
|
+
e = {
|
|
16
|
+
error: error
|
|
17
|
+
};
|
|
18
|
+
} finally {
|
|
12
19
|
try {
|
|
13
|
-
|
|
14
|
-
ar.push(r.value);
|
|
15
|
-
}
|
|
16
|
-
} catch (error) {
|
|
17
|
-
e = {
|
|
18
|
-
error: error,
|
|
19
|
-
};
|
|
20
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
20
21
|
} finally {
|
|
21
|
-
|
|
22
|
-
if (r && !r.done && (m = i['return'])) m.call(i);
|
|
23
|
-
} finally {
|
|
24
|
-
if (e) throw e.error;
|
|
25
|
-
}
|
|
22
|
+
if (e) throw e.error;
|
|
26
23
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
? mod
|
|
34
|
-
: {
|
|
35
|
-
default: mod,
|
|
36
|
-
};
|
|
24
|
+
}
|
|
25
|
+
return ar;
|
|
26
|
+
};
|
|
27
|
+
var __importDefault = this && this.__importDefault || function (mod) {
|
|
28
|
+
return mod && mod.__esModule ? mod : {
|
|
29
|
+
"default": mod
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", {
|
|
33
|
+
value: true
|
|
40
34
|
});
|
|
41
|
-
var useControllableValue_1 = __importDefault(require(
|
|
42
|
-
var classnames_1 = __importDefault(require(
|
|
43
|
-
var react_1 = __importDefault(require(
|
|
35
|
+
var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
|
|
36
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
37
|
+
var react_1 = __importDefault(require("react"));
|
|
44
38
|
var MenuNavIconButton = function MenuNavIconButton(props) {
|
|
45
39
|
var _onClick = props.onClick,
|
|
46
40
|
className = props.className;
|
|
47
|
-
var _a = __read(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}),
|
|
51
|
-
2,
|
|
52
|
-
),
|
|
41
|
+
var _a = __read((0, useControllableValue_1["default"])(props, {
|
|
42
|
+
valuePropName: 'status'
|
|
43
|
+
}), 2),
|
|
53
44
|
status = _a[0],
|
|
54
45
|
setStatus = _a[1];
|
|
55
|
-
return react_1[
|
|
56
|
-
'
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
{
|
|
74
|
-
className: 'menu-nav-icon-wrap',
|
|
75
|
-
},
|
|
76
|
-
react_1['default'].createElement('span', {
|
|
77
|
-
className: 'menu-nav-icon-bar',
|
|
78
|
-
}),
|
|
79
|
-
react_1['default'].createElement('span', {
|
|
80
|
-
className: 'menu-nav-icon-bar',
|
|
81
|
-
}),
|
|
82
|
-
react_1['default'].createElement('span', {
|
|
83
|
-
className: 'menu-nav-icon-bar',
|
|
84
|
-
}),
|
|
85
|
-
),
|
|
86
|
-
);
|
|
46
|
+
return react_1["default"].createElement("div", {
|
|
47
|
+
className: (0, classnames_1["default"])('menu-nav-icon', {
|
|
48
|
+
open: status
|
|
49
|
+
}, className),
|
|
50
|
+
onClick: function onClick() {
|
|
51
|
+
var nextStatus = !status;
|
|
52
|
+
setStatus(nextStatus);
|
|
53
|
+
_onClick === null || _onClick === void 0 ? void 0 : _onClick();
|
|
54
|
+
}
|
|
55
|
+
}, react_1["default"].createElement("div", {
|
|
56
|
+
className: "menu-nav-icon-wrap"
|
|
57
|
+
}, react_1["default"].createElement("span", {
|
|
58
|
+
className: "menu-nav-icon-bar"
|
|
59
|
+
}), react_1["default"].createElement("span", {
|
|
60
|
+
className: "menu-nav-icon-bar"
|
|
61
|
+
}), react_1["default"].createElement("span", {
|
|
62
|
+
className: "menu-nav-icon-bar"
|
|
63
|
+
})));
|
|
87
64
|
};
|
|
88
|
-
exports[
|
|
65
|
+
exports["default"] = MenuNavIconButton;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amssui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.36",
|
|
4
4
|
"description": "react ui library",
|
|
5
5
|
"author": "jason <usochen@gmail.com>",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"README.md"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"a-icons": "^1.2.
|
|
33
|
+
"a-icons": "^1.2.36",
|
|
34
34
|
"ahooks": "^3.0.8",
|
|
35
35
|
"react-vant": "3.0.0"
|
|
36
36
|
},
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"node": ">=10.0.0"
|
|
48
48
|
},
|
|
49
49
|
"license": "MIT",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "925034dc24044b4067c088125c6be51511a3f33f"
|
|
51
51
|
}
|