@nutui/nutui-react 2.0.5 → 2.0.7

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 (61) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/esm/Address.js +30 -17
  3. package/dist/esm/Audio/style/style.css +1 -1
  4. package/dist/esm/Audio.js +1 -1
  5. package/dist/esm/Button/style/style.css +1 -1
  6. package/dist/esm/Button.js +15 -18
  7. package/dist/esm/Dialog/style/style.css +1 -1
  8. package/dist/esm/Range.js +5 -13
  9. package/dist/esm/Uploader.js +3 -0
  10. package/dist/esm/types/src/packages/address/address.d.ts +9 -2
  11. package/dist/esm/types/src/packages/address/address.taro.d.ts +8 -2
  12. package/dist/esm/types/src/packages/audio/audio.d.ts +5 -4
  13. package/dist/esm/types/src/packages/avatar/avatar.d.ts +2 -1
  14. package/dist/esm/types/src/packages/avatar/avatar.taro.d.ts +2 -1
  15. package/dist/esm/types/src/packages/backtop/backtop.d.ts +2 -1
  16. package/dist/esm/types/src/packages/backtop/backtop.taro.d.ts +2 -1
  17. package/dist/esm/types/src/packages/button/button.d.ts +2 -1
  18. package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -1
  19. package/dist/esm/types/src/packages/col/col.d.ts +2 -1
  20. package/dist/esm/types/src/packages/col/col.taro.d.ts +2 -1
  21. package/dist/esm/types/src/packages/dialog/config.d.ts +2 -1
  22. package/dist/esm/types/src/packages/formitem/types.d.ts +2 -1
  23. package/dist/esm/types/src/packages/row/row.d.ts +2 -1
  24. package/dist/esm/types/src/packages/row/row.taro.d.ts +2 -1
  25. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +6 -5
  26. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +6 -5
  27. package/dist/esm/types/src/packages/swipe/swipe.d.ts +5 -4
  28. package/dist/esm/types/src/packages/swipe/swipe.taro.d.ts +5 -4
  29. package/dist/esm/types/src/packages/tag/tag.d.ts +2 -1
  30. package/dist/esm/types/src/packages/tag/tag.taro.d.ts +2 -1
  31. package/dist/esm/types/src/packages/textarea/textarea.d.ts +3 -2
  32. package/dist/esm/types/src/packages/uploader/uploader.d.ts +1 -0
  33. package/dist/esm/types/src/utils/use-touch.d.ts +2 -2
  34. package/dist/locales/base.js +1 -1
  35. package/dist/locales/en-US.js +1 -1
  36. package/dist/locales/id-ID.js +1 -1
  37. package/dist/locales/tr-TR.js +1 -1
  38. package/dist/locales/zh-CN.js +1 -1
  39. package/dist/locales/zh-TW.js +1 -1
  40. package/dist/locales/zh-UG.js +1 -1
  41. package/dist/nutui.react.es.js +60 -46
  42. package/dist/nutui.react.umd.js +60 -46
  43. package/dist/packages/button/button.scss +6 -0
  44. package/dist/style.css +1 -1
  45. package/dist/style.mjs +1 -1
  46. package/dist/types/packages/address/address.d.ts +13 -2
  47. package/dist/types/packages/audio/audio.d.ts +5 -4
  48. package/dist/types/packages/avatar/avatar.d.ts +2 -1
  49. package/dist/types/packages/backtop/backtop.d.ts +2 -1
  50. package/dist/types/packages/button/button.d.ts +3 -2
  51. package/dist/types/packages/col/col.d.ts +2 -1
  52. package/dist/types/packages/dialog/config.d.ts +2 -1
  53. package/dist/types/packages/formitem/types.d.ts +2 -1
  54. package/dist/types/packages/row/row.d.ts +2 -1
  55. package/dist/types/packages/searchbar/searchbar.d.ts +6 -5
  56. package/dist/types/packages/swipe/swipe.d.ts +5 -4
  57. package/dist/types/packages/tag/tag.d.ts +2 -1
  58. package/dist/types/packages/textarea/textarea.d.ts +3 -2
  59. package/dist/types/packages/uploader/uploader.d.ts +1 -0
  60. package/dist/types/utils/use-touch.d.ts +2 -2
  61. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ # v2.0.7
2
+ `2023-07-26`
3
+
4
+ * :sparkles: feat: formitem label 支持 reactnode (#1254) @oasis-cloud
5
+ * :sparkles: feat: uploader 添加上传的响应数据 (#1251) @逍遥
6
+ * 🔨 chore: 优化 any 类型 (#1222) @junjun666
7
+ * 📖 docs(SearchBar): 补充 onClear 属性说明 (#1256) @Tralafalgar Wang
8
+
9
+
10
+ # v2.0.6
11
+ `2023-07-21`
12
+
13
+ * :bug: fix(Address): 修复Address组件通过点击CloseIcon和Overlay关闭后,无法再次打开的问题 (#1233) @Tralafalgar Wang
14
+ * :bug: fix(button): 渐变色导致边框出现重叠 (#1250) @oasis-cloud
15
+
16
+
1
17
  # v2.0.5
2
18
  `2023-07-19`
3
19
 
@@ -1,7 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- var _excluded = ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"], _excluded2 = ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"], _excluded3 = ["visible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch", "style", "className"];
4
+ var _excluded = ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"], _excluded2 = ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"], _excluded3 = ["visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch", "style", "className"];
5
5
  function ownKeys(object, enumerableOnly) {
6
6
  var keys = Object.keys(object);
7
7
  if (Object.getOwnPropertySymbols) {
@@ -23,12 +23,13 @@ function _objectSpread(target) {
23
23
  }
24
24
  return target;
25
25
  }
26
- import React__default, { useState, useEffect } from "react";
26
+ import React__default, { forwardRef, useState, useImperativeHandle } from "react";
27
27
  import { Check, Location2, Left } from "@nutui/icons-react";
28
28
  import Popup from "./Popup.js";
29
29
  import { C as Cascader } from "./cascader2.js";
30
30
  import { C as ComponentDefaults } from "./typings.js";
31
31
  import { useConfig } from "./ConfigProvider.js";
32
+ import { u as usePropsValue } from "./use-props-value.js";
32
33
  import "classnames";
33
34
  import "./popup2.js";
34
35
  import "react-dom";
@@ -38,7 +39,6 @@ import "./Overlay.js";
38
39
  import "./tabs2.js";
39
40
  import "./TabPane.js";
40
41
  import "./raf.js";
41
- import "./use-props-value.js";
42
42
  var defaultProps$2 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
43
43
  visible: false,
44
44
  type: "custom",
@@ -116,7 +116,6 @@ var ExistRender = function ExistRender2(props) {
116
116
  }, custom)));
117
117
  };
118
118
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
119
- visible: false,
120
119
  defaultValue: [],
121
120
  type: "custom",
122
121
  options: [],
@@ -134,18 +133,30 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
134
133
  closeIcon: null,
135
134
  backIcon: null
136
135
  });
137
- var Address = function Address2(props) {
136
+ var InternalAddress = function InternalAddress2(props, ref) {
138
137
  var _useConfig2 = useConfig(), locale = _useConfig2.locale;
139
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, defaultValue = _defaultProps$props.defaultValue, children = _defaultProps$props.children, type = _defaultProps$props.type, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, height = _defaultProps$props.height, title = _defaultProps$props.title, existList = _defaultProps$props.existList, custom = _defaultProps$props.custom, selectIcon = _defaultProps$props.selectIcon, defaultIcon = _defaultProps$props.defaultIcon, closeIcon = _defaultProps$props.closeIcon, backIcon = _defaultProps$props.backIcon, _onChange2 = _defaultProps$props.onChange, onExistSelect = _defaultProps$props.onExistSelect, onClose = _defaultProps$props.onClose, onSwitch = _defaultProps$props.onSwitch, style = _defaultProps$props.style, className = _defaultProps$props.className, rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
138
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, defaultVisible = _defaultProps$props.defaultVisible, defaultValue = _defaultProps$props.defaultValue, children = _defaultProps$props.children, type = _defaultProps$props.type, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, height = _defaultProps$props.height, title = _defaultProps$props.title, existList = _defaultProps$props.existList, custom = _defaultProps$props.custom, selectIcon = _defaultProps$props.selectIcon, defaultIcon = _defaultProps$props.defaultIcon, closeIcon = _defaultProps$props.closeIcon, backIcon = _defaultProps$props.backIcon, _onChange2 = _defaultProps$props.onChange, onExistSelect = _defaultProps$props.onExistSelect, onClose = _defaultProps$props.onClose, onSwitch = _defaultProps$props.onSwitch, style = _defaultProps$props.style, className = _defaultProps$props.className, rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
140
139
  var classPrefix = "nut-address";
141
140
  var _useState = useState(type), _useState2 = _slicedToArray(_useState, 2), currentType = _useState2[0], setCurrentType = _useState2[1];
142
- var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), showPopup = _useState4[0], setShowPopup = _useState4[1];
143
- var handClose = function handClose2() {
144
- setShowPopup(false);
141
+ var _usePropsValue = usePropsValue({
142
+ value: visible,
143
+ defaultValue: defaultVisible,
144
+ finalValue: defaultVisible
145
+ }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerVisible = _usePropsValue2[0], setInnerVisible = _usePropsValue2[1];
146
+ useImperativeHandle(ref, function() {
147
+ return {
148
+ open: function open() {
149
+ setInnerVisible(true);
150
+ },
151
+ close: function close() {
152
+ setInnerVisible(false);
153
+ }
154
+ };
155
+ });
156
+ var handleClose = function handleClose2() {
157
+ setInnerVisible(false);
158
+ onClose && onClose();
145
159
  };
146
- useEffect(function() {
147
- setShowPopup(visible);
148
- }, [visible]);
149
160
  var renderLeftOnCustomSwitch = function renderLeftOnCustomSwitch2() {
150
161
  return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", {
151
162
  className: "".concat(classPrefix, "-left-icon"),
@@ -156,7 +167,7 @@ var Address = function Address2(props) {
156
167
  };
157
168
  var selectedExistItem = function selectedExistItem2(data) {
158
169
  onExistSelect && onExistSelect(data);
159
- handClose();
170
+ handleClose();
160
171
  };
161
172
  var onSwitchModule = function onSwitchModule2() {
162
173
  if (currentType === "exist") {
@@ -169,7 +180,7 @@ var Address = function Address2(props) {
169
180
  });
170
181
  };
171
182
  return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, {
172
- visible: showPopup,
183
+ visible: innerVisible,
173
184
  closeable: true,
174
185
  title: title || locale.address.selectRegion,
175
186
  left: renderLeftOnCustomSwitch(),
@@ -179,17 +190,18 @@ var Address = function Address2(props) {
179
190
  optionKey,
180
191
  type: currentType,
181
192
  height,
182
- onClose: handClose,
193
+ onClose: handleClose,
183
194
  onChange: function onChange(val, params) {
184
195
  _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(val, params);
185
196
  }
186
197
  }) : React__default.createElement(Popup, {
187
- visible: showPopup,
198
+ visible: innerVisible,
188
199
  position: "bottom",
189
200
  round: true,
190
201
  closeable: true,
191
202
  closeIcon,
192
- title: title || locale.address.selectRegion
203
+ title: title || locale.address.selectRegion,
204
+ onClose: handleClose
193
205
  }, React__default.createElement(
194
206
  "div",
195
207
  {
@@ -208,6 +220,7 @@ var Address = function Address2(props) {
208
220
  })
209
221
  )));
210
222
  };
223
+ var Address = forwardRef(InternalAddress);
211
224
  Address.defaultProps = defaultProps;
212
225
  Address.displayName = "NutAddress";
213
226
  export {
@@ -1 +1 @@
1
- .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0px;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0px;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0px;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-brand-color, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0px;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--nutui-gray-6, #ffffff);border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}
1
+ .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0px;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0px;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0px;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-brand-color, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0px;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--nutui-gray-6, #ffffff);border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}
package/dist/esm/Audio.js CHANGED
@@ -216,7 +216,7 @@ var Audio = function Audio2(props) {
216
216
  }
217
217
  };
218
218
  var onTimeupdate = function onTimeupdate2(e) {
219
- var time = parseInt(e.target.currentTime);
219
+ var time = parseInt(String(e.target.currentTime));
220
220
  var formated = formatSeconds("".concat(time));
221
221
  statusRef.current.currentDuration = formated;
222
222
  setPercent(time / statusRef.current.second * 100);
@@ -1 +1 @@
1
- .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}
1
+ .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}
@@ -65,24 +65,21 @@ var Button = React__default.forwardRef(function(props, ref) {
65
65
  onClick2(e);
66
66
  }
67
67
  };
68
- return (
69
- // eslint-disable-next-line react/button-has-type
70
- React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
71
- ref,
72
- type: nativeType,
73
- className: classNames(prefixCls, className, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames)),
74
- style: _objectSpread(_objectSpread({}, getStyle()), style),
75
- onClick: function onClick3(e) {
76
- return handleClick(e);
77
- }
78
- }), React__default.createElement("div", {
79
- className: "nut-button__warp"
80
- }, loading ? React__default.createElement(Loading, {
81
- className: "nut-icon-loading"
82
- }) : null, !loading && icon ? icon : null, children && React__default.createElement("div", {
83
- className: icon || loading ? "nut-button-text" : ""
84
- }, children)))
85
- );
68
+ return React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
69
+ ref,
70
+ type: nativeType,
71
+ className: classNames(prefixCls, className, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames)),
72
+ style: _objectSpread(_objectSpread({}, getStyle()), style),
73
+ onClick: function onClick3(e) {
74
+ return handleClick(e);
75
+ }
76
+ }), React__default.createElement("div", {
77
+ className: "nut-button__warp"
78
+ }, loading ? React__default.createElement(Loading, {
79
+ className: "nut-icon-loading"
80
+ }) : null, !loading && icon ? icon : null, children && React__default.createElement("div", {
81
+ className: icon || loading ? "nut-button-text" : ""
82
+ }, children)));
86
83
  });
87
84
  Button.displayName = "NutButton";
88
85
  export {
@@ -1 +1 @@
1
- .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-outer-border-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}
1
+ .nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-outer-border-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}
package/dist/esm/Range.js CHANGED
@@ -226,7 +226,7 @@ var Range = function Range2(props) {
226
226
  setEaxctValue(newValue);
227
227
  updateValue(newValue);
228
228
  };
229
- var _onTouchEnd = function onTouchEnd(event) {
229
+ var onTouchEnd = function onTouchEnd2() {
230
230
  if (disabled) {
231
231
  return;
232
232
  }
@@ -285,12 +285,8 @@ var Range = function Range2(props) {
285
285
  onTouchMove: function onTouchMove(e) {
286
286
  return _onTouchMove(e);
287
287
  },
288
- onTouchEnd: function onTouchEnd(e) {
289
- return _onTouchEnd();
290
- },
291
- onTouchCancel: function onTouchCancel(e) {
292
- return _onTouchEnd();
293
- },
288
+ onTouchEnd,
289
+ onTouchCancel: onTouchEnd,
294
290
  onClick: function onClick(e) {
295
291
  return e.stopPropagation();
296
292
  }
@@ -303,12 +299,8 @@ var Range = function Range2(props) {
303
299
  onTouchMove: function onTouchMove(e) {
304
300
  return _onTouchMove(e);
305
301
  },
306
- onTouchEnd: function onTouchEnd(e) {
307
- return _onTouchEnd();
308
- },
309
- onTouchCancel: function onTouchCancel(e) {
310
- return _onTouchEnd();
311
- },
302
+ onTouchEnd,
303
+ onTouchCancel: onTouchEnd,
312
304
  onClick: function onClick(e) {
313
305
  return e.stopPropagation();
314
306
  }
@@ -158,6 +158,7 @@ var FileItem = /* @__PURE__ */ _createClass(function FileItem2() {
158
158
  _defineProperty(this, "path", void 0);
159
159
  _defineProperty(this, "percentage", 0);
160
160
  _defineProperty(this, "formData", new FormData());
161
+ _defineProperty(this, "responseText", void 0);
161
162
  });
162
163
  var InternalUploader = function InternalUploader2(props, ref) {
163
164
  var _useConfig = useConfig(), locale = _useConfig.locale;
@@ -256,6 +257,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
256
257
  if (item.uid === fileItem.uid) {
257
258
  item.status = "success";
258
259
  item.message = locale.uploader.success;
260
+ item.responseText = responseText;
259
261
  }
260
262
  return item;
261
263
  });
@@ -273,6 +275,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
273
275
  if (item.uid === fileItem.uid) {
274
276
  item.status = "error";
275
277
  item.message = locale.uploader.error;
278
+ item.responseText = responseText;
276
279
  }
277
280
  return item;
278
281
  });
@@ -1,8 +1,13 @@
1
- import React, { FunctionComponent } from 'react';
1
+ import React, { ForwardRefRenderFunction } from 'react';
2
2
  import { AddressList } from './type';
3
3
  import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from '@/packages/cascader/index';
4
+ type AddressRef = {
5
+ open: () => void;
6
+ close: () => void;
7
+ };
4
8
  export interface AddressProps extends CascaderProps {
5
9
  visible: boolean;
10
+ defaultVisible: boolean;
6
11
  value?: CascaderValue;
7
12
  defaultValue?: CascaderValue;
8
13
  type: string;
@@ -20,4 +25,6 @@ export interface AddressProps extends CascaderProps {
20
25
  }) => void;
21
26
  onExistSelect?: (data: AddressList) => void;
22
27
  }
23
- export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title'>>;
28
+ export declare const InternalAddress: ForwardRefRenderFunction<AddressRef, Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title'>>;
29
+ export declare const Address: React.ForwardRefExoticComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "defaultValue" | "onChange" | "onLoad"> & React.RefAttributes<AddressRef>>;
30
+ export {};
@@ -1,8 +1,13 @@
1
- import React, { FunctionComponent } from 'react';
1
+ import React from 'react';
2
2
  import { AddressList } from './type';
3
3
  import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from '@/packages/cascader/index.taro';
4
+ type AddressRef = {
5
+ open: () => void;
6
+ close: () => void;
7
+ };
4
8
  export interface AddressProps extends CascaderProps {
5
9
  visible: boolean;
10
+ defaultVisible: boolean;
6
11
  value?: CascaderValue;
7
12
  defaultValue?: CascaderValue;
8
13
  type: string;
@@ -20,4 +25,5 @@ export interface AddressProps extends CascaderProps {
20
25
  }) => void;
21
26
  onExistSelect?: (data: AddressList) => void;
22
27
  }
23
- export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title' | 'onClick'>>;
28
+ export declare const Address: React.ForwardRefExoticComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "title" | "defaultValue" | "onChange" | "onLoad"> & React.RefAttributes<AddressRef>>;
29
+ export {};
@@ -1,4 +1,5 @@
1
- import React, { FunctionComponent, ReactEventHandler } from 'react';
1
+ import React, { FunctionComponent } from 'react';
2
+ import type { SyntheticEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export interface AudioProps extends BasicComponent {
4
5
  src: string;
@@ -9,9 +10,9 @@ export interface AudioProps extends BasicComponent {
9
10
  type: string;
10
11
  onBack: (e: HTMLAudioElement) => void;
11
12
  onForward: (e: HTMLAudioElement) => void;
12
- onPause: ((e: HTMLAudioElement) => void) & ReactEventHandler<HTMLAudioElement>;
13
- onEnd: (e: HTMLAudioElement) => void;
13
+ onPause: (e: SyntheticEvent<HTMLAudioElement>) => void;
14
+ onEnd: (e: SyntheticEvent<HTMLAudioElement>) => void;
14
15
  onMute: (e: HTMLAudioElement) => void;
15
- onCanPlay: ((e: HTMLAudioElement) => void) & ReactEventHandler<HTMLAudioElement>;
16
+ onCanPlay: (e: SyntheticEvent<HTMLAudioElement>) => void;
16
17
  }
17
18
  export declare const Audio: FunctionComponent<Partial<AudioProps> & React.HTMLAttributes<HTMLElement>>;
@@ -1,4 +1,5 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  import AvatarGroup from '@/packages/avatargroup';
4
5
  export interface AvatarProps extends BasicComponent {
@@ -10,7 +11,7 @@ export interface AvatarProps extends BasicComponent {
10
11
  color: string;
11
12
  src: string;
12
13
  alt: string;
13
- onClick: (e: MouseEvent) => void;
14
+ onClick: (e: MouseEvent<HTMLDivElement>) => void;
14
15
  onError: () => void;
15
16
  }
16
17
  export type AvatarShape = 'round' | 'square';
@@ -1,4 +1,5 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  import AvatarGroup from '@/packages/avatargroup/index.taro';
4
5
  export interface AvatarProps extends BasicComponent {
@@ -10,7 +11,7 @@ export interface AvatarProps extends BasicComponent {
10
11
  fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
11
12
  src: string;
12
13
  alt: string;
13
- onClick: (e: MouseEvent) => void;
14
+ onClick: (e: MouseEvent<HTMLDivElement>) => void;
14
15
  onError: () => void;
15
16
  }
16
17
  export type AvatarShape = 'round' | 'square';
@@ -1,10 +1,11 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export interface BackTopProps extends BasicComponent {
4
5
  target: string;
5
6
  threshold: number;
6
7
  zIndex: number;
7
8
  duration: number;
8
- onClick?: (event: MouseEvent) => void;
9
+ onClick?: (event: MouseEvent<HTMLDivElement>) => void;
9
10
  }
10
11
  export declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -1,9 +1,10 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export interface BackTopProps extends BasicComponent {
4
5
  threshold: number;
5
6
  zIndex: number;
6
7
  duration: number;
7
- onClick?: (event: MouseEvent) => void;
8
+ onClick?: (event: MouseEvent<HTMLDivElement>) => void;
8
9
  }
9
10
  export declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
4
5
  export type ButtonSize = 'large' | 'normal' | 'small';
@@ -16,6 +17,6 @@ export interface ButtonProps extends BasicComponent {
16
17
  icon: React.ReactNode;
17
18
  id: string;
18
19
  nativeType: 'submit' | 'reset' | 'button';
19
- onClick: (e: MouseEvent) => void;
20
+ onClick: (e: MouseEvent<HTMLButtonElement>) => void;
20
21
  }
21
22
  export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
3
4
  import { BasicComponent } from '@/utils/typings';
4
5
  type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
@@ -16,7 +17,7 @@ export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps
16
17
  loading: boolean;
17
18
  disabled: boolean;
18
19
  icon: React.ReactNode;
19
- onClick: (e: MouseEvent) => void;
20
+ onClick: (e: MouseEvent<HTMLButtonElement>) => void;
20
21
  }
21
22
  export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
22
23
  export {};
@@ -1,10 +1,11 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export type ColEventType = 'row' | 'col';
4
5
  export interface ColProps extends BasicComponent {
5
6
  span: string | number;
6
7
  offset: string | number;
7
8
  gutter: string | number;
8
- onClick: (e: any, type: ColEventType) => void;
9
+ onClick: (e: MouseEvent<HTMLDivElement>, type: ColEventType) => void;
9
10
  }
10
11
  export declare const Col: FunctionComponent<Partial<ColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -1,10 +1,11 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export type ColEventType = 'row' | 'col';
4
5
  export interface ColProps extends BasicComponent {
5
6
  span: string | number;
6
7
  offset: string | number;
7
8
  gutter: string | number;
8
- onClick: (e: any, type: ColEventType) => void;
9
+ onClick: (e: MouseEvent<HTMLDivElement>, type: ColEventType) => void;
9
10
  }
10
11
  export declare const Col: FunctionComponent<Partial<ColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -1,4 +1,5 @@
1
1
  import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  export type DialogConfigType = {
3
4
  prefixCls?: string;
4
5
  simple?: boolean;
@@ -20,7 +21,7 @@ export interface BasicDialogProps {
20
21
  beforeClose?: () => boolean;
21
22
  beforeCancel?: () => boolean;
22
23
  onClose?: () => void;
23
- onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
24
+ onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => Promise<() => void> | void;
24
25
  onCancel?: () => void;
25
26
  onClick?: () => void;
26
27
  }
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  export interface FormItemRuleWithoutValidator {
2
3
  [key: string]: any;
3
4
  regex?: RegExp;
@@ -15,7 +16,7 @@ export interface BaseFormField {
15
16
  /**
16
17
  * label 标签的文本
17
18
  */
18
- label: string;
19
+ label: ReactNode;
19
20
  /**
20
21
  * 校验规则,设置字段的校验逻辑
21
22
  */
@@ -1,4 +1,5 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import type { MouseEvent } from 'react';
2
3
  import { BasicComponent } from '@/utils/typings';
3
4
  export type RowEventType = 'row' | 'col';
4
5
  export interface RowProps extends BasicComponent {
@@ -7,6 +8,6 @@ export interface RowProps extends BasicComponent {
7
8
  align: string;
8
9
  wrap: string;
9
10
  gutter: string | number;
10
- onClick: (e: any, type: RowEventType) => void;
11
+ onClick: (e: MouseEvent<HTMLDivElement>, type: RowEventType) => void;
11
12
  }
12
13
  export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;