@nutui/nutui-react-taro 3.0.19-cpp.15 → 3.0.19-cpp.16

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.
@@ -141,14 +141,14 @@
141
141
  }
142
142
  }
143
143
 
144
- &-ok-container{
144
+ &-ok-container {
145
145
  position: relative;
146
146
  display: flex;
147
147
  align-items: center;
148
148
  width: 100%;
149
149
  justify-content: space-around;
150
150
 
151
- .nut-dialog-footer-ok-badge{
151
+ .nut-dialog-footer-ok-badge {
152
152
  position: absolute;
153
153
  right: 0;
154
154
  top: $dialog-footer-badge-top;
@@ -161,7 +161,6 @@
161
161
  font-size: $dialog-footer-badge-fontsize;
162
162
  color: $dialog-footer-badge-color-ok;
163
163
  }
164
-
165
164
  }
166
165
 
167
166
  &-ok {
@@ -170,7 +169,6 @@
170
169
  .nut-button-children {
171
170
  font-weight: $font-weight-medium;
172
171
  }
173
-
174
172
  }
175
173
 
176
174
  &-block {
@@ -179,14 +177,14 @@
179
177
  }
180
178
  }
181
179
 
182
- &-cancel-container{
180
+ &-cancel-container {
183
181
  position: relative;
184
182
  display: flex;
185
183
  align-items: center;
186
184
  width: 100%;
187
185
  justify-content: space-around;
188
186
 
189
- .nut-dialog-footer-cancel-badge{
187
+ .nut-dialog-footer-cancel-badge {
190
188
  position: absolute;
191
189
  right: $dialog-footer-cancel-margin-right;
192
190
  top: $dialog-footer-badge-top;
@@ -141,14 +141,14 @@
141
141
  }
142
142
  }
143
143
 
144
- &-ok-container{
144
+ &-ok-container {
145
145
  position: relative;
146
146
  display: flex;
147
147
  align-items: center;
148
148
  width: 100%;
149
149
  justify-content: space-around;
150
150
 
151
- .nut-dialog-footer-ok-badge{
151
+ .nut-dialog-footer-ok-badge {
152
152
  position: absolute;
153
153
  right: 0;
154
154
  top: $dialog-footer-badge-top;
@@ -161,7 +161,6 @@
161
161
  font-size: $dialog-footer-badge-fontsize;
162
162
  color: $dialog-footer-badge-color-ok;
163
163
  }
164
-
165
164
  }
166
165
 
167
166
  &-ok {
@@ -170,7 +169,6 @@
170
169
  .nut-button-children {
171
170
  font-weight: $font-weight-medium;
172
171
  }
173
-
174
172
  }
175
173
 
176
174
  &-block {
@@ -179,14 +177,14 @@
179
177
  }
180
178
  }
181
179
 
182
- &-cancel-container{
180
+ &-cancel-container {
183
181
  position: relative;
184
182
  display: flex;
185
183
  align-items: center;
186
184
  width: 100%;
187
185
  justify-content: space-around;
188
186
 
189
- .nut-dialog-footer-cancel-badge{
187
+ .nut-dialog-footer-cancel-badge {
190
188
  position: absolute;
191
189
  right: $dialog-footer-cancel-margin-right;
192
190
  top: $dialog-footer-badge-top;
@@ -141,14 +141,14 @@
141
141
  }
142
142
  }
143
143
 
144
- &-ok-container{
144
+ &-ok-container {
145
145
  position: relative;
146
146
  display: flex;
147
147
  align-items: center;
148
148
  width: 100%;
149
149
  justify-content: space-around;
150
150
 
151
- .nut-dialog-footer-ok-badge{
151
+ .nut-dialog-footer-ok-badge {
152
152
  position: absolute;
153
153
  right: 0;
154
154
  top: $dialog-footer-badge-top;
@@ -161,7 +161,6 @@
161
161
  font-size: $dialog-footer-badge-fontsize;
162
162
  color: $dialog-footer-badge-color-ok;
163
163
  }
164
-
165
164
  }
166
165
 
167
166
  &-ok {
@@ -170,7 +169,6 @@
170
169
  .nut-button-children {
171
170
  font-weight: $font-weight-medium;
172
171
  }
173
-
174
172
  }
175
173
 
176
174
  &-block {
@@ -179,14 +177,14 @@
179
177
  }
180
178
  }
181
179
 
182
- &-cancel-container{
180
+ &-cancel-container {
183
181
  position: relative;
184
182
  display: flex;
185
183
  align-items: center;
186
184
  width: 100%;
187
185
  justify-content: space-around;
188
186
 
189
- .nut-dialog-footer-cancel-badge{
187
+ .nut-dialog-footer-cancel-badge {
190
188
  position: absolute;
191
189
  right: $dialog-footer-cancel-margin-right;
192
190
  top: $dialog-footer-badge-top;
@@ -27,6 +27,7 @@ var _useforceupdate = require("../../hooks/use-force-update");
27
27
  var _raf = /*#__PURE__*/ _interop_require_default._(require("../../utils/raf"));
28
28
  var _useuuid = require("../../hooks/use-uuid");
29
29
  var _configprovider = require("../configprovider/configprovider");
30
+ var _platform = require("../../utils/taro/platform");
30
31
  var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
31
32
  tabStyle: {},
32
33
  activeColor: '',
@@ -162,6 +163,13 @@ var Tabs = function Tabs(props) {
162
163
  return String(t.value) === String(value);
163
164
  });
164
165
  index = index < 0 ? 0 : index;
166
+ // 适配 安卓 处理,临时方案,hack
167
+ if ((0, _platform.td)()) {
168
+ return {
169
+ transform: direction === 'horizontal' ? "translate3d(".concat(rtl ? '' : '-').concat(index * 50, "%, 0, 0)") : "translate3d( 0, -".concat(index * 50, "%, 0)"),
170
+ transitionDuration: "".concat(duration, "ms")
171
+ };
172
+ }
165
173
  return {
166
174
  transform: direction === 'horizontal' ? "translate3d(".concat(rtl ? '' : '-').concat(index * 100, "%, 0, 0)") : "translate3d( 0, -".concat(index * 100, "%, 0)"),
167
175
  transitionDuration: "".concat(duration, "ms")
@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
34
34
  });
35
35
  var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
36
36
  var locale = (0, _index.useConfig)().locale;
37
- var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = (0, _object_without_properties._)(_ref, [
37
+ var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = (0, _object_without_properties._)(_ref, [
38
38
  "className",
39
39
  "value",
40
40
  "defaultValue",
@@ -48,6 +48,7 @@ var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
48
48
  "style",
49
49
  "plain",
50
50
  "status",
51
+ "viewId",
51
52
  "onChange",
52
53
  "onBlur",
53
54
  "onFocus"
@@ -109,6 +110,7 @@ var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
109
110
  });
110
111
  var _obj;
111
112
  return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.View, {
113
+ id: viewId,
112
114
  className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-readonly"), readOnly), (0, _define_property._)(_obj, "".concat(classPrefix, "-rtl"), rtl), (0, _define_property._)(_obj, "".concat(classPrefix, "-plain"), plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-container"), !plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
113
115
  }, /*#__PURE__*/ _react.default.createElement(_components.Textarea, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
114
116
  ref: textareaRef,
@@ -1,5 +1,6 @@
1
1
  import { BaseProps } from '../../base/props';
2
2
  export interface BaseTextArea<EVENT = any> extends BaseProps {
3
+ viewId: string;
3
4
  value: string;
4
5
  defaultValue: string;
5
6
  showCount: boolean;
@@ -141,14 +141,14 @@
141
141
  }
142
142
  }
143
143
 
144
- &-ok-container{
144
+ &-ok-container {
145
145
  position: relative;
146
146
  display: flex;
147
147
  align-items: center;
148
148
  width: 100%;
149
149
  justify-content: space-around;
150
150
 
151
- .nut-dialog-footer-ok-badge{
151
+ .nut-dialog-footer-ok-badge {
152
152
  position: absolute;
153
153
  right: 0;
154
154
  top: $dialog-footer-badge-top;
@@ -161,7 +161,6 @@
161
161
  font-size: $dialog-footer-badge-fontsize;
162
162
  color: $dialog-footer-badge-color-ok;
163
163
  }
164
-
165
164
  }
166
165
 
167
166
  &-ok {
@@ -170,7 +169,6 @@
170
169
  .nut-button-children {
171
170
  font-weight: $font-weight-medium;
172
171
  }
173
-
174
172
  }
175
173
 
176
174
  &-block {
@@ -179,14 +177,14 @@
179
177
  }
180
178
  }
181
179
 
182
- &-cancel-container{
180
+ &-cancel-container {
183
181
  position: relative;
184
182
  display: flex;
185
183
  align-items: center;
186
184
  width: 100%;
187
185
  justify-content: space-around;
188
186
 
189
- .nut-dialog-footer-cancel-badge{
187
+ .nut-dialog-footer-cancel-badge {
190
188
  position: absolute;
191
189
  right: $dialog-footer-cancel-margin-right;
192
190
  top: $dialog-footer-badge-top;
@@ -141,14 +141,14 @@
141
141
  }
142
142
  }
143
143
 
144
- &-ok-container{
144
+ &-ok-container {
145
145
  position: relative;
146
146
  display: flex;
147
147
  align-items: center;
148
148
  width: 100%;
149
149
  justify-content: space-around;
150
150
 
151
- .nut-dialog-footer-ok-badge{
151
+ .nut-dialog-footer-ok-badge {
152
152
  position: absolute;
153
153
  right: 0;
154
154
  top: $dialog-footer-badge-top;
@@ -161,7 +161,6 @@
161
161
  font-size: $dialog-footer-badge-fontsize;
162
162
  color: $dialog-footer-badge-color-ok;
163
163
  }
164
-
165
164
  }
166
165
 
167
166
  &-ok {
@@ -170,7 +169,6 @@
170
169
  .nut-button-children {
171
170
  font-weight: $font-weight-medium;
172
171
  }
173
-
174
172
  }
175
173
 
176
174
  &-block {
@@ -179,14 +177,14 @@
179
177
  }
180
178
  }
181
179
 
182
- &-cancel-container{
180
+ &-cancel-container {
183
181
  position: relative;
184
182
  display: flex;
185
183
  align-items: center;
186
184
  width: 100%;
187
185
  justify-content: space-around;
188
186
 
189
- .nut-dialog-footer-cancel-badge{
187
+ .nut-dialog-footer-cancel-badge {
190
188
  position: absolute;
191
189
  right: $dialog-footer-cancel-margin-right;
192
190
  top: $dialog-footer-badge-top;
@@ -141,14 +141,14 @@
141
141
  }
142
142
  }
143
143
 
144
- &-ok-container{
144
+ &-ok-container {
145
145
  position: relative;
146
146
  display: flex;
147
147
  align-items: center;
148
148
  width: 100%;
149
149
  justify-content: space-around;
150
150
 
151
- .nut-dialog-footer-ok-badge{
151
+ .nut-dialog-footer-ok-badge {
152
152
  position: absolute;
153
153
  right: 0;
154
154
  top: $dialog-footer-badge-top;
@@ -161,7 +161,6 @@
161
161
  font-size: $dialog-footer-badge-fontsize;
162
162
  color: $dialog-footer-badge-color-ok;
163
163
  }
164
-
165
164
  }
166
165
 
167
166
  &-ok {
@@ -170,7 +169,6 @@
170
169
  .nut-button-children {
171
170
  font-weight: $font-weight-medium;
172
171
  }
173
-
174
172
  }
175
173
 
176
174
  &-block {
@@ -179,14 +177,14 @@
179
177
  }
180
178
  }
181
179
 
182
- &-cancel-container{
180
+ &-cancel-container {
183
181
  position: relative;
184
182
  display: flex;
185
183
  align-items: center;
186
184
  width: 100%;
187
185
  justify-content: space-around;
188
186
 
189
- .nut-dialog-footer-cancel-badge{
187
+ .nut-dialog-footer-cancel-badge {
190
188
  position: absolute;
191
189
  right: $dialog-footer-cancel-margin-right;
192
190
  top: $dialog-footer-badge-top;
@@ -15,6 +15,7 @@ import { useForceUpdate } from "../../hooks/use-force-update";
15
15
  import raf from "../../utils/raf";
16
16
  import { useUuid } from "../../hooks/use-uuid";
17
17
  import { useRtl } from "../configprovider/configprovider";
18
+ import { td } from "../../utils/taro/platform";
18
19
  var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
19
20
  tabStyle: {},
20
21
  activeColor: '',
@@ -150,6 +151,13 @@ export var Tabs = function(props) {
150
151
  return String(t.value) === String(value);
151
152
  });
152
153
  index = index < 0 ? 0 : index;
154
+ // 适配 安卓 处理,临时方案,hack
155
+ if (td()) {
156
+ return {
157
+ transform: direction === 'horizontal' ? "translate3d(".concat(rtl ? '' : '-').concat(index * 50, "%, 0, 0)") : "translate3d( 0, -".concat(index * 50, "%, 0)"),
158
+ transitionDuration: "".concat(duration, "ms")
159
+ };
160
+ }
153
161
  return {
154
162
  transform: direction === 'horizontal' ? "translate3d(".concat(rtl ? '' : '-').concat(index * 100, "%, 0, 0)") : "translate3d( 0, -".concat(index * 100, "%, 0)"),
155
163
  transitionDuration: "".concat(duration, "ms")
@@ -22,7 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
22
22
  });
23
23
  export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
24
24
  var locale = useConfig().locale;
25
- var _ref = _object_spread({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
25
+ var _ref = _object_spread({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
26
26
  "className",
27
27
  "value",
28
28
  "defaultValue",
@@ -36,6 +36,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
36
36
  "style",
37
37
  "plain",
38
38
  "status",
39
+ "viewId",
39
40
  "onChange",
40
41
  "onBlur",
41
42
  "onFocus"
@@ -97,6 +98,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
97
98
  });
98
99
  var _obj;
99
100
  return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
101
+ id: viewId,
100
102
  className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-container"), !plain), _define_property(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
101
103
  }, /*#__PURE__*/ React.createElement(Textarea, _object_spread_props(_object_spread({}, rest), {
102
104
  ref: textareaRef,
@@ -1,5 +1,6 @@
1
1
  import { BaseProps } from '../../base/props';
2
2
  export interface BaseTextArea<EVENT = any> extends BaseProps {
3
+ viewId: string;
3
4
  /**
4
5
  * 输入框内容,受控
5
6
  */
@@ -4303,6 +4303,12 @@
4303
4303
  return String(t.value) === String(value2);
4304
4304
  });
4305
4305
  index2 = index2 < 0 ? 0 : index2;
4306
+ if (td()) {
4307
+ return {
4308
+ transform: direction === "horizontal" ? "translate3d(".concat(rtl ? "" : "-").concat(index2 * 50, "%, 0, 0)") : "translate3d( 0, -".concat(index2 * 50, "%, 0)"),
4309
+ transitionDuration: "".concat(duration, "ms")
4310
+ };
4311
+ }
4306
4312
  return {
4307
4313
  transform: direction === "horizontal" ? "translate3d(".concat(rtl ? "" : "-").concat(index2 * 100, "%, 0, 0)") : "translate3d( 0, -".concat(index2 * 100, "%, 0)"),
4308
4314
  transitionDuration: "".concat(duration, "ms")
@@ -14163,7 +14169,7 @@
14163
14169
  });
14164
14170
  var TextArea = /* @__PURE__ */ React.forwardRef(function(props, ref) {
14165
14171
  var locale = useConfig().locale;
14166
- var _ref = _object_spread({}, defaultProps$L, props), className = _ref.className, value2 = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
14172
+ var _ref = _object_spread({}, defaultProps$L, props), className = _ref.className, value2 = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
14167
14173
  "className",
14168
14174
  "value",
14169
14175
  "defaultValue",
@@ -14177,6 +14183,7 @@
14177
14183
  "style",
14178
14184
  "plain",
14179
14185
  "status",
14186
+ "viewId",
14180
14187
  "onChange",
14181
14188
  "onBlur",
14182
14189
  "onFocus"
@@ -14238,6 +14245,7 @@
14238
14245
  });
14239
14246
  var _obj;
14240
14247
  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
14248
+ id: viewId,
14241
14249
  className: classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix2, "-plain"), plain), _define_property(_obj, "".concat(classPrefix2, "-container"), !plain), _define_property(_obj, "".concat(classPrefix2, "-").concat(status), status), _obj), className)
14242
14250
  }, /* @__PURE__ */ React.createElement(components.Textarea, _object_spread_props(_object_spread({}, rest), {
14243
14251
  ref: textareaRef,