@arco-design/mobile-react 2.19.0 → 2.19.1

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 (77) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +4 -4
  4. package/cjs/button/index.d.ts +6 -0
  5. package/cjs/button/index.js +3 -1
  6. package/cjs/circle-progress/index.js +5 -3
  7. package/cjs/collapse/collapse.js +2 -2
  8. package/cjs/nav-bar/back-icon.d.ts +2 -2
  9. package/cjs/nav-bar/back-icon.js +2 -2
  10. package/cjs/notify/index.d.ts +1 -0
  11. package/cjs/notify/index.js +12 -0
  12. package/cjs/notify/type.d.ts +1 -0
  13. package/cjs/progress/index.js +3 -1
  14. package/cjs/slider/hooks/index.d.ts +1 -1
  15. package/cjs/slider/marks.d.ts +5 -5
  16. package/cjs/slider/marks.js +4 -4
  17. package/cjs/slider/popover.d.ts +2 -2
  18. package/cjs/slider/popover.js +3 -5
  19. package/cjs/steps/step.js +3 -1
  20. package/cjs/steps/style/css/index.css +20 -11
  21. package/cjs/steps/style/index.less +8 -9
  22. package/cjs/swipe-load/index.js +2 -2
  23. package/cjs/switch/index.js +1 -1
  24. package/cjs/tab-bar/item.js +2 -2
  25. package/cjs/tab-bar/tab-bar.js +2 -2
  26. package/cjs/transition/index.js +4 -2
  27. package/dist/index.js +46 -36
  28. package/dist/index.min.js +3 -3
  29. package/dist/style.css +8 -9
  30. package/dist/style.min.css +1 -1
  31. package/esm/button/index.d.ts +6 -0
  32. package/esm/button/index.js +3 -1
  33. package/esm/circle-progress/index.js +5 -3
  34. package/esm/collapse/collapse.js +1 -1
  35. package/esm/nav-bar/back-icon.d.ts +2 -2
  36. package/esm/nav-bar/back-icon.js +2 -2
  37. package/esm/notify/index.d.ts +1 -0
  38. package/esm/notify/index.js +1 -0
  39. package/esm/notify/type.d.ts +1 -0
  40. package/esm/progress/index.js +3 -1
  41. package/esm/slider/hooks/index.d.ts +1 -1
  42. package/esm/slider/marks.d.ts +5 -5
  43. package/esm/slider/marks.js +3 -3
  44. package/esm/slider/popover.d.ts +2 -2
  45. package/esm/slider/popover.js +2 -2
  46. package/esm/steps/step.js +3 -1
  47. package/esm/steps/style/css/index.css +20 -11
  48. package/esm/steps/style/index.less +8 -9
  49. package/esm/swipe-load/index.js +1 -1
  50. package/esm/switch/index.js +1 -1
  51. package/esm/tab-bar/item.js +1 -1
  52. package/esm/tab-bar/tab-bar.js +1 -1
  53. package/esm/transition/index.js +4 -2
  54. package/package.json +5 -5
  55. package/umd/button/index.d.ts +6 -0
  56. package/umd/button/index.js +3 -1
  57. package/umd/circle-progress/index.js +5 -3
  58. package/umd/collapse/collapse.js +4 -4
  59. package/umd/nav-bar/back-icon.d.ts +2 -2
  60. package/umd/nav-bar/back-icon.js +2 -2
  61. package/umd/notify/index.d.ts +1 -0
  62. package/umd/notify/index.js +13 -4
  63. package/umd/notify/type.d.ts +1 -0
  64. package/umd/progress/index.js +3 -1
  65. package/umd/slider/hooks/index.d.ts +1 -1
  66. package/umd/slider/marks.d.ts +5 -5
  67. package/umd/slider/marks.js +6 -6
  68. package/umd/slider/popover.d.ts +2 -2
  69. package/umd/slider/popover.js +3 -5
  70. package/umd/steps/step.js +3 -1
  71. package/umd/steps/style/css/index.css +20 -11
  72. package/umd/steps/style/index.less +8 -9
  73. package/umd/swipe-load/index.js +4 -4
  74. package/umd/switch/index.js +1 -1
  75. package/umd/tab-bar/item.js +4 -4
  76. package/umd/tab-bar/tab-bar.js +4 -4
  77. package/umd/transition/index.js +4 -2
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { NotifyProps, NotifyRef } from './type';
3
3
  import { NotifyBaseProps } from './methods';
4
+ export * from './type';
4
5
  export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.FC<P>): {
5
6
  /**
6
7
  * 展示常规通知
@@ -5,6 +5,7 @@ import { componentWrapper, nextTick } from '@arco-design/mobile-utils';
5
5
  import { ContextLayout } from '../context-provider';
6
6
  import { getStyleWithVendor, useUpdateEffect } from '../_helpers';
7
7
  import { notify } from './methods';
8
+ export * from './type';
8
9
  var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
9
10
  var _props$className = props.className,
10
11
  className = _props$className === void 0 ? '' : _props$className,
@@ -19,6 +19,7 @@ export interface NotifyProps {
19
19
  /**
20
20
  * 通知类型
21
21
  * @en Notification type
22
+ * @default "info"
22
23
  */
23
24
  type?: NotifyType;
24
25
  /**
@@ -67,7 +67,9 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
67
67
  background: progressColor
68
68
  }
69
69
  }, currentPercentage, "%");
70
- } else if (position === percentPosition) {
70
+ }
71
+
72
+ if (position === percentPosition) {
71
73
  return /*#__PURE__*/React.createElement("div", {
72
74
  style: {
73
75
  color: progressColor
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { SliderProps } from '../';
2
+ import { SliderProps } from '..';
3
3
  export declare const baseRenderThumb: (prefixCls: string) => () => JSX.Element;
4
4
  export declare type LinePosition = {
5
5
  length: number;
@@ -1,11 +1,11 @@
1
- import React, { CSSProperties, ReactNode } from 'react';
2
- declare const Marks: ({ runTimeConfig, className, style, }: {
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ declare function Marks({ runTimeConfig, className, style, }: {
3
3
  runTimeConfig: Array<{
4
4
  value: number;
5
5
  activated: boolean;
6
6
  label: ReactNode;
7
7
  }>;
8
- className?: string | undefined;
9
- style?: React.CSSProperties | undefined;
10
- }) => JSX.Element;
8
+ className?: string;
9
+ style?: CSSProperties;
10
+ }): JSX.Element;
11
11
  export default Marks;
@@ -1,10 +1,10 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useContext, useCallback } from 'react';
3
+ import { cls } from '@arco-design/mobile-utils';
3
4
  import { GlobalContext } from '../context-provider';
4
5
  import { SliderContext } from './hooks';
5
- import { cls } from '@arco-design/mobile-utils';
6
6
 
7
- var Marks = function Marks(_ref) {
7
+ function Marks(_ref) {
8
8
  var runTimeConfig = _ref.runTimeConfig,
9
9
  _ref$className = _ref.className,
10
10
  className = _ref$className === void 0 ? '' : _ref$className,
@@ -43,6 +43,6 @@ var Marks = function Marks(_ref) {
43
43
  className: prefixCls + "-slider-marks-item-label"
44
44
  }, label));
45
45
  }));
46
- };
46
+ }
47
47
 
48
48
  export default Marks;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- export declare const Popover: ({ visible, content, children, }: {
2
+ export declare function Popover({ visible, content, children, }: {
3
3
  visible: boolean;
4
4
  content: ReactNode;
5
5
  children: ReactNode;
6
- }) => JSX.Element;
6
+ }): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import React, { useContext } from 'react';
2
2
  import Transition from '../transition';
3
3
  import { GlobalContext } from '../context-provider';
4
- export var Popover = function Popover(_ref) {
4
+ export function Popover(_ref) {
5
5
  var visible = _ref.visible,
6
6
  content = _ref.content,
7
7
  children = _ref.children;
@@ -24,4 +24,4 @@ export var Popover = function Popover(_ref) {
24
24
  }, content), /*#__PURE__*/React.createElement("div", {
25
25
  className: prefixCls + "-slider-popover-arrow"
26
26
  }))), children);
27
- };
27
+ }
package/esm/steps/step.js CHANGED
@@ -29,7 +29,9 @@ var Step = /*#__PURE__*/forwardRef(function (props, ref) {
29
29
 
30
30
  if (current < index) {
31
31
  return 'wait';
32
- } else if (current === index) {
32
+ }
33
+
34
+ if (current === index) {
33
35
  return 'process';
34
36
  }
35
37
 
@@ -32,11 +32,20 @@
32
32
  }
33
33
  .arco-steps-item-tail {
34
34
  position: absolute;
35
+ display: -webkit-box;
36
+ display: -webkit-flex;
37
+ display: flex;
38
+ -webkit-box-align: center;
39
+ -webkit-align-items: center;
40
+ align-items: center;
41
+ -webkit-box-pack: center;
42
+ -webkit-justify-content: center;
43
+ justify-content: center;
35
44
  }
36
45
  .horizontal .arco-steps-item-tail {
37
46
  width: 100%;
38
- top: 0.18rem;
39
47
  left: 50%;
48
+ height: 18PX ;
40
49
  padding: 0 0.36rem ;
41
50
  }
42
51
  .horizontal .arco-steps-item-tail:after {
@@ -49,8 +58,8 @@
49
58
  }
50
59
  .vertical .arco-steps-item-tail {
51
60
  height: 100%;
61
+ width: 18PX ;
52
62
  top: 0.18rem;
53
- left: 0.15rem;
54
63
  padding: 0.28rem 0 ;
55
64
  }
56
65
  .vertical .arco-steps-item-tail:after {
@@ -78,11 +87,18 @@
78
87
  height: 20PX ;
79
88
  }
80
89
  .arco-steps-item-icon {
81
- display: inline-block;
90
+ display: -webkit-inline-box;
91
+ display: -webkit-inline-flex;
92
+ display: inline-flex;
93
+ -webkit-box-align: center;
94
+ -webkit-align-items: center;
95
+ align-items: center;
96
+ -webkit-box-pack: center;
97
+ -webkit-justify-content: center;
98
+ justify-content: center;
82
99
  border-radius: 50%;
83
100
  width: 18PX ;
84
101
  height: 18PX ;
85
- text-align: center;
86
102
  }
87
103
  .number.finish .arco-steps-item-icon {
88
104
  background: #E8F3FF ;
@@ -97,11 +113,7 @@
97
113
  background: #F53F3F ;
98
114
  }
99
115
  .arco-steps-item-icon svg {
100
- position: relative;
101
116
  font-size: 10PX ;
102
- top: 50%;
103
- -webkit-transform: translateY(-50%);
104
- transform: translateY(-50%);
105
117
  }
106
118
  .finish .arco-steps-item-icon svg {
107
119
  color: #165dff ;
@@ -128,9 +140,6 @@
128
140
  }
129
141
  .arco-steps-item-icon-dot {
130
142
  position: relative;
131
- top: 50%;
132
- -webkit-transform: translateY(-50%);
133
- transform: translateY(-50%);
134
143
  display: inline-block;
135
144
  width: 8PX ;
136
145
  height: 8PX ;
@@ -24,11 +24,14 @@
24
24
 
25
25
  &-tail {
26
26
  position: absolute;
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: center;
27
30
 
28
31
  .horizontal & {
29
32
  width: 100%;
30
- .rem(top, 9);
31
33
  left: 50%;
34
+ .use-var(height, steps-icon-height);
32
35
  .use-var(padding, steps-tail-horizontal-padding);
33
36
 
34
37
  &:after {
@@ -43,8 +46,8 @@
43
46
 
44
47
  .vertical & {
45
48
  height: 100%;
49
+ .use-var(width, steps-icon-width);
46
50
  .rem(top, 9);
47
- .rem(left, 7.5);
48
51
  .use-var(padding, steps-tail-vertical-padding);
49
52
 
50
53
  &:after {
@@ -71,11 +74,12 @@
71
74
  }
72
75
 
73
76
  &-icon {
74
- display: inline-block;
77
+ display: inline-flex;
78
+ align-items: center;
79
+ justify-content: center;
75
80
  border-radius: 50%;
76
81
  .use-var(width, steps-icon-width);
77
82
  .use-var(height, steps-icon-height);
78
- text-align: center;
79
83
 
80
84
  .number.finish & {
81
85
  .use-var(background, steps-finish-icon-num-background);
@@ -94,10 +98,7 @@
94
98
  }
95
99
 
96
100
  svg {
97
- position: relative;
98
101
  .use-var(font-size, steps-icon-svg-standard-font-size);
99
- top: 50%;
100
- transform: translateY(-50%);
101
102
 
102
103
  .finish & {
103
104
  .use-var(color, steps-finish-icon-svg-color);
@@ -122,8 +123,6 @@
122
123
 
123
124
  &-dot {
124
125
  position: relative;
125
- top: 50%;
126
- transform: translateY(-50%);
127
126
  display: inline-block;
128
127
  .use-var(width, steps-dot-width);
129
128
  .use-var(height, steps-dot-height);
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, forwardRef, useImperativeHandle, useEffect, useState, useContext } from 'react';
2
- import { ContextLayout, GlobalContext } from '../context-provider';
3
2
  import { cls, fingerDisToLabelDis, defaultLocale } from '@arco-design/mobile-utils';
3
+ import { ContextLayout, GlobalContext } from '../context-provider';
4
4
  import { useAddListener } from '../_helpers/hooks';
5
5
  export * from './type';
6
6
  /**
@@ -117,7 +117,7 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
117
117
  className: prefixCls + "-switch-text"
118
118
  }, switchChecked ? text.off || '' : text.on || '') : null, /*#__PURE__*/React.createElement("div", {
119
119
  className: prefixCls + "-switch-inner"
120
- }, innerArea ? innerArea : null));
120
+ }, innerArea || null));
121
121
  });
122
122
  });
123
123
  export default Switch;
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
3
- import { ContextLayout } from '../context-provider';
4
3
  import { cls } from '@arco-design/mobile-utils';
4
+ import { ContextLayout } from '../context-provider';
5
5
  import { TabBarContext } from './tab-bar';
6
6
  export var Item = /*#__PURE__*/forwardRef(function (props, ref) {
7
7
  var _useContext = useContext(TabBarContext),
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { Children, createContext, forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
3
- import { ContextLayout } from '../context-provider';
4
3
  import { cls } from '@arco-design/mobile-utils';
4
+ import { ContextLayout } from '../context-provider';
5
5
  import { useRefState } from '../_helpers';
6
6
  export var TabBarContext = /*#__PURE__*/createContext({
7
7
  changeIndex: function changeIndex() {},
@@ -14,10 +14,12 @@ import { ContextLayout } from '../context-provider';
14
14
  * @name_en Transition
15
15
  */
16
16
  export default function Transition(props) {
17
- var children = props.children,
17
+ var _props$children = props.children,
18
+ children = _props$children === void 0 ? /*#__PURE__*/React.createElement("div", null) : _props$children,
18
19
  type = props.type,
19
20
  transIn = props.in,
20
- timeout = props.timeout,
21
+ _props$timeout = props.timeout,
22
+ timeout = _props$timeout === void 0 ? 300 : _props$timeout,
21
23
  _props$mountOnEnter = props.mountOnEnter,
22
24
  mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
23
25
  _props$unmountOnExit = props.unmountOnExit,
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@arco-design/mobile-react",
3
- "version": "2.19.0",
3
+ "version": "2.19.1",
4
4
  "description": "",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
7
7
  "scripts": {
8
8
  "prebuild": "node ../../scripts/build/pre-build.js",
9
- "build": "rm -rf esm/* umd/* cjs/* && gulp build && npm run dist",
10
- "dist": "rm -rf dist/* && cd ../../ && node packages/arcodesign/rollup.lib.js",
9
+ "build": "rimraf esm/* umd/* cjs/* && gulp build && npm run dist",
10
+ "dist": "rimraf dist/* && cd ../../ && node packages/arcodesign/rollup.lib.js",
11
11
  "prepublishOnly": "npm run build",
12
12
  "build:bd": "npm run build",
13
13
  "test": "jest"
@@ -15,7 +15,7 @@
15
15
  "author": "taoyiyue@bytedance.com",
16
16
  "license": "ISC",
17
17
  "dependencies": {
18
- "@arco-design/mobile-utils": "^2.10.0",
18
+ "@arco-design/mobile-utils": "^2.10.1",
19
19
  "@arco-design/transformable": "^1.0.0",
20
20
  "es6-promise": "^4.2.8",
21
21
  "lodash.throttle": "^4.1.1",
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "e94c3c91453c778da1cb22216e65a95c12bd0bbb"
39
+ "gitHead": "87bdcdc779e527c26b07dd8a950d8e7cec0982dd"
40
40
  }
@@ -109,6 +109,12 @@ export interface ButtonProps {
109
109
  * @en Callback function when disabling button
110
110
  */
111
111
  onClickDisabled?: (e: React.MouseEvent) => void;
112
+ /**
113
+ * 加载中是否禁用按钮操作
114
+ * @en Disable button when loading
115
+ * @default true
116
+ */
117
+ disableWhenLoading?: boolean;
112
118
  }
113
119
  export interface ButtonRef {
114
120
  /**
@@ -49,6 +49,8 @@
49
49
  loading = _props$loading === void 0 ? false : _props$loading,
50
50
  _props$disabled = props.disabled,
51
51
  disabled = _props$disabled === void 0 ? false : _props$disabled,
52
+ _props$disableWhenLoa = props.disableWhenLoading,
53
+ disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
52
54
  _props$shape = props.shape,
53
55
  shape = _props$shape === void 0 ? 'semi' : _props$shape,
54
56
  _props$halfBorder = props.halfBorder,
@@ -115,7 +117,7 @@
115
117
  onTouchCancel: handleTouchEnd,
116
118
  onMouseDown: handleTouchStart,
117
119
  onMouseUp: handleTouchEnd,
118
- onClick: disabled ? onClickDisabled : onClick
120
+ onClick: disabled || loading && disableWhenLoading ? onClickDisabled : onClick
119
121
  }, /*#__PURE__*/_react.default.createElement("div", {
120
122
  className: "btn-icon"
121
123
  }, icon, loading && (loadingIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_loading.default, {
@@ -94,11 +94,13 @@
94
94
  if (isRenderNormal) {
95
95
  if (progressColorStart) {
96
96
  return progressColorStart;
97
- } else if (progressColorEnd) {
97
+ }
98
+
99
+ if (progressColorEnd) {
98
100
  return progressColorEnd;
99
- } else {
100
- return progressColor;
101
101
  }
102
+
103
+ return progressColor;
102
104
  }
103
105
  }, [progressColorStart, progressColorEnd, progressColor]);
104
106
 
@@ -1,16 +1,16 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "react", "../context-provider", "@arco-design/mobile-utils", "../_helpers", "../icon/IconArrowDown", "./utils"], factory);
3
+ define(["exports", "react", "@arco-design/mobile-utils", "../context-provider", "../_helpers", "../icon/IconArrowDown", "./utils"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("react"), require("../context-provider"), require("@arco-design/mobile-utils"), require("../_helpers"), require("../icon/IconArrowDown"), require("./utils"));
5
+ factory(exports, require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers"), require("../icon/IconArrowDown"), require("./utils"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global.react, global.contextProvider, global.mobileUtils, global._helpers, global.IconArrowDown, global.utils);
10
+ factory(mod.exports, global.react, global.mobileUtils, global.contextProvider, global._helpers, global.IconArrowDown, global.utils);
11
11
  global.collapse = mod.exports;
12
12
  }
13
- })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _contextProvider, _mobileUtils, _helpers, _IconArrowDown, _utils) {
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _mobileUtils, _contextProvider, _helpers, _IconArrowDown, _utils) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare const BackArrow: ({ color }: {
2
+ declare function BackArrow({ color }: {
3
3
  color?: string | undefined;
4
- }) => JSX.Element;
4
+ }): JSX.Element;
5
5
  export default BackArrow;
@@ -19,7 +19,7 @@
19
19
  _exports.default = void 0;
20
20
  _react = _interopRequireDefault(_react);
21
21
 
22
- var BackArrow = function BackArrow(_ref) {
22
+ function BackArrow(_ref) {
23
23
  var _ref$color = _ref.color,
24
24
  color = _ref$color === void 0 ? 'currentColor' : _ref$color;
25
25
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -32,7 +32,7 @@
32
32
  d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9 l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
33
33
  fill: color
34
34
  })));
35
- };
35
+ }
36
36
 
37
37
  var _default = BackArrow;
38
38
  _exports.default = _default;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { NotifyProps, NotifyRef } from './type';
3
3
  import { NotifyBaseProps } from './methods';
4
+ export * from './type';
4
5
  export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.FC<P>): {
5
6
  /**
6
7
  * 展示常规通知
@@ -1,26 +1,35 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "@babel/runtime/helpers/extends", "react", "react-dom", "@arco-design/mobile-utils", "../context-provider", "../_helpers", "./methods"], factory);
3
+ define(["exports", "@babel/runtime/helpers/extends", "react", "react-dom", "@arco-design/mobile-utils", "../context-provider", "../_helpers", "./methods", "./type"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("react-dom"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers"), require("./methods"));
5
+ factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("react-dom"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers"), require("./methods"), require("./type"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global._extends, global.react, global.reactDom, global.mobileUtils, global.contextProvider, global._helpers, global.methods);
10
+ factory(mod.exports, global._extends, global.react, global.reactDom, global.mobileUtils, global.contextProvider, global._helpers, global.methods, global.type);
11
11
  global.index = mod.exports;
12
12
  }
13
- })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _reactDom, _mobileUtils, _contextProvider, _helpers, _methods) {
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _reactDom, _mobileUtils, _contextProvider, _helpers, _methods, _type) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
17
 
18
18
  _exports.__esModule = true;
19
+ var _exportNames = {
20
+ methodsGenerator: true
21
+ };
19
22
  _exports.default = void 0;
20
23
  _exports.methodsGenerator = methodsGenerator;
21
24
  _extends2 = _interopRequireDefault(_extends2);
22
25
  _react = _interopRequireWildcard(_react);
23
26
  _reactDom = _interopRequireDefault(_reactDom);
27
+ Object.keys(_type).forEach(function (key) {
28
+ if (key === "default" || key === "__esModule") return;
29
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
30
+ if (key in _exports && _exports[key] === _type[key]) return;
31
+ _exports[key] = _type[key];
32
+ });
24
33
 
25
34
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
35
 
@@ -19,6 +19,7 @@ export interface NotifyProps {
19
19
  /**
20
20
  * 通知类型
21
21
  * @en Notification type
22
+ * @default "info"
22
23
  */
23
24
  type?: NotifyType;
24
25
  /**
@@ -87,7 +87,9 @@
87
87
  background: progressColor
88
88
  }
89
89
  }, currentPercentage, "%");
90
- } else if (position === percentPosition) {
90
+ }
91
+
92
+ if (position === percentPosition) {
91
93
  return /*#__PURE__*/_react.default.createElement("div", {
92
94
  style: {
93
95
  color: progressColor
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { SliderProps } from '../';
2
+ import { SliderProps } from '..';
3
3
  export declare const baseRenderThumb: (prefixCls: string) => () => JSX.Element;
4
4
  export declare type LinePosition = {
5
5
  length: number;
@@ -1,11 +1,11 @@
1
- import React, { CSSProperties, ReactNode } from 'react';
2
- declare const Marks: ({ runTimeConfig, className, style, }: {
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ declare function Marks({ runTimeConfig, className, style, }: {
3
3
  runTimeConfig: Array<{
4
4
  value: number;
5
5
  activated: boolean;
6
6
  label: ReactNode;
7
7
  }>;
8
- className?: string | undefined;
9
- style?: React.CSSProperties | undefined;
10
- }) => JSX.Element;
8
+ className?: string;
9
+ style?: CSSProperties;
10
+ }): JSX.Element;
11
11
  export default Marks;
@@ -1,16 +1,16 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "@babel/runtime/helpers/extends", "react", "../context-provider", "./hooks", "@arco-design/mobile-utils"], factory);
3
+ define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "../context-provider", "./hooks"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("../context-provider"), require("./hooks"), require("@arco-design/mobile-utils"));
5
+ factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("./hooks"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global._extends, global.react, global.contextProvider, global.hooks, global.mobileUtils);
10
+ factory(mod.exports, global._extends, global.react, global.mobileUtils, global.contextProvider, global.hooks);
11
11
  global.marks = mod.exports;
12
12
  }
13
- })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _contextProvider, _hooks, _mobileUtils) {
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _contextProvider, _hooks) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -24,7 +24,7 @@
24
24
 
25
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
26
 
27
- var Marks = function Marks(_ref) {
27
+ function Marks(_ref) {
28
28
  var runTimeConfig = _ref.runTimeConfig,
29
29
  _ref$className = _ref.className,
30
30
  className = _ref$className === void 0 ? '' : _ref$className,
@@ -63,7 +63,7 @@
63
63
  className: prefixCls + "-slider-marks-item-label"
64
64
  }, label));
65
65
  }));
66
- };
66
+ }
67
67
 
68
68
  var _default = Marks;
69
69
  _exports.default = _default;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- export declare const Popover: ({ visible, content, children, }: {
2
+ export declare function Popover({ visible, content, children, }: {
3
3
  visible: boolean;
4
4
  content: ReactNode;
5
5
  children: ReactNode;
6
- }) => JSX.Element;
6
+ }): JSX.Element;
@@ -16,7 +16,7 @@
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
17
 
18
18
  _exports.__esModule = true;
19
- _exports.Popover = void 0;
19
+ _exports.Popover = Popover;
20
20
  _react = _interopRequireWildcard(_react);
21
21
  _transition = _interopRequireDefault(_transition);
22
22
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
26
 
27
- var Popover = function Popover(_ref) {
27
+ function Popover(_ref) {
28
28
  var visible = _ref.visible,
29
29
  content = _ref.content,
30
30
  children = _ref.children;
@@ -47,7 +47,5 @@
47
47
  }, content), /*#__PURE__*/_react.default.createElement("div", {
48
48
  className: prefixCls + "-slider-popover-arrow"
49
49
  }))), children);
50
- };
51
-
52
- _exports.Popover = Popover;
50
+ }
53
51
  });
package/umd/steps/step.js CHANGED
@@ -47,7 +47,9 @@
47
47
 
48
48
  if (current < index) {
49
49
  return 'wait';
50
- } else if (current === index) {
50
+ }
51
+
52
+ if (current === index) {
51
53
  return 'process';
52
54
  }
53
55