@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.
Files changed (47) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/esm/Address.js +2 -2
  3. package/dist/esm/Animate.js +2 -3
  4. package/dist/esm/Badge.js +1 -3
  5. package/dist/esm/Divider.js +2 -1
  6. package/dist/esm/Drag.js +2 -3
  7. package/dist/esm/Elevator.js +3 -3
  8. package/dist/esm/Menu.js +1 -1
  9. package/dist/esm/MenuItem.js +3 -4
  10. package/dist/esm/NavBar.js +1 -4
  11. package/dist/esm/Progress.js +1 -4
  12. package/dist/esm/Uploader.js +2 -4
  13. package/dist/esm/{address.taro-632ca799.js → address.taro-2f915873.js} +2 -2
  14. package/dist/esm/{animate.taro-fb7986d6.js → animate.taro-9e65d07a.js} +4 -3
  15. package/dist/esm/{badge.taro-ae154f41.js → badge.taro-1d5df601.js} +11 -16
  16. package/dist/esm/{divider.taro-6c1657ce.js → divider.taro-67e9f757.js} +2 -0
  17. package/dist/esm/{drag.taro-79bb8744.js → drag.taro-2d3d9d11.js} +4 -3
  18. package/dist/esm/{elevator.taro-81a11ecc.js → elevator.taro-588e219b.js} +31 -24
  19. package/dist/esm/menu.taro-b61442a7.js +111 -0
  20. package/dist/esm/{menuitem.taro-86a6bb6c.js → menuitem.taro-bca78e07.js} +31 -30
  21. package/dist/esm/navbar.taro-02c69d66.js +57 -0
  22. package/dist/esm/nutui-react.es.js +13 -13
  23. package/dist/esm/progress.taro-1c199fbe.js +40 -0
  24. package/dist/esm/{uploader.taro-2151eec6.js → uploader.taro-17569890.js} +2 -2
  25. package/dist/locales/base.js +1 -1
  26. package/dist/locales/en-US.js +1 -1
  27. package/dist/locales/id-ID.js +1 -1
  28. package/dist/locales/zh-CN.js +1 -1
  29. package/dist/locales/zh-TW.js +1 -1
  30. package/dist/locales/zh-UG.js +1 -1
  31. package/dist/nutui.react.mjs +702 -795
  32. package/dist/nutui.react.umd.js +702 -795
  33. package/dist/packages/badge/badge.scss +8 -17
  34. package/dist/packages/elevator/elevator.scss +2 -28
  35. package/dist/packages/menu/menu.scss +44 -55
  36. package/dist/packages/menuitem/menuitem.scss +16 -26
  37. package/dist/packages/navbar/navbar.scss +16 -115
  38. package/dist/packages/progress/progress.scss +19 -58
  39. package/dist/style.css +1 -1
  40. package/dist/style.mjs +1 -1
  41. package/dist/styles/variables-jmapp.scss +23 -114
  42. package/dist/styles/variables.scss +31 -122
  43. package/dist/types/index.d.ts +18 -51
  44. package/package.json +1 -1
  45. package/dist/esm/menu.taro-54951911.js +0 -98
  46. package/dist/esm/navbar.taro-69f47d51.js +0 -77
  47. 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 };