@nutui/nutui-react 1.5.1-beta.0 → 2.0.0-alpha.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 +1 -35
- package/dist/esm/ActionSheet.js +62 -54
- package/dist/esm/Address/style/index.js +0 -1
- package/dist/esm/Address.js +235 -330
- package/dist/esm/Animate.js +43 -32
- package/dist/esm/AnimatingNumbers.js +88 -49
- package/dist/esm/Audio/style/index.js +0 -1
- package/dist/esm/Audio.js +104 -114
- package/dist/esm/Avatar.js +65 -78
- package/dist/esm/AvatarContext.js +5 -0
- package/dist/esm/AvatarGroup.js +46 -27
- package/dist/esm/BackTop/style/index.js +1 -1
- package/dist/esm/BackTop.js +74 -76
- package/dist/esm/Badge.js +57 -54
- package/dist/esm/Barrage.js +45 -32
- package/dist/esm/Button/style/index.js +1 -1
- package/dist/esm/Button.js +66 -87
- package/dist/esm/Calendar.js +80 -79
- package/dist/esm/CalendarItem.js +199 -231
- package/dist/esm/Card.js +44 -37
- package/dist/esm/Cascader.js +430 -433
- package/dist/esm/Cell/style/index.js +1 -1
- package/dist/esm/Cell.js +57 -87
- package/dist/esm/CellGroup.js +7 -5
- package/dist/esm/Checkbox/style/index.js +0 -1
- package/dist/esm/Checkbox.js +11 -8
- package/dist/esm/CheckboxGroup.js +78 -71
- package/dist/esm/CircleProgress.js +50 -40
- package/dist/esm/Col.js +46 -41
- package/dist/esm/Collapse.js +44 -44
- package/dist/esm/CollapseItem/style/index.js +1 -1
- package/dist/esm/CollapseItem.js +64 -104
- package/dist/esm/ConfigProvider.js +400 -101
- package/dist/esm/CountDown.js +90 -95
- package/dist/esm/DatePicker.js +104 -123
- package/dist/esm/Dialog.js +98 -104
- package/dist/esm/Divider.js +36 -27
- package/dist/esm/Drag.js +55 -59
- package/dist/esm/Elevator.js +77 -88
- package/dist/esm/Ellipsis.js +80 -79
- package/dist/esm/Empty.js +50 -44
- package/dist/esm/FixedNav/style/index.js +0 -1
- package/dist/esm/FixedNav.js +57 -65
- package/dist/esm/Form.js +1154 -123
- package/dist/esm/FormItem.js +7 -5
- package/dist/esm/Grid/style/index.js +1 -1
- package/dist/esm/Grid.js +51 -55
- package/dist/esm/GridItem.js +7 -124
- package/dist/esm/Icon.js +83 -5
- package/dist/esm/Image.js +123 -122
- package/dist/esm/ImagePreview.js +75 -93
- package/dist/esm/Indicator.js +41 -36
- package/dist/esm/Infiniteloading/style/index.js +1 -1
- package/dist/esm/Infiniteloading.js +77 -93
- package/dist/esm/Input/style/index.js +1 -1
- package/dist/esm/Input.js +120 -172
- package/dist/esm/InputNumber/style/index.js +1 -1
- package/dist/esm/InputNumber.js +133 -167
- package/dist/esm/Layout.js +27 -6
- package/dist/esm/Menu.js +84 -86
- package/dist/esm/MenuItem/style/index.js +0 -1
- package/dist/esm/MenuItem.js +76 -86
- package/dist/esm/NavBar/style/index.js +1 -1
- package/dist/esm/NavBar.js +59 -63
- package/dist/esm/NoticeBar/style/index.js +1 -1
- package/dist/esm/NoticeBar.js +173 -290
- package/dist/esm/Notify.js +112 -78
- package/dist/esm/NumberKeyboard.js +110 -109
- package/dist/esm/Overlay.js +7 -6
- package/dist/esm/Pagination.js +94 -135
- package/dist/esm/Picker.js +149 -201
- package/dist/esm/Popover/style/index.js +0 -1
- package/dist/esm/Popover.js +121 -116
- package/dist/esm/Popup/style/index.js +0 -1
- package/dist/esm/Popup.js +109 -119
- package/dist/esm/Price.js +51 -39
- package/dist/esm/Progress/style/index.js +1 -1
- package/dist/esm/Progress.js +59 -64
- package/dist/esm/PullToRefresh.js +173 -149
- package/dist/esm/Radio/style/index.js +0 -1
- package/dist/esm/Radio.js +8 -6
- package/dist/esm/RadioGroup.js +64 -84
- package/dist/esm/Range.js +93 -122
- package/dist/esm/Rate/style/index.js +1 -1
- package/dist/esm/Rate.js +77 -95
- package/dist/esm/Row.js +46 -35
- package/dist/esm/SearchBar/style/index.js +1 -1
- package/dist/esm/SearchBar.js +110 -120
- package/dist/esm/ShortPassword/style/index.js +0 -1
- package/dist/esm/ShortPassword.js +120 -116
- package/dist/esm/SideNavBar.js +39 -27
- package/dist/esm/SideNavBarItem.js +31 -14
- package/dist/esm/Signature.js +65 -61
- package/dist/esm/Skeleton.js +48 -40
- package/dist/esm/Step/style/index.js +1 -1
- package/dist/esm/Step.js +49 -49
- package/dist/esm/Steps.js +37 -23
- package/dist/esm/Sticky.js +111 -120
- package/dist/esm/SubSideNavBar.js +50 -38
- package/dist/esm/Swipe.js +75 -63
- package/dist/esm/Swiper.js +171 -206
- package/dist/esm/SwiperItem.js +39 -22
- package/dist/esm/Switch.js +46 -37
- package/dist/esm/TabPane.js +8 -6
- package/dist/esm/Tabbar.js +47 -39
- package/dist/esm/TabbarItem/style/index.js +1 -1
- package/dist/esm/TabbarItem.js +50 -52
- package/dist/esm/Table/style/index.js +1 -1
- package/dist/esm/Table.js +70 -70
- package/dist/esm/Tabs/style/index.js +1 -2
- package/dist/esm/Tabs.js +11 -9
- package/dist/esm/Tag/style/index.js +1 -1
- package/dist/esm/Tag.js +69 -70
- package/dist/esm/TextArea.js +70 -64
- package/dist/esm/TimeDetail.js +47 -38
- package/dist/esm/TimePannel.js +35 -19
- package/dist/esm/TimeSelect.js +60 -68
- package/dist/esm/Toast/style/index.js +1 -1
- package/dist/esm/Toast.js +126 -98
- package/dist/esm/TrendArrow/style/index.js +1 -1
- package/dist/esm/TrendArrow.js +59 -55
- package/dist/esm/Uploader/style/index.js +0 -1
- package/dist/esm/Uploader.js +180 -229
- package/dist/esm/UserContext.js +5 -0
- package/dist/esm/UserContext2.js +5 -0
- package/dist/esm/UserContext3.js +5 -0
- package/dist/esm/Video.js +49 -39
- package/dist/esm/VirtualList.js +111 -146
- package/dist/esm/WaterMark.js +57 -60
- package/dist/esm/bem.js +10 -0
- package/dist/esm/cellgroup2.js +49 -0
- package/dist/esm/checkbox2.js +145 -0
- package/dist/esm/{date-c7aad4c0.js → date.js} +13 -11
- package/dist/esm/{formitem-8a73a5fb.js → formitem2.js} +83 -50
- package/dist/esm/get-scroll-parent.js +26 -0
- package/dist/esm/griditem2.js +96 -0
- package/dist/esm/index.js +14 -0
- package/dist/esm/nutui-react.es.js +188 -94
- package/dist/esm/offsetContext.js +19 -0
- package/dist/esm/overlay2.js +98 -0
- package/dist/esm/px-check.js +6 -0
- package/dist/esm/radio2.js +129 -0
- package/dist/esm/render.js +95 -0
- package/dist/esm/tabpane2.js +44 -0
- package/dist/esm/tabs2.js +175 -0
- package/dist/esm/typings.js +7 -0
- package/dist/esm/use-client-rect.js +32 -0
- package/dist/esm/use-props-value.js +18 -0
- package/dist/esm/use-touch.js +74 -0
- package/dist/locales/base.d.ts +2 -2
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +3 -3
- package/dist/locales/id-ID.js +3 -3
- package/dist/locales/zh-CN.js +3 -3
- package/dist/locales/zh-TW.js +3 -3
- package/dist/locales/zh-UG.js +3 -3
- package/dist/nutui.react.mjs +8327 -4829
- package/dist/nutui.react.umd.js +8328 -4830
- package/dist/packages/actionsheet/actionsheet.scss +10 -2
- package/dist/packages/backtop/backtop.scss +0 -8
- package/dist/packages/badge/badge.scss +3 -4
- package/dist/packages/button/button.scss +80 -93
- package/dist/packages/cell/cell.scss +18 -90
- package/dist/packages/cellgroup/cellgroup.scss +26 -20
- package/dist/packages/collapseitem/collapseitem.scss +0 -1
- package/dist/packages/dialog/dialog.scss +1 -1
- package/dist/packages/divider/divider.scss +3 -17
- package/dist/packages/grid/grid.scss +1 -0
- package/dist/packages/griditem/griditem.scss +2 -17
- package/dist/packages/icon/icon.scss +0 -132
- package/dist/packages/image/image.scss +0 -12
- package/dist/packages/indicator/indicator.scss +21 -39
- package/dist/packages/infiniteloading/infiniteloading.scss +4 -12
- package/dist/packages/input/input.scss +4 -0
- package/dist/packages/inputnumber/inputnumber.scss +10 -26
- package/dist/packages/menuitem/menuitem.scss +2 -0
- package/dist/packages/navbar/navbar.scss +4 -5
- package/dist/packages/overlay/overlay.scss +0 -19
- package/dist/packages/picker/picker.scss +97 -103
- package/dist/packages/progress/progress.scss +0 -1
- package/dist/packages/radio/radio.scss +8 -0
- package/dist/packages/rate/rate.scss +29 -6
- package/dist/packages/searchbar/searchbar.scss +0 -1
- package/dist/packages/shortpassword/shortpassword.scss +4 -1
- package/dist/packages/step/step.scss +0 -1
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/swiper/swiper.scss +8 -0
- package/dist/packages/tabbaritem/tabbaritem.scss +0 -1
- package/dist/packages/table/table.scss +0 -1
- package/dist/packages/tag/tag.scss +9 -2
- package/dist/packages/timedetail/timedetail.scss +9 -3
- package/dist/packages/timeselect/timeselect.scss +1 -1
- package/dist/packages/toast/toast.scss +0 -1
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/font-jmapp/config.json +175 -0
- package/dist/styles/font-jmapp/demo.css +539 -0
- package/dist/styles/font-jmapp/demo_index.html +1821 -0
- package/dist/styles/font-jmapp/iconfont.css +299 -0
- package/dist/styles/font-jmapp/iconfont.eot +0 -0
- package/dist/styles/font-jmapp/iconfont.js +68 -0
- package/dist/styles/font-jmapp/iconfont.json +506 -0
- package/dist/styles/font-jmapp/iconfont.svg +356 -0
- package/dist/styles/font-jmapp/iconfont.ttf +0 -0
- package/dist/styles/font-jmapp/iconfont.woff +0 -0
- package/dist/styles/font-jmapp/iconfont.woff2 +0 -0
- package/dist/styles/theme-default.scss +1 -0
- package/dist/styles/theme-jmapp.scss +41 -0
- package/dist/styles/themes/default.scss +0 -1
- package/dist/styles/variables-jmapp.scss +2601 -0
- package/dist/styles/variables.scss +49 -73
- package/dist/types/index.d.ts +147 -240
- package/package.json +23 -154
- package/dist/esm/AvatarContext-15733596.js +0 -3
- package/dist/esm/Icon/style/index.js +0 -4
- package/dist/esm/UserContext-101ad4a4.js +0 -3
- package/dist/esm/UserContext-2629d479.js +0 -3
- package/dist/esm/UserContext-b33bcf21.js +0 -3
- package/dist/esm/bem-3b438e61.js +0 -8
- package/dist/esm/cellgroup-fcc72767.js +0 -34
- package/dist/esm/checkbox-44e13cd0.js +0 -137
- package/dist/esm/get-scroll-parent-5f85dee8.js +0 -24
- package/dist/esm/grid.context-2ee27d95.js +0 -6
- package/dist/esm/icon-4ef1581c.js +0 -70
- package/dist/esm/index-030b7245.js +0 -11
- package/dist/esm/offsetContext-3ab00d40.js +0 -16
- package/dist/esm/overlay-de6c79d5.js +0 -83
- package/dist/esm/radio-9f141e6b.js +0 -118
- package/dist/esm/render-bbebb760.js +0 -79
- package/dist/esm/tabpane-01075e6c.js +0 -29
- package/dist/esm/tabs-e1b4e4b1.js +0 -181
- package/dist/esm/typings-f27b58f4.js +0 -8
- package/dist/esm/useClientRect-56bb675b.js +0 -39
- package/dist/esm/useTouch-cf73a407.js +0 -99
package/dist/esm/WaterMark.js
CHANGED
|
@@ -1,98 +1,93 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
function ownKeys(object, enumerableOnly) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
function ownKeys(object, enumerableOnly) {
|
|
4
|
+
var keys = Object.keys(object);
|
|
5
|
+
if (Object.getOwnPropertySymbols) {
|
|
6
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
7
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
8
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
9
|
+
})), keys.push.apply(keys, symbols);
|
|
10
|
+
}
|
|
11
|
+
return keys;
|
|
12
|
+
}
|
|
13
|
+
function _objectSpread(target) {
|
|
14
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
15
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
16
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
17
|
+
_defineProperty(target, key, source[key]);
|
|
18
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
19
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return target;
|
|
23
|
+
}
|
|
24
|
+
import React__default, { useState, useEffect } from "react";
|
|
25
|
+
import classNames from "classnames";
|
|
26
|
+
import { useConfig } from "./ConfigProvider.js";
|
|
27
|
+
import { c as cn } from "./bem.js";
|
|
28
|
+
import "@bem-react/classname";
|
|
10
29
|
var defaultProps = {
|
|
11
|
-
content:
|
|
30
|
+
content: "",
|
|
12
31
|
fullPage: true,
|
|
13
|
-
zIndex:
|
|
32
|
+
zIndex: 2e3,
|
|
14
33
|
gapX: 24,
|
|
15
34
|
gapY: 48,
|
|
16
35
|
width: 120,
|
|
17
36
|
height: 64,
|
|
18
|
-
image:
|
|
37
|
+
image: "",
|
|
19
38
|
imageWidth: 120,
|
|
20
39
|
imageHeight: 64,
|
|
21
40
|
rotate: -22,
|
|
22
|
-
fontColor:
|
|
23
|
-
fontStyle:
|
|
24
|
-
fontFamily:
|
|
25
|
-
fontWeight:
|
|
41
|
+
fontColor: "rgba(0,0,0,.15)",
|
|
42
|
+
fontStyle: "normal",
|
|
43
|
+
fontFamily: "PingFang SC",
|
|
44
|
+
fontWeight: "normal",
|
|
26
45
|
fontSize: 14
|
|
27
46
|
};
|
|
28
|
-
var WaterMark = function
|
|
47
|
+
var WaterMark = function WaterMark2(props) {
|
|
29
48
|
var _classNames;
|
|
30
|
-
var _useConfig = useConfig(),
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
zIndex = _defaultProps$props.zIndex,
|
|
36
|
-
className = _defaultProps$props.className,
|
|
37
|
-
gapX = _defaultProps$props.gapX,
|
|
38
|
-
gapY = _defaultProps$props.gapY,
|
|
39
|
-
width = _defaultProps$props.width,
|
|
40
|
-
height = _defaultProps$props.height,
|
|
41
|
-
image = _defaultProps$props.image,
|
|
42
|
-
imageWidth = _defaultProps$props.imageWidth,
|
|
43
|
-
imageHeight = _defaultProps$props.imageHeight,
|
|
44
|
-
rotate = _defaultProps$props.rotate,
|
|
45
|
-
fontColor = _defaultProps$props.fontColor,
|
|
46
|
-
fontStyle = _defaultProps$props.fontStyle,
|
|
47
|
-
fontFamily = _defaultProps$props.fontFamily,
|
|
48
|
-
fontWeight = _defaultProps$props.fontWeight,
|
|
49
|
-
fontSize = _defaultProps$props.fontSize,
|
|
50
|
-
style = _defaultProps$props.style,
|
|
51
|
-
children = _defaultProps$props.children;
|
|
52
|
-
var _useState = useState(''),
|
|
53
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
54
|
-
base64Url = _useState2[0],
|
|
55
|
-
setBase64Url = _useState2[1];
|
|
56
|
-
var b = cn('watermark');
|
|
57
|
-
var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('')), true), _defineProperty(_classNames, "".concat(b(''), "-full-page"), fullPage), _classNames));
|
|
49
|
+
var _useConfig = useConfig(), locale = _useConfig.locale;
|
|
50
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), content = _defaultProps$props.content, fullPage = _defaultProps$props.fullPage, zIndex = _defaultProps$props.zIndex, className = _defaultProps$props.className, gapX = _defaultProps$props.gapX, gapY = _defaultProps$props.gapY, width = _defaultProps$props.width, height = _defaultProps$props.height, image = _defaultProps$props.image, imageWidth = _defaultProps$props.imageWidth, imageHeight = _defaultProps$props.imageHeight, rotate = _defaultProps$props.rotate, fontColor = _defaultProps$props.fontColor, fontStyle = _defaultProps$props.fontStyle, fontFamily = _defaultProps$props.fontFamily, fontWeight = _defaultProps$props.fontWeight, fontSize = _defaultProps$props.fontSize, style = _defaultProps$props.style, children = _defaultProps$props.children;
|
|
51
|
+
var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), base64Url = _useState2[0], setBase64Url = _useState2[1];
|
|
52
|
+
var b = cn("watermark");
|
|
53
|
+
var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b("")), true), _defineProperty(_classNames, "".concat(b(""), "-full-page"), fullPage), _classNames));
|
|
58
54
|
var cls = classNames(classes, className);
|
|
59
|
-
useEffect(function
|
|
55
|
+
useEffect(function() {
|
|
60
56
|
init();
|
|
61
57
|
}, []);
|
|
62
|
-
var init = function
|
|
63
|
-
var canvas = document.createElement(
|
|
58
|
+
var init = function init2() {
|
|
59
|
+
var canvas = document.createElement("canvas");
|
|
64
60
|
var ratio = window.devicePixelRatio;
|
|
65
|
-
var ctx = canvas.getContext(
|
|
61
|
+
var ctx = canvas.getContext("2d");
|
|
66
62
|
var canvasWidth = "".concat((gapX + width) * ratio, "px");
|
|
67
63
|
var canvasHeight = "".concat((gapY + height) * ratio, "px");
|
|
68
64
|
var markWidth = width * ratio;
|
|
69
65
|
var markHeight = height * ratio;
|
|
70
|
-
canvas.setAttribute(
|
|
71
|
-
canvas.setAttribute(
|
|
66
|
+
canvas.setAttribute("width", canvasWidth);
|
|
67
|
+
canvas.setAttribute("height", canvasHeight);
|
|
72
68
|
if (ctx) {
|
|
73
69
|
if (image) {
|
|
74
70
|
ctx.translate(markWidth / 2, markHeight / 2);
|
|
75
71
|
ctx.rotate(Math.PI / 180 * Number(rotate));
|
|
76
72
|
var img = new Image();
|
|
77
|
-
img.crossOrigin =
|
|
78
|
-
img.referrerPolicy =
|
|
73
|
+
img.crossOrigin = "anonymous";
|
|
74
|
+
img.referrerPolicy = "no-referrer";
|
|
79
75
|
img.src = image;
|
|
80
|
-
img.onload = function
|
|
76
|
+
img.onload = function() {
|
|
81
77
|
ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
|
|
82
78
|
ctx.restore();
|
|
83
79
|
setBase64Url(canvas.toDataURL());
|
|
84
80
|
};
|
|
85
81
|
} else if (content) {
|
|
86
|
-
ctx.textBaseline =
|
|
87
|
-
ctx.textAlign =
|
|
88
|
-
// 文字绕中间旋转
|
|
82
|
+
ctx.textBaseline = "middle";
|
|
83
|
+
ctx.textAlign = "center";
|
|
89
84
|
ctx.translate(markWidth / 2, markHeight / 2);
|
|
90
85
|
ctx.rotate(Math.PI / 180 * Number(rotate));
|
|
91
86
|
var markSize = Number(fontSize) * ratio;
|
|
92
87
|
ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
|
|
93
88
|
ctx.fillStyle = fontColor;
|
|
94
|
-
ctx.fillText(content, 0, 0);
|
|
95
|
-
ctx.restore();
|
|
89
|
+
ctx.fillText(content, 0, 0);
|
|
90
|
+
ctx.restore();
|
|
96
91
|
setBase64Url(canvas.toDataURL());
|
|
97
92
|
}
|
|
98
93
|
} else {
|
|
@@ -102,12 +97,14 @@ var WaterMark = function WaterMark(props) {
|
|
|
102
97
|
return React__default.createElement("div", {
|
|
103
98
|
className: cls,
|
|
104
99
|
style: _objectSpread({
|
|
105
|
-
zIndex
|
|
100
|
+
zIndex,
|
|
106
101
|
backgroundSize: "".concat(gapX + width, "px"),
|
|
107
102
|
backgroundImage: "url('".concat(base64Url, "')")
|
|
108
103
|
}, style)
|
|
109
104
|
});
|
|
110
105
|
};
|
|
111
106
|
WaterMark.defaultProps = defaultProps;
|
|
112
|
-
WaterMark.displayName =
|
|
113
|
-
export {
|
|
107
|
+
WaterMark.displayName = "NutWaterMark";
|
|
108
|
+
export {
|
|
109
|
+
WaterMark as default
|
|
110
|
+
};
|
package/dist/esm/bem.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
var _excluded = ["children", "className", "style", "title", "description"];
|
|
4
|
+
function ownKeys(object, enumerableOnly) {
|
|
5
|
+
var keys = Object.keys(object);
|
|
6
|
+
if (Object.getOwnPropertySymbols) {
|
|
7
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
8
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
9
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
10
|
+
})), keys.push.apply(keys, symbols);
|
|
11
|
+
}
|
|
12
|
+
return keys;
|
|
13
|
+
}
|
|
14
|
+
function _objectSpread(target) {
|
|
15
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
16
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
17
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
18
|
+
_defineProperty(target, key, source[key]);
|
|
19
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
20
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return target;
|
|
24
|
+
}
|
|
25
|
+
import React__default from "react";
|
|
26
|
+
import classNames from "classnames";
|
|
27
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
28
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
29
|
+
title: "",
|
|
30
|
+
description: ""
|
|
31
|
+
});
|
|
32
|
+
var classPrefix = "nut-cell-group";
|
|
33
|
+
var CellGroup = function CellGroup2(props) {
|
|
34
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, description = _defaultProps$props.description, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
35
|
+
return React__default.createElement("div", _objectSpread({
|
|
36
|
+
className: classNames(classPrefix, className)
|
|
37
|
+
}, rest), title ? React__default.createElement("div", {
|
|
38
|
+
className: "".concat(classPrefix, "__title")
|
|
39
|
+
}, title) : null, description ? React__default.createElement("div", {
|
|
40
|
+
className: "".concat(classPrefix, "__description")
|
|
41
|
+
}, description) : null, React__default.createElement("div", {
|
|
42
|
+
className: "".concat(classPrefix, "__wrap")
|
|
43
|
+
}, children));
|
|
44
|
+
};
|
|
45
|
+
CellGroup.defaultProps = defaultProps;
|
|
46
|
+
CellGroup.displayName = "NutCellGroup";
|
|
47
|
+
export {
|
|
48
|
+
CellGroup as C
|
|
49
|
+
};
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
+
var _excluded = ["icon", "iconSize", "label", "className", "checkedIcon", "checked", "defaultChecked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "indeterminateIcon"], _excluded2 = ["textPosition"];
|
|
5
|
+
function ownKeys(object, enumerableOnly) {
|
|
6
|
+
var keys = Object.keys(object);
|
|
7
|
+
if (Object.getOwnPropertySymbols) {
|
|
8
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
9
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
10
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
11
|
+
})), keys.push.apply(keys, symbols);
|
|
12
|
+
}
|
|
13
|
+
return keys;
|
|
14
|
+
}
|
|
15
|
+
function _objectSpread(target) {
|
|
16
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
17
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
18
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
19
|
+
_defineProperty(target, key, source[key]);
|
|
20
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
21
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
return target;
|
|
25
|
+
}
|
|
26
|
+
import React__default, { createContext, useContext, useState, useEffect } from "react";
|
|
27
|
+
import { CheckNormal, CheckDisabled, Checked } from "@nutui/icons-react";
|
|
28
|
+
import CheckboxGroup from "./CheckboxGroup.js";
|
|
29
|
+
import { c as cn } from "./bem.js";
|
|
30
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
31
|
+
import { u as usePropsValue } from "./use-props-value.js";
|
|
32
|
+
var CheckboxGroupContext = createContext(null);
|
|
33
|
+
var Context = CheckboxGroupContext;
|
|
34
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
35
|
+
disabled: false,
|
|
36
|
+
textPosition: "right",
|
|
37
|
+
iconSize: 18,
|
|
38
|
+
icon: "check-normal",
|
|
39
|
+
checkedIcon: "checked",
|
|
40
|
+
iconClassPrefix: "nut-icon",
|
|
41
|
+
iconFontClassName: "nutui-iconfont",
|
|
42
|
+
indeterminateIcon: "check-disabled",
|
|
43
|
+
onChange: function onChange(state) {
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
var Checkbox = function Checkbox2(props) {
|
|
47
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
|
|
48
|
+
var b = cn("checkbox");
|
|
49
|
+
var icon = props.icon, iconSize = props.iconSize, label = props.label, className = props.className, checkedIcon = props.checkedIcon, checked = props.checked, defaultChecked = props.defaultChecked, disabled = props.disabled, onChange2 = props.onChange, indeterminate = props.indeterminate, iconClassPrefix = props.iconClassPrefix, iconFontClassName = props.iconFontClassName, indeterminateIcon = props.indeterminateIcon, others = _objectWithoutProperties(props, _excluded);
|
|
50
|
+
var textPosition = others.textPosition, rest = _objectWithoutProperties(others, _excluded2);
|
|
51
|
+
var ctx = useContext(Context);
|
|
52
|
+
var _usePropsValue = usePropsValue({
|
|
53
|
+
value: props.checked,
|
|
54
|
+
defaultValue: props.defaultChecked,
|
|
55
|
+
finalValue: defaultChecked,
|
|
56
|
+
onChange: onChange2
|
|
57
|
+
}), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), _checked = _usePropsValue2[0], setChecked = _usePropsValue2[1];
|
|
58
|
+
var _useState = useState(disabled), _useState2 = _slicedToArray(_useState, 2), innerDisabled = _useState2[0], setDisabled = _useState2[1];
|
|
59
|
+
var _useState3 = useState(indeterminate), _useState4 = _slicedToArray(_useState3, 2), _indeterminate = _useState4[0], setIndeterminate = _useState4[1];
|
|
60
|
+
useEffect(function() {
|
|
61
|
+
!ctx && setChecked(checked);
|
|
62
|
+
setDisabled(disabled);
|
|
63
|
+
setIndeterminate(indeterminate);
|
|
64
|
+
}, [disabled, indeterminate]);
|
|
65
|
+
if (ctx) {
|
|
66
|
+
if (ctx.textPosition !== void 0) {
|
|
67
|
+
textPosition = ctx.textPosition;
|
|
68
|
+
}
|
|
69
|
+
innerDisabled = ctx.disabled;
|
|
70
|
+
_checked = ctx.checkedValue.includes(label);
|
|
71
|
+
setChecked = function setChecked2(checked2) {
|
|
72
|
+
if (ctx.disabled)
|
|
73
|
+
return;
|
|
74
|
+
if (checked2)
|
|
75
|
+
ctx.check(label);
|
|
76
|
+
if (!checked2)
|
|
77
|
+
ctx.uncheck(label);
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
var renderIcon = function renderIcon2() {
|
|
81
|
+
if (!_checked) {
|
|
82
|
+
return React__default.isValidElement(icon) ? icon : React__default.createElement(CheckNormal, {
|
|
83
|
+
width: iconSize,
|
|
84
|
+
height: iconSize,
|
|
85
|
+
className: color()
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
if (_indeterminate) {
|
|
89
|
+
return React__default.isValidElement(indeterminateIcon) ? indeterminateIcon : React__default.createElement(CheckDisabled, {
|
|
90
|
+
width: iconSize,
|
|
91
|
+
height: iconSize,
|
|
92
|
+
className: color()
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
return React__default.isValidElement(checkedIcon) ? checkedIcon : React__default.createElement(Checked, {
|
|
96
|
+
width: iconSize,
|
|
97
|
+
height: iconSize,
|
|
98
|
+
className: color()
|
|
99
|
+
});
|
|
100
|
+
};
|
|
101
|
+
var color = function color2() {
|
|
102
|
+
if (innerDisabled) {
|
|
103
|
+
return "nut-checkbox__icon--disable";
|
|
104
|
+
}
|
|
105
|
+
if (_checked) {
|
|
106
|
+
if (_indeterminate) {
|
|
107
|
+
return "nut-checkbox__icon--indeterminate";
|
|
108
|
+
}
|
|
109
|
+
return "nut-checkbox__icon";
|
|
110
|
+
}
|
|
111
|
+
return "nut-checkbox__icon--unchecked";
|
|
112
|
+
};
|
|
113
|
+
var renderLabel = function renderLabel2() {
|
|
114
|
+
return React__default.createElement("span", {
|
|
115
|
+
className: "".concat(b("label", {
|
|
116
|
+
disabled: innerDisabled
|
|
117
|
+
}), " ")
|
|
118
|
+
}, children || label);
|
|
119
|
+
};
|
|
120
|
+
var handleClick = function handleClick2() {
|
|
121
|
+
if (disabled)
|
|
122
|
+
return;
|
|
123
|
+
var latestChecked = !_checked;
|
|
124
|
+
if (ctx && ctx.max !== void 0) {
|
|
125
|
+
if (latestChecked && ctx.checkedValue.length >= ctx.max)
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
onChange2 && onChange2(latestChecked, label || children);
|
|
129
|
+
setChecked(latestChecked);
|
|
130
|
+
};
|
|
131
|
+
return React__default.createElement("div", _objectSpread(_objectSpread({
|
|
132
|
+
className: "".concat(b({
|
|
133
|
+
reverse: textPosition === "left"
|
|
134
|
+
}), " ").concat(className || "")
|
|
135
|
+
}, rest), {}, {
|
|
136
|
+
onClick: handleClick
|
|
137
|
+
}), renderIcon(), renderLabel());
|
|
138
|
+
};
|
|
139
|
+
Checkbox.defaultProps = defaultProps;
|
|
140
|
+
Checkbox.displayName = "NutCheckBox";
|
|
141
|
+
Checkbox.Group = CheckboxGroup;
|
|
142
|
+
export {
|
|
143
|
+
Checkbox as C,
|
|
144
|
+
Context as a
|
|
145
|
+
};
|
|
@@ -11,9 +11,9 @@ var Utils = {
|
|
|
11
11
|
* @return {String}
|
|
12
12
|
*/
|
|
13
13
|
getWhatDay: function getWhatDay(year, month, day) {
|
|
14
|
-
var date = new Date("".concat(year, "/").concat(month, "/").concat(day));
|
|
14
|
+
var date = /* @__PURE__ */ new Date("".concat(year, "/").concat(month, "/").concat(day));
|
|
15
15
|
var index = date.getDay();
|
|
16
|
-
var dayNames = [
|
|
16
|
+
var dayNames = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
|
17
17
|
return dayNames[index];
|
|
18
18
|
},
|
|
19
19
|
/**
|
|
@@ -21,7 +21,7 @@ var Utils = {
|
|
|
21
21
|
* @return {Number}
|
|
22
22
|
*/
|
|
23
23
|
getMonthPreDay: function getMonthPreDay(year, month) {
|
|
24
|
-
var date = new Date("".concat(year, "/").concat(month, "/01"));
|
|
24
|
+
var date = /* @__PURE__ */ new Date("".concat(year, "/").concat(month, "/01"));
|
|
25
25
|
var day = date.getDay();
|
|
26
26
|
if (day == 0) {
|
|
27
27
|
day = 7;
|
|
@@ -34,7 +34,7 @@ var Utils = {
|
|
|
34
34
|
*/
|
|
35
35
|
getMonthDays: function getMonthDays(year, month) {
|
|
36
36
|
if (/^0/.test(month)) {
|
|
37
|
-
month = month.split(
|
|
37
|
+
month = month.split("")[1];
|
|
38
38
|
}
|
|
39
39
|
return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
|
|
40
40
|
},
|
|
@@ -44,14 +44,14 @@ var Utils = {
|
|
|
44
44
|
*/
|
|
45
45
|
getNumTwoBit: function getNumTwoBit(n) {
|
|
46
46
|
n = Number(n);
|
|
47
|
-
return (n > 9 ?
|
|
47
|
+
return (n > 9 ? "" : "0") + n;
|
|
48
48
|
},
|
|
49
49
|
/**
|
|
50
50
|
* 日期对象转成字符串
|
|
51
51
|
* @return {string}
|
|
52
52
|
*/
|
|
53
53
|
date2Str: function date2Str(date, split) {
|
|
54
|
-
split = split ||
|
|
54
|
+
split = split || "-";
|
|
55
55
|
var y = date.getFullYear();
|
|
56
56
|
var m = this.getNumTwoBit(date.getMonth() + 1);
|
|
57
57
|
var d = this.getNumTwoBit(date.getDate());
|
|
@@ -64,8 +64,8 @@ var Utils = {
|
|
|
64
64
|
*/
|
|
65
65
|
getDay: function getDay(i) {
|
|
66
66
|
i = i || 0;
|
|
67
|
-
var date = new Date();
|
|
68
|
-
var diff = i * (
|
|
67
|
+
var date = /* @__PURE__ */ new Date();
|
|
68
|
+
var diff = i * (1e3 * 60 * 60 * 24);
|
|
69
69
|
date = new Date(date.getTime() + diff);
|
|
70
70
|
return this.date2Str(date);
|
|
71
71
|
},
|
|
@@ -74,8 +74,8 @@ var Utils = {
|
|
|
74
74
|
* @return {Boolean}
|
|
75
75
|
*/
|
|
76
76
|
compareDate: function compareDate(date1, date2) {
|
|
77
|
-
var startTime = new Date(date1.replace(
|
|
78
|
-
var endTime = new Date(date2.replace(
|
|
77
|
+
var startTime = new Date(date1.replace("-", "/").replace("-", "/"));
|
|
78
|
+
var endTime = new Date(date2.replace("-", "/").replace("-", "/"));
|
|
79
79
|
if (startTime >= endTime) {
|
|
80
80
|
return false;
|
|
81
81
|
}
|
|
@@ -94,4 +94,6 @@ var Utils = {
|
|
|
94
94
|
return false;
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
|
-
export {
|
|
97
|
+
export {
|
|
98
|
+
Utils as U
|
|
99
|
+
};
|
|
@@ -5,47 +5,89 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
5
5
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
6
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
function _createSuper(Derived) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
function _createSuper(Derived) {
|
|
9
|
+
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
10
|
+
return function _createSuperInternal() {
|
|
11
|
+
var Super = _getPrototypeOf(Derived), result;
|
|
12
|
+
if (hasNativeReflectConstruct) {
|
|
13
|
+
var NewTarget = _getPrototypeOf(this).constructor;
|
|
14
|
+
result = Reflect.construct(Super, arguments, NewTarget);
|
|
15
|
+
} else {
|
|
16
|
+
result = Super.apply(this, arguments);
|
|
17
|
+
}
|
|
18
|
+
return _possibleConstructorReturn(this, result);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
function _isNativeReflectConstruct() {
|
|
22
|
+
if (typeof Reflect === "undefined" || !Reflect.construct)
|
|
23
|
+
return false;
|
|
24
|
+
if (Reflect.construct.sham)
|
|
25
|
+
return false;
|
|
26
|
+
if (typeof Proxy === "function")
|
|
27
|
+
return true;
|
|
28
|
+
try {
|
|
29
|
+
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
|
|
30
|
+
}));
|
|
31
|
+
return true;
|
|
32
|
+
} catch (e) {
|
|
33
|
+
return false;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
function ownKeys(object, enumerableOnly) {
|
|
37
|
+
var keys = Object.keys(object);
|
|
38
|
+
if (Object.getOwnPropertySymbols) {
|
|
39
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
40
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
41
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
42
|
+
})), keys.push.apply(keys, symbols);
|
|
43
|
+
}
|
|
44
|
+
return keys;
|
|
45
|
+
}
|
|
46
|
+
function _objectSpread(target) {
|
|
47
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
48
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
49
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
50
|
+
_defineProperty(target, key, source[key]);
|
|
51
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
52
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
return target;
|
|
56
|
+
}
|
|
57
|
+
import React__default, { createContext } from "react";
|
|
58
|
+
import Cell from "./Cell.js";
|
|
59
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
15
60
|
var FormItemContext = createContext({});
|
|
16
61
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
|
-
name:
|
|
18
|
-
label:
|
|
19
|
-
className:
|
|
62
|
+
name: "",
|
|
63
|
+
label: "",
|
|
64
|
+
className: "",
|
|
20
65
|
rules: [{
|
|
21
66
|
required: false,
|
|
22
|
-
message:
|
|
67
|
+
message: ""
|
|
23
68
|
}],
|
|
24
69
|
disabled: false,
|
|
25
70
|
labelWidth: 90,
|
|
26
|
-
errorMessageAlign:
|
|
71
|
+
errorMessageAlign: "left",
|
|
27
72
|
showErrorLine: true,
|
|
28
73
|
showErrorMessage: true,
|
|
29
|
-
initialValue:
|
|
74
|
+
initialValue: ""
|
|
30
75
|
});
|
|
31
|
-
var FormItem =
|
|
32
|
-
_inherits(
|
|
33
|
-
var _super = _createSuper(
|
|
34
|
-
function
|
|
76
|
+
var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
|
|
77
|
+
_inherits(FormItem2, _React__default$Compo);
|
|
78
|
+
var _super = _createSuper(FormItem2);
|
|
79
|
+
function FormItem2() {
|
|
35
80
|
var _this;
|
|
36
|
-
_classCallCheck(this,
|
|
81
|
+
_classCallCheck(this, FormItem2);
|
|
37
82
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
38
83
|
args[_key] = arguments[_key];
|
|
39
84
|
}
|
|
40
85
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
41
86
|
_defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
|
|
42
87
|
_defineProperty(_assertThisInitialized(_this), "isInitialValue", false);
|
|
43
|
-
|
|
44
|
-
_defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
|
|
88
|
+
_defineProperty(_assertThisInitialized(_this), "getControlled", function(children) {
|
|
45
89
|
var _children$props, _children$props2;
|
|
46
|
-
var _this$context = _this.context,
|
|
47
|
-
getFieldValue = _this$context.getFieldValue,
|
|
48
|
-
setFieldsValue = _this$context.setFieldsValue;
|
|
90
|
+
var _this$context = _this.context, getFieldValue = _this$context.getFieldValue, setFieldsValue = _this$context.setFieldsValue;
|
|
49
91
|
var name = _this.props.name;
|
|
50
92
|
var type = children.type.NAME;
|
|
51
93
|
var defaultvalue = _this.props.initialValue || ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.defaultValue) || ((_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.value);
|
|
@@ -63,7 +105,7 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
63
105
|
}
|
|
64
106
|
var newValue = event;
|
|
65
107
|
switch (type) {
|
|
66
|
-
case
|
|
108
|
+
case "checkbox":
|
|
67
109
|
newValue = event.target.value;
|
|
68
110
|
break;
|
|
69
111
|
}
|
|
@@ -71,32 +113,23 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
71
113
|
}
|
|
72
114
|
};
|
|
73
115
|
});
|
|
74
|
-
_defineProperty(_assertThisInitialized(_this), "onStoreChange", function
|
|
116
|
+
_defineProperty(_assertThisInitialized(_this), "onStoreChange", function() {
|
|
75
117
|
_this.forceUpdate();
|
|
76
118
|
});
|
|
77
|
-
_defineProperty(_assertThisInitialized(_this), "renderLayout", function
|
|
119
|
+
_defineProperty(_assertThisInitialized(_this), "renderLayout", function(childNode) {
|
|
78
120
|
var _this$context$errList, _this$context$errList2;
|
|
79
|
-
var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
message: ''
|
|
86
|
-
}] : _defaultProps$_this$p2,
|
|
87
|
-
className = _defaultProps$_this$p.className,
|
|
88
|
-
labelWidth = _defaultProps$_this$p.labelWidth,
|
|
89
|
-
errorMessageAlign = _defaultProps$_this$p.errorMessageAlign,
|
|
90
|
-
showErrorLine = _defaultProps$_this$p.showErrorLine,
|
|
91
|
-
showErrorMessage = _defaultProps$_this$p.showErrorMessage;
|
|
92
|
-
var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function (item) {
|
|
93
|
-
return item.field === name;
|
|
121
|
+
var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props), label = _defaultProps$_this$p.label, name = _defaultProps$_this$p.name, _defaultProps$_this$p2 = _defaultProps$_this$p.rules, rules = _defaultProps$_this$p2 === void 0 ? [{
|
|
122
|
+
required: false,
|
|
123
|
+
message: ""
|
|
124
|
+
}] : _defaultProps$_this$p2, className = _defaultProps$_this$p.className, labelWidth = _defaultProps$_this$p.labelWidth, errorMessageAlign = _defaultProps$_this$p.errorMessageAlign, showErrorLine = _defaultProps$_this$p.showErrorLine, showErrorMessage = _defaultProps$_this$p.showErrorMessage;
|
|
125
|
+
var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function(item2) {
|
|
126
|
+
return item2.field === name;
|
|
94
127
|
}));
|
|
95
128
|
var starPositon = _this.context.starPositon;
|
|
96
129
|
var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
|
|
97
130
|
className: "required"
|
|
98
131
|
});
|
|
99
|
-
var renderLabel = starPositon ===
|
|
132
|
+
var renderLabel = starPositon === "Right" ? React__default.createElement(React__default.Fragment, null, label, renderStar) : React__default.createElement(React__default.Fragment, null, renderStar, label);
|
|
100
133
|
return React__default.createElement(Cell, {
|
|
101
134
|
className: "nut-form-item ".concat(className)
|
|
102
135
|
}, label ? React__default.createElement("div", {
|
|
@@ -115,15 +148,14 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
115
148
|
}
|
|
116
149
|
}, item[0].message)));
|
|
117
150
|
});
|
|
118
|
-
_defineProperty(_assertThisInitialized(_this), "pxCheck", function
|
|
151
|
+
_defineProperty(_assertThisInitialized(_this), "pxCheck", function(value) {
|
|
119
152
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
120
153
|
});
|
|
121
154
|
return _this;
|
|
122
155
|
}
|
|
123
|
-
_createClass(
|
|
156
|
+
_createClass(FormItem2, [{
|
|
124
157
|
key: "componentDidMount",
|
|
125
158
|
value: function componentDidMount() {
|
|
126
|
-
// 注册组件实例到FormStore
|
|
127
159
|
this.cancelRegister = this.context.registerField(this);
|
|
128
160
|
}
|
|
129
161
|
}, {
|
|
@@ -136,9 +168,7 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
136
168
|
}, {
|
|
137
169
|
key: "render",
|
|
138
170
|
value: function render() {
|
|
139
|
-
var _this$props = this.props,
|
|
140
|
-
children = _this$props.children,
|
|
141
|
-
initialValue = _this$props.initialValue;
|
|
171
|
+
var _this$props = this.props, children = _this$props.children, initialValue = _this$props.initialValue;
|
|
142
172
|
var c = Array.isArray(children) ? children[0] : children;
|
|
143
173
|
var restCNode = c;
|
|
144
174
|
if (initialValue) {
|
|
@@ -150,8 +180,11 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
150
180
|
return this.renderLayout(returnChildNode);
|
|
151
181
|
}
|
|
152
182
|
}]);
|
|
153
|
-
return
|
|
183
|
+
return FormItem2;
|
|
154
184
|
}(React__default.Component);
|
|
155
185
|
_defineProperty(FormItem, "defaultProps", defaultProps);
|
|
156
186
|
_defineProperty(FormItem, "contextType", FormItemContext);
|
|
157
|
-
export {
|
|
187
|
+
export {
|
|
188
|
+
FormItemContext as F,
|
|
189
|
+
FormItem as a
|
|
190
|
+
};
|