tntd 1.4.27 → 1.4.29
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/babel.config.js +20 -20
- package/components/Handle/index.js +12 -5
- package/dist/stats.json +5278 -5260
- package/dist/tntd.js +1 -1
- package/es/ArrayInput/icon.js +3 -11
- package/es/ArrayInput/index.js +57 -67
- package/es/AuthContext.js +3 -13
- package/es/Columns/index.js +12 -24
- package/es/DevelopmentLogin/LoginModal.js +22 -29
- package/es/DevelopmentLogin/index.js +13 -29
- package/es/Ellipsis/Svg/CopySVG.js +2 -11
- package/es/Ellipsis/Svg/TickSVG.js +2 -11
- package/es/Ellipsis/index.js +25 -33
- package/es/Handle/index.js +41 -51
- package/es/Icon/fonts/iconfont.js +0 -2
- package/es/Icon/iconList.js +1 -8
- package/es/Icon/index.js +5 -25
- package/es/Img/Contain.js +8 -21
- package/es/Img/Cover.js +11 -29
- package/es/Img/index.js +8 -22
- package/es/Layout/ActionsContext.js +2 -12
- package/es/Layout/AppList.js +42 -58
- package/es/Layout/Application.js +24 -44
- package/es/Layout/Avatar.js +23 -45
- package/es/Layout/CompatibleLanguage.js +29 -51
- package/es/Layout/EnterpriseLayout/Avatar.js +32 -54
- package/es/Layout/EnterpriseLayout/Language.js +15 -39
- package/es/Layout/EnterpriseLayout/Theme.js +15 -31
- package/es/Layout/EnterpriseLayout/index.js +9 -24
- package/es/Layout/GlobalNavigation/NavigationPopup.js +29 -53
- package/es/Layout/GlobalNavigation/index.js +23 -51
- package/es/Layout/Header.js +19 -40
- package/es/Layout/HeaderActions.js +19 -43
- package/es/Layout/HeaderNavs.js +12 -35
- package/es/Layout/HeaderTabs.js +25 -50
- package/es/Layout/Iconfont.js +4 -16
- package/es/Layout/Language.js +14 -38
- package/es/Layout/Layout.js +32 -58
- package/es/Layout/Logo.js +12 -26
- package/es/Layout/OrgAppList.js +36 -52
- package/es/Layout/SideMenu.js +32 -57
- package/es/Layout/Theme.js +21 -39
- package/es/Layout/createActions.js +6 -19
- package/es/Layout/images/index.js +58 -95
- package/es/Layout/index.js +28 -70
- package/es/Layout/paaslayout/CompactSideMenu.js +17 -35
- package/es/Layout/paaslayout/Header.js +17 -31
- package/es/Layout/paaslayout/Logo.js +9 -19
- package/es/Layout/paaslayout/SideMenu.js +12 -29
- package/es/Layout/paaslayout/index.js +32 -58
- package/es/Layout/storage.js +21 -71
- package/es/LoadingButton/index.js +8 -17
- package/es/Modal/index.js +16 -29
- package/es/Page/Box.js +8 -18
- package/es/Page/index.js +29 -47
- package/es/Page/utils.js +1 -12
- package/es/QueryForm/Field/Checkbox.js +5 -13
- package/es/QueryForm/Field/Select.js +12 -28
- package/es/QueryForm/Field/SelectInput.js +18 -33
- package/es/QueryForm/Field/fieldsMap.js +23 -36
- package/es/QueryForm/Field/index.js +12 -25
- package/es/QueryForm/createActions.js +7 -20
- package/es/QueryForm/index.js +50 -66
- package/es/QueryForm/useForm.js +4 -16
- package/es/QueryListScene/List.js +30 -43
- package/es/QueryListScene/QueryForm.js +9 -21
- package/es/QueryListScene/QueryListScene.js +16 -29
- package/es/QueryListScene/Title.js +5 -17
- package/es/QueryListScene/Toolbar.js +4 -16
- package/es/QueryListScene/createActions.js +13 -26
- package/es/QueryListScene/index.js +19 -40
- package/es/QueryListScene/useActions.js +4 -16
- package/es/Select/DropDownWrap.js +6 -18
- package/es/Select/index.js +15 -28
- package/es/Table/ResizableTable/index.js +18 -32
- package/es/Table/index.js +11 -30
- package/es/Title/index.js +5 -18
- package/es/index.js +20 -193
- package/es/locale.js +8 -27
- package/es/utils/checkAuth.js +4 -15
- package/es/utils/findMenuInfoByPath.js +5 -16
- package/es/utils/index.js +10 -70
- package/lib/ArrayInput/index.js +28 -12
- package/lib/Columns/index.js +10 -4
- package/lib/DevelopmentLogin/LoginModal.js +23 -9
- package/lib/Ellipsis/index.js +10 -4
- package/lib/Handle/index.js +32 -15
- package/lib/Layout/AppList.js +30 -12
- package/lib/Layout/Application.js +5 -3
- package/lib/Layout/Avatar.js +12 -6
- package/lib/Layout/CompatibleLanguage.js +5 -3
- package/lib/Layout/EnterpriseLayout/Avatar.js +18 -8
- package/lib/Layout/EnterpriseLayout/Theme.js +5 -3
- package/lib/Layout/HeaderActions.js +7 -5
- package/lib/Layout/Layout.js +9 -7
- package/lib/Layout/OrgAppList.js +19 -7
- package/lib/Layout/SideMenu.js +9 -7
- package/lib/Layout/Theme.js +5 -3
- package/lib/Layout/paaslayout/index.js +10 -8
- package/lib/LoadingButton/index.js +6 -2
- package/lib/Modal/index.js +5 -3
- package/lib/Page/Box.js +5 -3
- package/lib/QueryForm/Field/Checkbox.js +6 -2
- package/lib/QueryForm/Field/Select.js +8 -4
- package/lib/QueryForm/Field/SelectInput.js +13 -5
- package/lib/QueryForm/Field/fieldsMap.js +18 -8
- package/lib/QueryForm/Field/index.js +7 -3
- package/lib/QueryForm/index.js +27 -13
- package/lib/QueryListScene/List.js +7 -5
- package/lib/Select/index.js +14 -8
- package/lib/Table/ResizableTable/index.js +5 -3
- package/lib/Table/index.js +7 -5
- package/package.json +1 -1
package/es/Modal/index.js
CHANGED
|
@@ -1,21 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
|
-
var _antd = require("antd");
|
|
13
|
-
|
|
14
|
-
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
15
|
-
|
|
16
|
-
require("./index.less");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import "antd/lib/modal/style";
|
|
2
|
+
import _Modal from "antd/lib/modal";
|
|
19
3
|
|
|
20
4
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
5
|
|
|
@@ -33,6 +17,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
33
17
|
|
|
34
18
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
35
19
|
|
|
20
|
+
import { useState, useEffect, Fragment } from 'react';
|
|
21
|
+
import cn from 'classnames';
|
|
22
|
+
import Icon from '../Icon';
|
|
23
|
+
import './index.less';
|
|
24
|
+
|
|
36
25
|
var Title = function Title(_ref) {
|
|
37
26
|
var title = _ref.title,
|
|
38
27
|
logo = _ref.logo,
|
|
@@ -41,22 +30,22 @@ var Title = function Title(_ref) {
|
|
|
41
30
|
supportFullscreen = _ref$supportFullscree === void 0 ? true : _ref$supportFullscree,
|
|
42
31
|
onToggleFullscreen = _ref.onToggleFullscreen,
|
|
43
32
|
onClose = _ref.onClose;
|
|
44
|
-
return React.createElement(
|
|
33
|
+
return React.createElement(Fragment, null, React.createElement("div", null, logo && React.createElement("img", {
|
|
45
34
|
src: logo
|
|
46
35
|
}), React.createElement("span", null, title)), React.createElement("div", {
|
|
47
36
|
className: "tnt-modal-header-actions"
|
|
48
|
-
}, supportFullscreen && React.createElement(
|
|
37
|
+
}, supportFullscreen && React.createElement(Icon, {
|
|
49
38
|
className: "fullscreen",
|
|
50
39
|
type: fullscreen ? 'fullscreen-exit' : 'fullscreen',
|
|
51
40
|
onClick: onToggleFullscreen
|
|
52
|
-
}), React.createElement(
|
|
41
|
+
}), React.createElement(Icon, {
|
|
53
42
|
className: "close",
|
|
54
43
|
type: "close",
|
|
55
44
|
onClick: onClose
|
|
56
45
|
})));
|
|
57
46
|
};
|
|
58
47
|
|
|
59
|
-
|
|
48
|
+
export default (function (props) {
|
|
60
49
|
var _cn;
|
|
61
50
|
|
|
62
51
|
var visible = props.visible,
|
|
@@ -73,15 +62,15 @@ var _default = function _default(props) {
|
|
|
73
62
|
onCancel = props.onCancel,
|
|
74
63
|
rest = _objectWithoutProperties(props, ["visible", "children", "logo", "title", "height", "width", "className", "supportFullscreen", "onToggleFullscreen", "onCancel"]);
|
|
75
64
|
|
|
76
|
-
var _useState =
|
|
65
|
+
var _useState = useState(rest.fullscreen || false),
|
|
77
66
|
_useState2 = _slicedToArray(_useState, 2),
|
|
78
67
|
fullscreen = _useState2[0],
|
|
79
68
|
setFullscreen = _useState2[1];
|
|
80
69
|
|
|
81
|
-
|
|
70
|
+
useEffect(function () {
|
|
82
71
|
setFullscreen(rest.fullscreen);
|
|
83
72
|
}, [rest.fullscreen, visible]);
|
|
84
|
-
return React.createElement(
|
|
73
|
+
return React.createElement(_Modal, _extends({
|
|
85
74
|
visible: visible,
|
|
86
75
|
title: React.createElement(Title, {
|
|
87
76
|
logo: logo,
|
|
@@ -102,8 +91,6 @@ var _default = function _default(props) {
|
|
|
102
91
|
style: {
|
|
103
92
|
height: fullscreen ? '100vh' : height
|
|
104
93
|
},
|
|
105
|
-
className: (
|
|
94
|
+
className: cn('tnt-modal', (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, "fullscreen", fullscreen), _cn))
|
|
106
95
|
}, rest), children);
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
exports["default"] = _default;
|
|
96
|
+
});
|
package/es/Page/Box.js
CHANGED
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _antd = require("antd");
|
|
11
|
-
|
|
12
|
-
var _utils = require("./utils");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import "antd/lib/card/style";
|
|
2
|
+
import _Card from "antd/lib/card";
|
|
15
3
|
|
|
16
4
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
5
|
|
|
@@ -25,6 +13,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
25
13
|
|
|
26
14
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
15
|
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { addUnitForValue } from './utils';
|
|
18
|
+
|
|
28
19
|
var Box = function Box(_ref) {
|
|
29
20
|
var inLayout = _ref.inLayout,
|
|
30
21
|
_ref$clsPrefix = _ref.clsPrefix,
|
|
@@ -66,9 +57,9 @@ var Box = function Box(_ref) {
|
|
|
66
57
|
} // 如果传入只有数字,需要默认加px
|
|
67
58
|
|
|
68
59
|
|
|
69
|
-
cardTitleHeight =
|
|
60
|
+
cardTitleHeight = addUnitForValue(cardTitleHeight);
|
|
70
61
|
var cardBodyHeight = "calc(".concat(height, " - ").concat(headerHeight, " - ").concat(contentTotalMargin, " - ").concat(cardTitleHeight, ")");
|
|
71
|
-
return
|
|
62
|
+
return React.createElement(_Card, _extends({
|
|
72
63
|
className: "".concat(clsPrefix, "-box-card"),
|
|
73
64
|
bordered: bordered,
|
|
74
65
|
bodyStyle: _objectSpread({}, bodyStyle, {
|
|
@@ -80,5 +71,4 @@ var Box = function Box(_ref) {
|
|
|
80
71
|
}, restProps), children);
|
|
81
72
|
};
|
|
82
73
|
|
|
83
|
-
|
|
84
|
-
exports["default"] = _default;
|
|
74
|
+
export default Box;
|
package/es/Page/index.js
CHANGED
|
@@ -1,24 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
|
-
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
13
|
-
|
|
14
|
-
var _utils = require("./utils");
|
|
15
|
-
|
|
16
|
-
var _Box = _interopRequireDefault(require("./Box"));
|
|
17
|
-
|
|
18
|
-
require("./index.less");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
1
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
2
|
|
|
24
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -41,12 +20,18 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
41
20
|
|
|
42
21
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
43
22
|
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import cn from 'classnames';
|
|
25
|
+
import Icon from '../Icon';
|
|
26
|
+
import { computeWidth, addUnitForValue } from './utils';
|
|
27
|
+
import Box from './Box';
|
|
28
|
+
import './index.less';
|
|
44
29
|
var clsPrefix = 'tnt-page';
|
|
45
30
|
|
|
46
31
|
var isPageBox = function isPageBox(child) {
|
|
47
32
|
var _child$props;
|
|
48
33
|
|
|
49
|
-
return (child == null ? void 0 : child.type) ===
|
|
34
|
+
return (child == null ? void 0 : child.type) === Box || (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.pageBox);
|
|
50
35
|
};
|
|
51
36
|
|
|
52
37
|
var PageLayout = function PageLayout(_ref) {
|
|
@@ -70,8 +55,8 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
70
55
|
restProps = _objectWithoutProperties(_ref, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
|
|
71
56
|
|
|
72
57
|
// 如果传入只有数字,需要默认加px
|
|
73
|
-
var computedHeaderHeight =
|
|
74
|
-
var computedHeight =
|
|
58
|
+
var computedHeaderHeight = addUnitForValue(headerHeight);
|
|
59
|
+
var computedHeight = addUnitForValue(height); // 判断是否有标题栏
|
|
75
60
|
|
|
76
61
|
if (!(title || extra || center)) {
|
|
77
62
|
computedHeaderHeight = '0px';
|
|
@@ -95,14 +80,12 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
95
80
|
childrenToArray = _toConsumableArray(children);
|
|
96
81
|
}
|
|
97
82
|
|
|
98
|
-
console.log('React.Children',
|
|
99
|
-
|
|
100
|
-
_react["default"].Children.map(children, function (child) {
|
|
83
|
+
console.log('React.Children', React.Children);
|
|
84
|
+
React.Children.map(children, function (child) {
|
|
101
85
|
if (isPageBox(child)) {
|
|
102
86
|
boxCount += 1;
|
|
103
87
|
}
|
|
104
88
|
});
|
|
105
|
-
|
|
106
89
|
console.log(boxCount);
|
|
107
90
|
whiteCols = (_childrenToArray = childrenToArray) == null ? void 0 : (_childrenToArray$filt = _childrenToArray.filter(function (_ref2) {
|
|
108
91
|
var props = _ref2.props;
|
|
@@ -121,33 +104,33 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
121
104
|
marginTop: computedHeaderHeight,
|
|
122
105
|
padding: inLayout ? '16px 20px' : '0px'
|
|
123
106
|
};
|
|
124
|
-
return
|
|
125
|
-
className: (
|
|
126
|
-
}, restProps), (title || goBack || center || extra) &&
|
|
107
|
+
return React.createElement("section", _extends({
|
|
108
|
+
className: cn(clsPrefix, (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'in-layout', inLayout), _defineProperty(_cn, 'not-in-layout', !inLayout), _cn))
|
|
109
|
+
}, restProps), (title || goBack || center || extra) && React.createElement("div", {
|
|
127
110
|
className: "".concat(clsPrefix, "-header"),
|
|
128
111
|
style: headerStyle
|
|
129
|
-
},
|
|
112
|
+
}, React.createElement("div", {
|
|
130
113
|
className: "".concat(clsPrefix, "-header-section")
|
|
131
|
-
}, goBack &&
|
|
114
|
+
}, goBack && React.createElement("div", {
|
|
132
115
|
className: "page-header-section-back",
|
|
133
116
|
onClick: function onClick() {
|
|
134
117
|
goBack();
|
|
135
118
|
}
|
|
136
|
-
},
|
|
119
|
+
}, React.createElement(Icon, {
|
|
137
120
|
type: "left"
|
|
138
|
-
}),
|
|
139
|
-
return
|
|
121
|
+
}), React.createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item, i) {
|
|
122
|
+
return React.createElement("div", {
|
|
140
123
|
className: "".concat(clsPrefix, "-header-section"),
|
|
141
124
|
key: i
|
|
142
125
|
}, item);
|
|
143
|
-
})),
|
|
126
|
+
})), React.createElement("div", {
|
|
144
127
|
className: "".concat(clsPrefix, "-content"),
|
|
145
128
|
style: contentStyle
|
|
146
|
-
},
|
|
129
|
+
}, React.Children.map(children, function (child) {
|
|
147
130
|
// 如果children不是Box,就不需要多列布局
|
|
148
131
|
if (!child.type) {
|
|
149
132
|
// console.log("没有type");
|
|
150
|
-
return
|
|
133
|
+
return React.cloneElement(React.createElement("div", null, child));
|
|
151
134
|
}
|
|
152
135
|
|
|
153
136
|
var extraProps = _objectSpread({
|
|
@@ -159,7 +142,7 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
159
142
|
}, child.props);
|
|
160
143
|
|
|
161
144
|
if (!isPageBox(child)) {
|
|
162
|
-
return
|
|
145
|
+
return React.cloneElement(child, extraProps);
|
|
163
146
|
}
|
|
164
147
|
|
|
165
148
|
var _child$props2 = child.props,
|
|
@@ -167,18 +150,17 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
167
150
|
mode = _child$props2$mode === void 0 ? 'gray' : _child$props2$mode,
|
|
168
151
|
width = _child$props2.width;
|
|
169
152
|
var style = {
|
|
170
|
-
flex:
|
|
153
|
+
flex: computeWidth(width),
|
|
171
154
|
// 设置cols层级关系
|
|
172
155
|
zIndex: mode === 'gray' ? endIndex-- : startIndex++
|
|
173
156
|
};
|
|
174
|
-
var className = (
|
|
175
|
-
return
|
|
157
|
+
var className = cn("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
|
|
158
|
+
return React.createElement('div', {
|
|
176
159
|
className: className,
|
|
177
160
|
style: style
|
|
178
|
-
},
|
|
161
|
+
}, React.cloneElement(child, extraProps));
|
|
179
162
|
})));
|
|
180
163
|
};
|
|
181
164
|
|
|
182
|
-
PageLayout.Box =
|
|
183
|
-
|
|
184
|
-
exports["default"] = _default;
|
|
165
|
+
PageLayout.Box = Box;
|
|
166
|
+
export default PageLayout;
|
package/es/Page/utils.js
CHANGED
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.addUnitForValue = exports.isValidNumber = exports.computeWidth = void 0;
|
|
7
|
-
|
|
8
1
|
var computeWidth = function computeWidth(width) {
|
|
9
2
|
var flex = '1';
|
|
10
3
|
var validNumber = isValidNumber(width);
|
|
@@ -18,17 +11,13 @@ var computeWidth = function computeWidth(width) {
|
|
|
18
11
|
return flex;
|
|
19
12
|
};
|
|
20
13
|
|
|
21
|
-
exports.computeWidth = computeWidth;
|
|
22
|
-
|
|
23
14
|
var isValidNumber = function isValidNumber(value) {
|
|
24
15
|
return !isNaN(parseFloat(value));
|
|
25
16
|
};
|
|
26
17
|
|
|
27
|
-
exports.isValidNumber = isValidNumber;
|
|
28
|
-
|
|
29
18
|
var addUnitForValue = function addUnitForValue(value) {
|
|
30
19
|
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
|
|
31
20
|
return !isNaN(value) ? "".concat(value).concat(unit) : value;
|
|
32
21
|
};
|
|
33
22
|
|
|
34
|
-
|
|
23
|
+
export { computeWidth, isValidNumber, addUnitForValue };
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _antd = require("antd");
|
|
1
|
+
import "antd/lib/checkbox/style";
|
|
2
|
+
import _Checkbox from "antd/lib/checkbox";
|
|
9
3
|
|
|
10
4
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
5
|
|
|
@@ -13,17 +7,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
13
7
|
|
|
14
8
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
9
|
|
|
16
|
-
|
|
10
|
+
export default (function (_ref) {
|
|
17
11
|
var value = _ref.value,
|
|
18
12
|
_onChange = _ref.onChange,
|
|
19
13
|
props = _objectWithoutProperties(_ref, ["value", "onChange"]);
|
|
20
14
|
|
|
21
|
-
return React.createElement(
|
|
15
|
+
return React.createElement(_Checkbox, _extends({}, props, {
|
|
22
16
|
checked: value,
|
|
23
17
|
onChange: function onChange(evt) {
|
|
24
18
|
_onChange == null ? void 0 : _onChange(evt.target.checked);
|
|
25
19
|
}
|
|
26
20
|
}));
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
exports["default"] = _default;
|
|
21
|
+
});
|
|
@@ -1,19 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _antd = require("antd");
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
1
|
+
import "antd/lib/select/style";
|
|
2
|
+
import _Select from "antd/lib/select";
|
|
17
3
|
|
|
18
4
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
5
|
|
|
@@ -35,9 +21,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
35
21
|
|
|
36
22
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
37
23
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
24
|
+
import React, { useState, useEffect } from 'react';
|
|
25
|
+
var Option = _Select.Option;
|
|
26
|
+
export default (function (props) {
|
|
41
27
|
var options = props.options,
|
|
42
28
|
params = props.params,
|
|
43
29
|
_props$queryKey = props.queryKey,
|
|
@@ -50,12 +36,12 @@ var _default = function _default(props) {
|
|
|
50
36
|
loadData = props.loadData,
|
|
51
37
|
rest = _objectWithoutProperties(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
|
|
52
38
|
|
|
53
|
-
var _useState =
|
|
39
|
+
var _useState = useState(options || []),
|
|
54
40
|
_useState2 = _slicedToArray(_useState, 2),
|
|
55
41
|
items = _useState2[0],
|
|
56
42
|
setItems = _useState2[1];
|
|
57
43
|
|
|
58
|
-
var _useState3 =
|
|
44
|
+
var _useState3 = useState(''),
|
|
59
45
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
60
46
|
query = _useState4[0],
|
|
61
47
|
setQuery = _useState4[1];
|
|
@@ -65,17 +51,17 @@ var _default = function _default(props) {
|
|
|
65
51
|
};
|
|
66
52
|
|
|
67
53
|
if (loadData) {
|
|
68
|
-
|
|
54
|
+
useEffect(function () {
|
|
69
55
|
loadData(_objectSpread(_defineProperty({}, queryKey, query), params || {})).then(function (items) {
|
|
70
56
|
setItems(items);
|
|
71
57
|
});
|
|
72
58
|
}, [params, query]);
|
|
73
59
|
}
|
|
74
60
|
|
|
75
|
-
|
|
61
|
+
useEffect(function () {
|
|
76
62
|
setItems(options || []);
|
|
77
63
|
}, [options]);
|
|
78
|
-
return
|
|
64
|
+
return React.createElement(_Select, _extends({
|
|
79
65
|
allowClear: true,
|
|
80
66
|
showSearch: true,
|
|
81
67
|
optionFilterProp: "children",
|
|
@@ -86,11 +72,9 @@ var _default = function _default(props) {
|
|
|
86
72
|
var value = item instanceof Object ? item[valueKey] : item;
|
|
87
73
|
var label = item instanceof Object ? item[labelKey] : item;
|
|
88
74
|
var optionProps = item instanceof Object ? item : {};
|
|
89
|
-
return
|
|
75
|
+
return React.createElement(Option, _extends({}, optionProps, {
|
|
90
76
|
key: value,
|
|
91
77
|
value: value
|
|
92
78
|
}), label);
|
|
93
79
|
}));
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
exports["default"] = _default;
|
|
80
|
+
});
|
|
@@ -1,21 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _antd = require("antd");
|
|
13
|
-
|
|
14
|
-
var _lodash = require("lodash");
|
|
15
|
-
|
|
16
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
17
|
-
|
|
18
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
1
|
+
import "antd/lib/input/style";
|
|
2
|
+
import _Input from "antd/lib/input";
|
|
3
|
+
import "antd/lib/select/style";
|
|
4
|
+
import _Select from "antd/lib/select";
|
|
19
5
|
|
|
20
6
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
7
|
|
|
@@ -37,30 +23,31 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
37
23
|
|
|
38
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
39
25
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
var
|
|
26
|
+
import React, { useState, useEffect } from 'react';
|
|
27
|
+
import { get } from 'lodash';
|
|
28
|
+
var Option = _Select.Option;
|
|
29
|
+
export default (function (props) {
|
|
43
30
|
var _props$options = props.options,
|
|
44
31
|
options = _props$options === void 0 ? [] : _props$options,
|
|
45
32
|
addonBeforeStyle = props.addonBeforeStyle,
|
|
46
33
|
inputProps = _objectWithoutProperties(props, ["options", "addonBeforeStyle"]);
|
|
47
34
|
|
|
48
|
-
var _useState =
|
|
35
|
+
var _useState = useState(options),
|
|
49
36
|
_useState2 = _slicedToArray(_useState, 2),
|
|
50
37
|
items = _useState2[0],
|
|
51
38
|
setItems = _useState2[1];
|
|
52
39
|
|
|
53
40
|
var getInitialKey = function getInitialKey() {
|
|
54
|
-
var key =
|
|
41
|
+
var key = get(options, '0.value');
|
|
55
42
|
|
|
56
43
|
if (inputProps.value) {
|
|
57
|
-
key =
|
|
44
|
+
key = get(Object.keys(inputProps.value), '0') || key;
|
|
58
45
|
}
|
|
59
46
|
|
|
60
47
|
return key;
|
|
61
48
|
};
|
|
62
49
|
|
|
63
|
-
var _useState3 =
|
|
50
|
+
var _useState3 = useState(getInitialKey()),
|
|
64
51
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
65
52
|
key = _useState4[0],
|
|
66
53
|
setKey = _useState4[1];
|
|
@@ -74,7 +61,7 @@ var _default = function _default(props) {
|
|
|
74
61
|
props.onChange(_defineProperty({}, key, evt.target.value));
|
|
75
62
|
};
|
|
76
63
|
|
|
77
|
-
var addonBefore =
|
|
64
|
+
var addonBefore = React.createElement(_Select, {
|
|
78
65
|
value: key,
|
|
79
66
|
onChange: onKeyChange,
|
|
80
67
|
style: _objectSpread({
|
|
@@ -84,25 +71,23 @@ var _default = function _default(props) {
|
|
|
84
71
|
}, items.map(function (_ref) {
|
|
85
72
|
var label = _ref.label,
|
|
86
73
|
value = _ref.value;
|
|
87
|
-
return
|
|
74
|
+
return React.createElement(Option, {
|
|
88
75
|
key: value,
|
|
89
76
|
value: value
|
|
90
77
|
}, label);
|
|
91
78
|
}));
|
|
92
79
|
|
|
93
80
|
var getInputValue = function getInputValue() {
|
|
94
|
-
return
|
|
81
|
+
return get(inputProps.value, key);
|
|
95
82
|
};
|
|
96
83
|
|
|
97
|
-
|
|
84
|
+
useEffect(function () {
|
|
98
85
|
setItems(options);
|
|
99
86
|
setKey(getInitialKey());
|
|
100
87
|
}, [options, inputProps.value]);
|
|
101
|
-
return
|
|
88
|
+
return React.createElement(_Input, _extends({}, inputProps, {
|
|
102
89
|
value: getInputValue(),
|
|
103
90
|
addonBefore: addonBefore,
|
|
104
91
|
onChange: onChange
|
|
105
92
|
}));
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
exports["default"] = _default;
|
|
93
|
+
});
|
|
@@ -1,24 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var _SelectInput = _interopRequireDefault(require("./SelectInput"));
|
|
13
|
-
|
|
14
|
-
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
var defaultFieldWidth = '200px';
|
|
19
|
-
exports.defaultFieldWidth = defaultFieldWidth;
|
|
20
|
-
|
|
21
|
-
var getFieldWidth = function getFieldWidth(type) {
|
|
1
|
+
import "antd/lib/date-picker/style";
|
|
2
|
+
import _DatePicker from "antd/lib/date-picker";
|
|
3
|
+
import "antd/lib/input-number/style";
|
|
4
|
+
import _InputNumber from "antd/lib/input-number";
|
|
5
|
+
import "antd/lib/input/style";
|
|
6
|
+
import _Input from "antd/lib/input";
|
|
7
|
+
import SelectField from './Select';
|
|
8
|
+
import SelectInput from './SelectInput';
|
|
9
|
+
import CheckboxField from './Checkbox';
|
|
10
|
+
export var defaultFieldWidth = '200px';
|
|
11
|
+
export var getFieldWidth = function getFieldWidth(type) {
|
|
22
12
|
if (type === 'dateRange') {
|
|
23
13
|
return '340px';
|
|
24
14
|
}
|
|
@@ -28,18 +18,15 @@ var getFieldWidth = function getFieldWidth(type) {
|
|
|
28
18
|
selectInput: '320px'
|
|
29
19
|
}[type] || defaultFieldWidth;
|
|
30
20
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
selectInput: _SelectInput["default"]
|
|
44
|
-
};
|
|
45
|
-
exports["default"] = _default;
|
|
21
|
+
export default {
|
|
22
|
+
string: _Input,
|
|
23
|
+
input: _Input,
|
|
24
|
+
search: _Input.Search,
|
|
25
|
+
inputNumber: _InputNumber,
|
|
26
|
+
number: _InputNumber,
|
|
27
|
+
select: SelectField,
|
|
28
|
+
checkbox: CheckboxField,
|
|
29
|
+
date: _DatePicker,
|
|
30
|
+
dateRange: _DatePicker.RangePicker,
|
|
31
|
+
selectInput: SelectInput
|
|
32
|
+
};
|