@nutui/nutui-react-taro 2.0.0-alpha.1 → 2.0.0-alpha.2
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/dist/esm/Address.js +2 -2
- package/dist/esm/Animate.js +2 -3
- package/dist/esm/Badge.js +1 -3
- package/dist/esm/Divider.js +2 -1
- package/dist/esm/Drag.js +2 -3
- package/dist/esm/Elevator.js +3 -3
- package/dist/esm/Menu.js +1 -1
- package/dist/esm/MenuItem.js +3 -4
- package/dist/esm/NavBar.js +1 -4
- package/dist/esm/Progress.js +1 -4
- package/dist/esm/Uploader.js +2 -4
- package/dist/esm/{address.taro-632ca799.js → address.taro-2f915873.js} +2 -2
- package/dist/esm/{animate.taro-fb7986d6.js → animate.taro-9e65d07a.js} +4 -3
- package/dist/esm/{badge.taro-ae154f41.js → badge.taro-1d5df601.js} +11 -16
- package/dist/esm/{divider.taro-6c1657ce.js → divider.taro-67e9f757.js} +2 -0
- package/dist/esm/{drag.taro-79bb8744.js → drag.taro-2d3d9d11.js} +4 -3
- package/dist/esm/{elevator.taro-81a11ecc.js → elevator.taro-588e219b.js} +31 -24
- package/dist/esm/menu.taro-b61442a7.js +111 -0
- package/dist/esm/{menuitem.taro-86a6bb6c.js → menuitem.taro-bca78e07.js} +31 -30
- package/dist/esm/navbar.taro-02c69d66.js +57 -0
- package/dist/esm/nutui-react.es.js +13 -13
- package/dist/esm/progress.taro-1c199fbe.js +40 -0
- package/dist/esm/{uploader.taro-2151eec6.js → uploader.taro-17569890.js} +2 -2
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.mjs +702 -795
- package/dist/nutui.react.umd.js +702 -795
- package/dist/packages/badge/badge.scss +8 -17
- package/dist/packages/elevator/elevator.scss +2 -28
- package/dist/packages/menu/menu.scss +44 -55
- package/dist/packages/menuitem/menuitem.scss +16 -26
- package/dist/packages/navbar/navbar.scss +16 -115
- package/dist/packages/progress/progress.scss +19 -58
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +23 -114
- package/dist/styles/variables.scss +31 -122
- package/dist/types/index.d.ts +18 -51
- package/package.json +1 -1
- package/dist/esm/menu.taro-54951911.js +0 -98
- package/dist/esm/navbar.taro-69f47d51.js +0 -77
- package/dist/esm/progress.taro-24392ef3.js +0 -88
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { Left } from '@nutui/icons-react-taro';
|
|
4
|
-
import { c as cn } from './bem-350c1702.js';
|
|
5
|
-
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
6
|
-
|
|
7
|
-
const defaultProps = {
|
|
8
|
-
...ComponentDefaults,
|
|
9
|
-
title: '',
|
|
10
|
-
description: '',
|
|
11
|
-
leftShow: true,
|
|
12
|
-
className: '',
|
|
13
|
-
leftText: '',
|
|
14
|
-
fixed: false,
|
|
15
|
-
safeAreaInsetTop: false,
|
|
16
|
-
border: false,
|
|
17
|
-
placeholder: false,
|
|
18
|
-
zIndex: 10,
|
|
19
|
-
style: {},
|
|
20
|
-
};
|
|
21
|
-
const NavBar = (props) => {
|
|
22
|
-
const { description, title, leftShow, className, style, leftText, fixed, safeAreaInsetTop, border, placeholder, zIndex, onClickTitle, onClickIcon, onClickBack, onClickRight, } = {
|
|
23
|
-
...defaultProps,
|
|
24
|
-
...props,
|
|
25
|
-
};
|
|
26
|
-
const b = cn('navbar');
|
|
27
|
-
const children = Array.isArray(props.children)
|
|
28
|
-
? props.children
|
|
29
|
-
: [props.children];
|
|
30
|
-
const slot = children.reduce((slot, item) => {
|
|
31
|
-
const data = slot;
|
|
32
|
-
if (item && item.props) {
|
|
33
|
-
data[item.props.slot] = item.props.children;
|
|
34
|
-
}
|
|
35
|
-
return data;
|
|
36
|
-
}, {});
|
|
37
|
-
const styles = () => {
|
|
38
|
-
return {
|
|
39
|
-
...style,
|
|
40
|
-
zIndex,
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
const renderLeft = () => {
|
|
44
|
-
return (React__default.createElement("div", { className: `${b('left')}`, onClick: (e) => onClickBack(e) },
|
|
45
|
-
leftShow && React__default.createElement(Left, { name: "left", color: "#979797" }),
|
|
46
|
-
leftText && React__default.createElement("div", { className: `${b('text')}` }, leftText),
|
|
47
|
-
slot.left));
|
|
48
|
-
};
|
|
49
|
-
const renderContent = () => {
|
|
50
|
-
return (React__default.createElement("div", { className: `${b('title')}` },
|
|
51
|
-
title && (React__default.createElement("div", { className: "title", onClick: (e) => onClickTitle(e) }, title)),
|
|
52
|
-
slot.titleIcon && (React__default.createElement("div", { onClick: (e) => onClickIcon(e) }, slot.titleIcon)),
|
|
53
|
-
slot.content));
|
|
54
|
-
};
|
|
55
|
-
const renderRight = () => {
|
|
56
|
-
return (React__default.createElement("div", { className: `${b('right')}`, onClick: (e) => onClickRight(e) },
|
|
57
|
-
description && React__default.createElement("div", { className: `${b('text')}` }, description),
|
|
58
|
-
slot.right));
|
|
59
|
-
};
|
|
60
|
-
const renderWrapper = () => {
|
|
61
|
-
return (React__default.createElement("div", { className: cls, style: styles() },
|
|
62
|
-
renderLeft(),
|
|
63
|
-
renderContent(),
|
|
64
|
-
renderRight()));
|
|
65
|
-
};
|
|
66
|
-
const classes = classNames({
|
|
67
|
-
[`nut-navbar--border`]: border,
|
|
68
|
-
[`nut-navbar--fixed`]: fixed,
|
|
69
|
-
[`nut-navbar--safe-area-inset-top`]: safeAreaInsetTop,
|
|
70
|
-
});
|
|
71
|
-
const cls = classNames(b(''), classes, className);
|
|
72
|
-
return (React__default.createElement(React__default.Fragment, null, fixed && placeholder ? (React__default.createElement("div", { className: `${b('')}--placeholder` }, renderWrapper())) : (renderWrapper())));
|
|
73
|
-
};
|
|
74
|
-
NavBar.defaultProps = defaultProps;
|
|
75
|
-
NavBar.displayName = 'NutNavBar';
|
|
76
|
-
|
|
77
|
-
export { NavBar as N };
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { Checked } from '@nutui/icons-react-taro';
|
|
4
|
-
import { c as cn } from './bem-350c1702.js';
|
|
5
|
-
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
6
|
-
|
|
7
|
-
const defaultProps = {
|
|
8
|
-
...ComponentDefaults,
|
|
9
|
-
className: '',
|
|
10
|
-
style: {},
|
|
11
|
-
isShowPercentage: true,
|
|
12
|
-
percentage: 0,
|
|
13
|
-
fillColor: '#f3f3f3',
|
|
14
|
-
strokeColor: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
|
|
15
|
-
strokeWidth: '',
|
|
16
|
-
textColor: '',
|
|
17
|
-
textWidth: '',
|
|
18
|
-
showText: true,
|
|
19
|
-
textInside: false,
|
|
20
|
-
textBackground: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
|
|
21
|
-
textType: 'text',
|
|
22
|
-
status: false,
|
|
23
|
-
icon: null,
|
|
24
|
-
children: undefined,
|
|
25
|
-
};
|
|
26
|
-
const Progress = (props) => {
|
|
27
|
-
const { className, style, isShowPercentage, percentage, fillColor, strokeColor, strokeWidth, size, textColor, textWidth, showText, textInside, textBackground, textType, status, icon, children, ...rest } = {
|
|
28
|
-
...defaultProps,
|
|
29
|
-
...props,
|
|
30
|
-
};
|
|
31
|
-
const b = cn('progress');
|
|
32
|
-
const classes = classNames(b(''));
|
|
33
|
-
const classesOuter = classNames({
|
|
34
|
-
[`${b('')}-outer`]: true,
|
|
35
|
-
[`${b('')}-${size || 'base'}`]: true,
|
|
36
|
-
});
|
|
37
|
-
const classesInner = classNames({
|
|
38
|
-
[`${b('')}-inner`]: true,
|
|
39
|
-
[`${b('')}-active`]: status,
|
|
40
|
-
});
|
|
41
|
-
const classesText = classNames({
|
|
42
|
-
[`${b('')}-text`]: true,
|
|
43
|
-
});
|
|
44
|
-
const classesInsideText = classNames({
|
|
45
|
-
[`${b('')}-text`]: true,
|
|
46
|
-
[`${b('')}-insidetext`]: true,
|
|
47
|
-
});
|
|
48
|
-
const classesTextInner = classNames({
|
|
49
|
-
[`${b('')}-text__inner`]: true,
|
|
50
|
-
});
|
|
51
|
-
const stylesOuter = {
|
|
52
|
-
height: `${strokeWidth}px`,
|
|
53
|
-
// eslint-disable-next-line no-nested-ternary
|
|
54
|
-
background: `${fillColor}`,
|
|
55
|
-
};
|
|
56
|
-
const stylesInner = {
|
|
57
|
-
width: `${percentage}%`,
|
|
58
|
-
// eslint-disable-next-line no-nested-ternary
|
|
59
|
-
background: `${strokeColor}`,
|
|
60
|
-
};
|
|
61
|
-
const stylesInsideText = {
|
|
62
|
-
width: `${textWidth}px`,
|
|
63
|
-
left: `${percentage}%`,
|
|
64
|
-
background: textBackground || strokeColor,
|
|
65
|
-
};
|
|
66
|
-
const stylesInsideIcon = {
|
|
67
|
-
width: `${textWidth}px`,
|
|
68
|
-
left: `${percentage}%`,
|
|
69
|
-
};
|
|
70
|
-
const stylesText = {
|
|
71
|
-
width: `${textWidth}px`,
|
|
72
|
-
};
|
|
73
|
-
return (React__default.createElement("div", { className: `${classes} ${className}`, style: style, ...rest },
|
|
74
|
-
React__default.createElement("div", { className: classesOuter, style: stylesOuter },
|
|
75
|
-
React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && textInside && (React__default.createElement(React__default.Fragment, null, children ? (React__default.createElement("div", { className: classesInsideText, style: stylesInsideIcon }, children)) : (React__default.createElement("div", { className: classesInsideText, style: stylesInsideText },
|
|
76
|
-
React__default.createElement("span", { className: classesTextInner, style: { color: textColor } },
|
|
77
|
-
percentage,
|
|
78
|
-
isShowPercentage ? '%' : ''))))))),
|
|
79
|
-
showText && !textInside && (React__default.createElement("div", { className: classesText, style: stylesText },
|
|
80
|
-
textType === 'text' && (React__default.createElement("span", { className: classesTextInner, style: { color: textColor } },
|
|
81
|
-
percentage,
|
|
82
|
-
isShowPercentage ? '%' : '')),
|
|
83
|
-
textType === 'icon' && (React__default.createElement(React__default.Fragment, null, icon || React__default.createElement(Checked, { width: 16, height: 16, color: "#439422" })))))));
|
|
84
|
-
};
|
|
85
|
-
Progress.defaultProps = defaultProps;
|
|
86
|
-
Progress.displayName = 'NutProgress';
|
|
87
|
-
|
|
88
|
-
export { Progress as P };
|