@nutui/nutui-react 1.4.7-beta.0 → 1.4.8-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +44 -0
- package/dist/esm/Badge.js +1 -0
- package/dist/esm/Barrage.js +17 -7
- package/dist/esm/Cascader.js +17 -21
- package/dist/esm/Checkbox.js +2 -2
- package/dist/esm/CheckboxGroup.js +13 -7
- package/dist/esm/Col.js +2 -1
- package/dist/esm/Dialog.js +19 -7
- package/dist/esm/Ellipsis.js +4 -2
- package/dist/esm/Form.js +36 -17
- package/dist/esm/FormItem.js +2 -2
- package/dist/esm/InputNumber.js +10 -8
- package/dist/esm/Popover.js +2 -2
- package/dist/esm/Row.js +2 -1
- package/dist/esm/ShortPassword.js +4 -1
- package/dist/esm/Switch.js +3 -2
- package/dist/esm/TabPane.js +2 -2
- package/dist/esm/Tabbar.js +12 -7
- package/dist/esm/Tabs.js +2 -2
- package/dist/esm/{checkbox-255983fc.js → checkbox-b2f0756e.js} +0 -2
- package/dist/esm/{formitem-bab4c481.js → formitem-4b58943b.js} +6 -4
- package/dist/esm/{tabpane-9b8ca8a8.js → tabpane-15f62234.js} +4 -3
- package/dist/esm/{tabs-ee05fd2f.js → tabs-5fe5fd90.js} +13 -11
- package/dist/esm/types/src/packages/cascader/cascader.d.ts +1 -0
- package/dist/esm/types/src/packages/cascader/cascaderItem.d.ts +1 -0
- package/dist/esm/types/src/packages/checkbox/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts +5 -0
- package/dist/esm/types/src/packages/dialog/DialogWrap.d.ts +1 -1
- package/dist/esm/types/src/packages/dialog/index.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/form/form.d.ts +3 -0
- package/dist/esm/types/src/packages/formitem/formitem.d.ts +2 -1
- package/dist/esm/types/src/packages/formitem/types.d.ts +1 -1
- package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts +1 -0
- package/dist/esm/types/src/packages/switch/switch.d.ts +2 -1
- package/dist/esm/types/src/packages/tabbar/tabbar.d.ts +1 -1
- package/dist/esm/types/src/packages/tabbar/use-props-value.d.ts +7 -0
- package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -0
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +148 -70
- package/dist/nutui.react.umd.js +148 -70
- package/dist/packages/badge/badge.scss +11 -5
- package/dist/packages/barrage/barrage.scss +3 -3
- package/dist/packages/button/button.scss +1 -0
- package/dist/packages/cascader/cascader.scss +19 -5
- package/dist/packages/checkboxgroup/checkboxgroup.scss +33 -0
- package/dist/packages/collapseitem/collapseitem.scss +41 -17
- package/dist/packages/form/form.scss +3 -0
- package/dist/packages/inputnumber/inputnumber.scss +18 -1
- package/dist/packages/popover/popover.scss +71 -46
- package/dist/packages/radiogroup/radiogroup.scss +9 -8
- package/dist/packages/step/step.scss +135 -98
- package/dist/packages/switch/switch.scss +1 -1
- package/dist/packages/tabs/tabs.scss +24 -2
- package/dist/packages/textarea/textarea.scss +7 -1
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/variables.scss +155 -33
- package/dist/types/index.d.ts +70 -33
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
|
-
var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete", "iconClassPrefix", "iconFontClassName"];
|
|
5
|
+
var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete", "iconClassPrefix", "iconFontClassName", "autoFocus"];
|
|
6
6
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
7
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
8
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
@@ -23,6 +23,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
23
23
|
closeOnClickOverlay: true,
|
|
24
24
|
length: 6,
|
|
25
25
|
className: '',
|
|
26
|
+
autoFocus: false,
|
|
26
27
|
onChange: function onChange(value) {},
|
|
27
28
|
onOk: function onOk(value) {},
|
|
28
29
|
onCancel: function onCancel() {},
|
|
@@ -52,6 +53,7 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
52
53
|
onComplete = props.onComplete,
|
|
53
54
|
iconClassPrefix = props.iconClassPrefix,
|
|
54
55
|
iconFontClassName = props.iconFontClassName,
|
|
56
|
+
autoFocus = props.autoFocus,
|
|
55
57
|
reset = _objectWithoutProperties(props, _excluded);
|
|
56
58
|
var b = cn('shortpassword');
|
|
57
59
|
var textInput = useRef(null);
|
|
@@ -143,6 +145,7 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
143
145
|
style: systemStyle(),
|
|
144
146
|
maxLength: 6,
|
|
145
147
|
value: inputValue,
|
|
148
|
+
autoFocus: autoFocus,
|
|
146
149
|
onChange: function onChange(e) {
|
|
147
150
|
return changeValue(e);
|
|
148
151
|
}
|
package/dist/esm/Switch.js
CHANGED
|
@@ -4,8 +4,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
4
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
5
|
import React__default, { useState, useEffect } from 'react';
|
|
6
6
|
import { c as cn } from './bem-893ad28d.js';
|
|
7
|
+
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
7
8
|
import '@bem-react/classname';
|
|
8
|
-
var defaultProps = {
|
|
9
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
9
10
|
isAsync: false,
|
|
10
11
|
checked: false,
|
|
11
12
|
disable: false,
|
|
@@ -14,7 +15,7 @@ var defaultProps = {
|
|
|
14
15
|
activeText: '',
|
|
15
16
|
inactiveText: '',
|
|
16
17
|
className: ''
|
|
17
|
-
};
|
|
18
|
+
});
|
|
18
19
|
var Switch = function Switch(props) {
|
|
19
20
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
20
21
|
isAsync = _defaultProps$props.isAsync,
|
package/dist/esm/TabPane.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as TabPane } from './tabpane-
|
|
2
|
-
export { T as default } from './tabpane-
|
|
1
|
+
import { T as TabPane } from './tabpane-15f62234.js';
|
|
2
|
+
export { T as default } from './tabpane-15f62234.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import './bem-893ad28d.js';
|
package/dist/esm/Tabbar.js
CHANGED
|
@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
|
-
import React__default, { useState } from 'react';
|
|
5
|
+
import React__default, { useState, useEffect } from 'react';
|
|
6
6
|
import { c as cn } from './bem-893ad28d.js';
|
|
7
7
|
import '@bem-react/classname';
|
|
8
8
|
var defaultProps = {
|
|
@@ -14,13 +14,13 @@ var defaultProps = {
|
|
|
14
14
|
safeAreaInsetBottom: false,
|
|
15
15
|
className: '',
|
|
16
16
|
style: {},
|
|
17
|
-
|
|
18
|
-
onSwitch: function onSwitch() {}
|
|
17
|
+
onSwitch: function onSwitch(child, activeVisible) {}
|
|
19
18
|
};
|
|
20
19
|
var Tabbar = function Tabbar(props) {
|
|
21
20
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
22
21
|
children = _defaultProps$props.children,
|
|
23
22
|
visible = _defaultProps$props.visible,
|
|
23
|
+
activeVisible = _defaultProps$props.activeVisible,
|
|
24
24
|
bottom = _defaultProps$props.bottom,
|
|
25
25
|
size = _defaultProps$props.size,
|
|
26
26
|
activeColor = _defaultProps$props.activeColor,
|
|
@@ -28,16 +28,22 @@ var Tabbar = function Tabbar(props) {
|
|
|
28
28
|
safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
|
|
29
29
|
className = _defaultProps$props.className,
|
|
30
30
|
style = _defaultProps$props.style,
|
|
31
|
-
tabSwitch = _defaultProps$props.tabSwitch,
|
|
32
31
|
onSwitch = _defaultProps$props.onSwitch;
|
|
33
32
|
var b = cn('tabbar');
|
|
34
|
-
var _useState = useState(visible),
|
|
33
|
+
var _useState = useState(activeVisible || visible),
|
|
35
34
|
_useState2 = _slicedToArray(_useState, 2),
|
|
36
35
|
selectIndex = _useState2[0],
|
|
37
36
|
setSelectIndex = _useState2[1];
|
|
38
37
|
var _handleClick = function handleClick(idx) {
|
|
39
|
-
|
|
38
|
+
if (!('activeVisible' in props)) {
|
|
39
|
+
setSelectIndex(idx);
|
|
40
|
+
}
|
|
40
41
|
};
|
|
42
|
+
useEffect(function () {
|
|
43
|
+
if (activeVisible !== undefined) {
|
|
44
|
+
setSelectIndex(activeVisible);
|
|
45
|
+
}
|
|
46
|
+
}, [activeVisible]);
|
|
41
47
|
return React__default.createElement("div", {
|
|
42
48
|
className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('bottom'), " ").concat(b('safebottom')) : '', className].join(' '),
|
|
43
49
|
style: style
|
|
@@ -53,7 +59,6 @@ var Tabbar = function Tabbar(props) {
|
|
|
53
59
|
size: size,
|
|
54
60
|
handleClick: function handleClick() {
|
|
55
61
|
_handleClick(idx);
|
|
56
|
-
tabSwitch(child, idx);
|
|
57
62
|
onSwitch(child, idx);
|
|
58
63
|
}
|
|
59
64
|
});
|
package/dist/esm/Tabs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tabs } from './tabs-
|
|
2
|
-
export { T as default } from './tabs-
|
|
1
|
+
import { T as Tabs } from './tabs-5fe5fd90.js';
|
|
2
|
+
export { T as default } from './tabs-5fe5fd90.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import './bem-893ad28d.js';
|
|
@@ -89,9 +89,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
89
89
|
return 'nut-checkbox__icon';
|
|
90
90
|
}
|
|
91
91
|
return 'nut-checkbox__icon--unchecked';
|
|
92
|
-
// return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
|
|
93
92
|
};
|
|
94
|
-
|
|
95
93
|
var renderLabel = function renderLabel() {
|
|
96
94
|
return React__default.createElement("span", {
|
|
97
95
|
className: "".concat(b('label', {
|
|
@@ -39,6 +39,7 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
39
39
|
}
|
|
40
40
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
41
41
|
_defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
|
|
42
|
+
_defineProperty(_assertThisInitialized(_this), "isInitialValue", false);
|
|
42
43
|
_defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
|
|
43
44
|
var _children$props;
|
|
44
45
|
var _this$context = _this.context,
|
|
@@ -47,11 +48,12 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
47
48
|
var name = _this.props.name;
|
|
48
49
|
var type = children.type.NAME;
|
|
49
50
|
var defaultvalue = _this.props.initialValue || ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.defaultValue);
|
|
50
|
-
if (defaultvalue) {
|
|
51
|
+
if (defaultvalue && !_this.isInitialValue) {
|
|
51
52
|
setFieldsValue(_defineProperty({}, name, defaultvalue));
|
|
53
|
+
_this.isInitialValue = true;
|
|
52
54
|
}
|
|
53
55
|
return {
|
|
54
|
-
|
|
56
|
+
defaultValue: getFieldValue(name),
|
|
55
57
|
onChange: function onChange(event) {
|
|
56
58
|
var originOnChange = children.props.onChange;
|
|
57
59
|
if (originOnChange) {
|
|
@@ -68,7 +70,7 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
68
70
|
};
|
|
69
71
|
});
|
|
70
72
|
_defineProperty(_assertThisInitialized(_this), "onStoreChange", function () {
|
|
71
|
-
|
|
73
|
+
_this.forceUpdate();
|
|
72
74
|
});
|
|
73
75
|
_defineProperty(_assertThisInitialized(_this), "renderLayout", function (childNode) {
|
|
74
76
|
var _this$context$errList, _this$context$errList2;
|
|
@@ -143,7 +145,7 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
143
145
|
defaultValue: initialValue
|
|
144
146
|
});
|
|
145
147
|
}
|
|
146
|
-
var returnChildNode = React__default.cloneElement(restCNode, this.getControlled(
|
|
148
|
+
var returnChildNode = React__default.cloneElement(restCNode, this.getControlled(restCNode));
|
|
147
149
|
return this.renderLayout(returnChildNode);
|
|
148
150
|
}
|
|
149
151
|
}]);
|
|
@@ -16,13 +16,14 @@ var TabPane = function TabPane(props) {
|
|
|
16
16
|
paneKey = _defaultProps$props.paneKey,
|
|
17
17
|
activeKey = _defaultProps$props.activeKey,
|
|
18
18
|
autoHeightClassName = _defaultProps$props.autoHeightClassName,
|
|
19
|
-
className = _defaultProps$props.className
|
|
19
|
+
className = _defaultProps$props.className,
|
|
20
|
+
disabled = _defaultProps$props.disabled;
|
|
20
21
|
var b = cn('tabpane');
|
|
21
22
|
var classes = classNames({
|
|
22
|
-
active: paneKey === activeKey
|
|
23
|
+
active: !disabled && paneKey === activeKey
|
|
23
24
|
}, b(''), autoHeightClassName, className);
|
|
24
25
|
return React__default.createElement("div", {
|
|
25
26
|
className: classes
|
|
26
|
-
}, children);
|
|
27
|
+
}, !disabled && children);
|
|
27
28
|
};
|
|
28
29
|
export { TabPane as T };
|
|
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
|
-
var _excluded = ["value", "color", "tabStyle", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
|
|
6
|
+
var _excluded = ["value", "color", "tabStyle", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "leftAlign", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
|
|
7
7
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8
8
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
9
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
@@ -32,6 +32,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
32
32
|
animatedTime: 300,
|
|
33
33
|
titleGutter: 0,
|
|
34
34
|
size: 'normal',
|
|
35
|
+
leftAlign: false,
|
|
35
36
|
autoHeight: false
|
|
36
37
|
});
|
|
37
38
|
var pxCheck = function pxCheck(value) {
|
|
@@ -51,6 +52,7 @@ var Tabs = function Tabs(props) {
|
|
|
51
52
|
animatedTime = _defaultProps$props.animatedTime,
|
|
52
53
|
titleGutter = _defaultProps$props.titleGutter,
|
|
53
54
|
size = _defaultProps$props.size,
|
|
55
|
+
leftAlign = _defaultProps$props.leftAlign,
|
|
54
56
|
titleNode = _defaultProps$props.titleNode,
|
|
55
57
|
children = _defaultProps$props.children,
|
|
56
58
|
onClick = _defaultProps$props.onClick,
|
|
@@ -72,16 +74,15 @@ var Tabs = function Tabs(props) {
|
|
|
72
74
|
titles.current = [];
|
|
73
75
|
// eslint-disable-next-line consistent-return
|
|
74
76
|
React__default.Children.forEach(children, function (child, idx) {
|
|
75
|
-
var _child$props, _child$props2;
|
|
76
77
|
if (!React__default.isValidElement(child)) {
|
|
77
78
|
return null;
|
|
78
79
|
}
|
|
79
80
|
var title = new Title();
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
title.title =
|
|
83
|
-
title.paneKey = (
|
|
84
|
-
title.disabled =
|
|
81
|
+
var childProps = child === null || child === void 0 ? void 0 : child.props;
|
|
82
|
+
if (childProps !== null && childProps !== void 0 && childProps.title || childProps !== null && childProps !== void 0 && childProps.paneKey) {
|
|
83
|
+
title.title = childProps === null || childProps === void 0 ? void 0 : childProps.title;
|
|
84
|
+
title.paneKey = (childProps === null || childProps === void 0 ? void 0 : childProps.paneKey) || idx;
|
|
85
|
+
title.disabled = childProps === null || childProps === void 0 ? void 0 : childProps.disabled;
|
|
85
86
|
title.index = idx;
|
|
86
87
|
if (title.paneKey === value) {
|
|
87
88
|
currentIndex = idx;
|
|
@@ -131,8 +132,9 @@ var Tabs = function Tabs(props) {
|
|
|
131
132
|
return tabChange(item);
|
|
132
133
|
},
|
|
133
134
|
className: classNames({
|
|
134
|
-
active: String(item.paneKey) === String(value),
|
|
135
|
-
disabled: item.disabled
|
|
135
|
+
active: !item.disabled && String(item.paneKey) === String(value),
|
|
136
|
+
disabled: item.disabled,
|
|
137
|
+
'nut-tabs__titles-item-left-align': leftAlign
|
|
136
138
|
}, "".concat(b(''), "__titles-item")),
|
|
137
139
|
key: item.paneKey
|
|
138
140
|
}, type === 'line' && React__default.createElement("div", {
|
|
@@ -157,14 +159,14 @@ var Tabs = function Tabs(props) {
|
|
|
157
159
|
className: "".concat(b(''), "__content"),
|
|
158
160
|
style: contentStyle
|
|
159
161
|
}, React__default.Children.map(children, function (child, idx) {
|
|
160
|
-
var _child$
|
|
162
|
+
var _child$props;
|
|
161
163
|
if (!React__default.isValidElement(child)) {
|
|
162
164
|
return null;
|
|
163
165
|
}
|
|
164
166
|
var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
|
|
165
167
|
activeKey: value
|
|
166
168
|
});
|
|
167
|
-
if (String(value) !== String(((_child$
|
|
169
|
+
if (String(value) !== String(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.paneKey) || idx) && autoHeight) {
|
|
168
170
|
childProps = _objectSpread(_objectSpread({}, childProps), {}, {
|
|
169
171
|
autoHeightClassName: 'inactive'
|
|
170
172
|
});
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RadioGroupOptionType } from '@/packages/radiogroup/type';
|
|
3
|
+
type Position = 'left' | 'right';
|
|
4
|
+
type Direction = 'horizontal' | 'vertical';
|
|
3
5
|
export interface CheckboxGroupProps {
|
|
4
6
|
disabled: boolean;
|
|
5
7
|
checkedValue: string[];
|
|
6
8
|
max: number | undefined;
|
|
9
|
+
textPosition: Position;
|
|
10
|
+
direction: Direction;
|
|
7
11
|
onChange: (value: string[]) => void;
|
|
8
12
|
options: RadioGroupOptionType[];
|
|
9
13
|
}
|
|
10
14
|
export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
|
|
15
|
+
export {};
|
|
@@ -8,5 +8,5 @@ interface DialogWrapProps {
|
|
|
8
8
|
onClosed?: () => void;
|
|
9
9
|
onClickSelf?: () => void;
|
|
10
10
|
}
|
|
11
|
-
export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & HTMLAttributes<HTMLDivElement>>;
|
|
11
|
+
export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title'>>;
|
|
12
12
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export default
|
|
1
|
+
import { BaseDialog } from './dialog.taro';
|
|
2
|
+
export default BaseDialog;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
|
+
import { useForm } from './useForm';
|
|
2
3
|
import { BasicComponent } from '@/utils/typings';
|
|
3
4
|
import { FormItem } from '../formitem/formitem';
|
|
4
5
|
import { BaseForm } from './types';
|
|
@@ -6,4 +7,6 @@ export interface FormProps extends BasicComponent, BaseForm {
|
|
|
6
7
|
}
|
|
7
8
|
export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
|
|
8
9
|
Item: typeof FormItem;
|
|
10
|
+
} & {
|
|
11
|
+
useForm: typeof useForm;
|
|
9
12
|
};
|
|
@@ -17,10 +17,11 @@ export declare class FormItem extends React.Component<FieldProps> {
|
|
|
17
17
|
static contextType: any;
|
|
18
18
|
context: React.ContextType<typeof FormItemContext>;
|
|
19
19
|
private cancelRegister;
|
|
20
|
+
private isInitialValue;
|
|
20
21
|
componentDidMount(): void;
|
|
21
22
|
componentWillUnmount(): void;
|
|
22
23
|
getControlled: (children: React.ReactElement) => {
|
|
23
|
-
|
|
24
|
+
defaultValue: any;
|
|
24
25
|
onChange: (event: React.ChangeEvent<HTMLInputElement> | number | string | string[]) => void;
|
|
25
26
|
};
|
|
26
27
|
onStoreChange: () => void;
|
|
@@ -29,7 +29,7 @@ export interface FormItemRuleWithoutValidator {
|
|
|
29
29
|
message?: string;
|
|
30
30
|
}
|
|
31
31
|
export interface FormItemRule extends FormItemRuleWithoutValidator {
|
|
32
|
-
validator?: (
|
|
32
|
+
validator?: (ruleCfg: FormItemRuleWithoutValidator, value: string) => boolean | string | Promise<boolean | string>;
|
|
33
33
|
}
|
|
34
34
|
export interface BaseFormField {
|
|
35
35
|
/**
|
|
@@ -12,6 +12,7 @@ export interface ShortPasswordProps extends BasicComponent {
|
|
|
12
12
|
length: string | number;
|
|
13
13
|
className: string;
|
|
14
14
|
style?: CSSProperties;
|
|
15
|
+
autoFocus?: boolean;
|
|
15
16
|
onChange: (value: string | number) => void;
|
|
16
17
|
onOk: (value: string | number) => void;
|
|
17
18
|
onCancel: () => void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
2
|
export interface TabbarProps {
|
|
3
3
|
visible: number | string;
|
|
4
|
+
activeVisible?: number | string;
|
|
4
5
|
bottom: boolean;
|
|
5
6
|
size: string | number;
|
|
6
7
|
unactiveColor: string;
|
|
@@ -8,7 +9,6 @@ export interface TabbarProps {
|
|
|
8
9
|
safeAreaInsetBottom: boolean;
|
|
9
10
|
className: string;
|
|
10
11
|
style: React.CSSProperties;
|
|
11
|
-
tabSwitch: (child: React.ReactElement<any>, active: number) => void;
|
|
12
12
|
onSwitch: (child: React.ReactElement<any>, active: number) => void;
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
}
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED