tntd 1.4.24 → 1.4.26
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 +22 -21
- package/components/Handle/index.js +0 -7
- package/components/QueryForm/Field/SelectInput.js +1 -0
- package/dist/stats.json +5229 -5229
- package/dist/tntd.js +1 -1
- package/es/ArrayInput/icon.js +11 -3
- package/es/ArrayInput/index.js +67 -57
- package/es/AuthContext.js +13 -3
- package/es/Columns/index.js +24 -12
- package/es/DevelopmentLogin/LoginModal.js +29 -22
- package/es/DevelopmentLogin/index.js +29 -13
- package/es/Ellipsis/Svg/CopySVG.js +11 -2
- package/es/Ellipsis/Svg/TickSVG.js +11 -2
- package/es/Ellipsis/index.js +33 -25
- package/es/Handle/index.js +47 -39
- package/es/Icon/fonts/iconfont.js +2 -0
- package/es/Icon/iconList.js +8 -1
- package/es/Icon/index.js +25 -5
- package/es/Img/Contain.js +21 -8
- package/es/Img/Cover.js +29 -11
- package/es/Img/index.js +22 -8
- package/es/Layout/ActionsContext.js +12 -2
- package/es/Layout/AppList.js +58 -42
- package/es/Layout/Application.js +44 -24
- package/es/Layout/Avatar.js +45 -23
- package/es/Layout/CompatibleLanguage.js +51 -29
- package/es/Layout/EnterpriseLayout/Avatar.js +54 -32
- package/es/Layout/EnterpriseLayout/Language.js +39 -15
- package/es/Layout/EnterpriseLayout/Theme.js +31 -15
- package/es/Layout/EnterpriseLayout/index.js +24 -9
- package/es/Layout/GlobalNavigation/NavigationPopup.js +53 -29
- package/es/Layout/GlobalNavigation/index.js +51 -23
- package/es/Layout/Header.js +40 -19
- package/es/Layout/HeaderActions.js +43 -19
- package/es/Layout/HeaderNavs.js +35 -12
- package/es/Layout/HeaderTabs.js +50 -25
- package/es/Layout/Iconfont.js +16 -4
- package/es/Layout/Language.js +38 -14
- package/es/Layout/Layout.js +58 -32
- package/es/Layout/Logo.js +26 -12
- package/es/Layout/OrgAppList.js +52 -36
- package/es/Layout/SideMenu.js +57 -32
- package/es/Layout/Theme.js +39 -21
- package/es/Layout/createActions.js +19 -6
- package/es/Layout/images/index.js +95 -58
- package/es/Layout/index.js +70 -28
- package/es/Layout/paaslayout/CompactSideMenu.js +35 -17
- package/es/Layout/paaslayout/Header.js +31 -17
- package/es/Layout/paaslayout/Logo.js +19 -9
- package/es/Layout/paaslayout/SideMenu.js +29 -12
- package/es/Layout/paaslayout/index.js +58 -32
- package/es/Layout/storage.js +71 -21
- package/es/LoadingButton/index.js +17 -8
- package/es/Modal/index.js +29 -16
- package/es/Page/Box.js +18 -8
- package/es/Page/index.js +47 -29
- package/es/Page/utils.js +12 -1
- package/es/QueryForm/Field/Checkbox.js +13 -5
- package/es/QueryForm/Field/Select.js +28 -12
- package/es/QueryForm/Field/SelectInput.js +35 -19
- package/es/QueryForm/Field/fieldsMap.js +36 -23
- package/es/QueryForm/Field/index.js +25 -12
- package/es/QueryForm/createActions.js +20 -7
- package/es/QueryForm/index.js +66 -50
- package/es/QueryForm/useForm.js +16 -4
- package/es/QueryListScene/List.js +43 -30
- package/es/QueryListScene/QueryForm.js +21 -9
- package/es/QueryListScene/QueryListScene.js +29 -16
- package/es/QueryListScene/Title.js +17 -5
- package/es/QueryListScene/Toolbar.js +16 -4
- package/es/QueryListScene/createActions.js +26 -13
- package/es/QueryListScene/index.js +40 -19
- package/es/QueryListScene/useActions.js +16 -4
- package/es/Select/DropDownWrap.js +18 -6
- package/es/Select/index.js +28 -15
- package/es/Table/ResizableTable/index.js +32 -18
- package/es/Table/index.js +30 -11
- package/es/Title/index.js +18 -5
- package/es/index.js +193 -20
- package/es/locale.js +27 -8
- package/es/utils/checkAuth.js +15 -4
- package/es/utils/findMenuInfoByPath.js +16 -5
- package/es/utils/index.js +70 -10
- package/lib/ArrayInput/index.js +12 -28
- package/lib/Columns/index.js +4 -10
- package/lib/DevelopmentLogin/LoginModal.js +9 -23
- package/lib/Ellipsis/index.js +4 -10
- package/lib/Handle/index.js +10 -29
- package/lib/Layout/AppList.js +12 -30
- package/lib/Layout/Application.js +3 -5
- package/lib/Layout/Avatar.js +6 -12
- package/lib/Layout/CompatibleLanguage.js +3 -5
- package/lib/Layout/EnterpriseLayout/Avatar.js +8 -18
- package/lib/Layout/EnterpriseLayout/Theme.js +3 -5
- package/lib/Layout/HeaderActions.js +5 -7
- package/lib/Layout/Layout.js +7 -9
- package/lib/Layout/OrgAppList.js +7 -19
- package/lib/Layout/SideMenu.js +7 -9
- package/lib/Layout/Theme.js +3 -5
- package/lib/Layout/paaslayout/index.js +8 -10
- package/lib/LoadingButton/index.js +2 -6
- package/lib/Modal/index.js +3 -5
- package/lib/Page/Box.js +3 -5
- package/lib/QueryForm/Field/Checkbox.js +2 -6
- package/lib/QueryForm/Field/Select.js +4 -8
- package/lib/QueryForm/Field/SelectInput.js +7 -14
- package/lib/QueryForm/Field/fieldsMap.js +8 -18
- package/lib/QueryForm/Field/index.js +3 -7
- package/lib/QueryForm/index.js +13 -27
- package/lib/QueryListScene/List.js +5 -7
- package/lib/Select/index.js +8 -14
- package/lib/Table/ResizableTable/index.js +3 -5
- package/lib/Table/index.js +5 -7
- package/package.json +1 -1
- package/es/Layout/checkAuth.js +0 -29
- package/es/Layout/utils.js +0 -136
- package/lib/Layout/EnterpriseLayout/Header.js +0 -113
- package/lib/Layout/EnterpriseLayout/HeaderActions.js +0 -104
- package/lib/Layout/checkAuth.js +0 -39
- package/lib/Layout/utils.js +0 -166
|
@@ -1,5 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var _antd = require("antd");
|
|
11
|
+
|
|
12
|
+
var _lodash = require("lodash");
|
|
13
|
+
|
|
14
|
+
var _fieldsMap = _interopRequireWildcard(require("./fieldsMap"));
|
|
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; }
|
|
3
19
|
|
|
4
20
|
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); }
|
|
5
21
|
|
|
@@ -27,10 +43,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
|
27
43
|
|
|
28
44
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
45
|
|
|
30
|
-
|
|
31
|
-
import { get } from 'lodash';
|
|
32
|
-
import fieldsMap, { getFieldWidth } from './fieldsMap';
|
|
33
|
-
var FormItem = _Form.Item;
|
|
46
|
+
var FormItem = _antd.Form.Item;
|
|
34
47
|
|
|
35
48
|
var isInput = function isInput(type) {
|
|
36
49
|
return ['input', 'string', 'search'].includes(type);
|
|
@@ -76,7 +89,7 @@ function (_PureComponent) {
|
|
|
76
89
|
onChange && onChange.apply(void 0, args); // Input onChange第一个参数为Event对象,取值特殊处理
|
|
77
90
|
|
|
78
91
|
if (!component && isInput(type)) {
|
|
79
|
-
args[0] = get(args[0], 'target.value');
|
|
92
|
+
args[0] = (0, _lodash.get)(args[0], 'target.value');
|
|
80
93
|
}
|
|
81
94
|
|
|
82
95
|
_this.setState({
|
|
@@ -88,7 +101,7 @@ function (_PureComponent) {
|
|
|
88
101
|
|
|
89
102
|
_this.onFormChange = function (formData) {
|
|
90
103
|
_this.setState({
|
|
91
|
-
value: get(formData, _this.props.name)
|
|
104
|
+
value: (0, _lodash.get)(formData, _this.props.name)
|
|
92
105
|
});
|
|
93
106
|
};
|
|
94
107
|
|
|
@@ -116,7 +129,7 @@ function (_PureComponent) {
|
|
|
116
129
|
form = _this$props2.form,
|
|
117
130
|
fieldProps = _this$props2.props;
|
|
118
131
|
var value = this.state.value;
|
|
119
|
-
var Field = component ||
|
|
132
|
+
var Field = component || _fieldsMap["default"][type];
|
|
120
133
|
return React.createElement(FormItem, {
|
|
121
134
|
label: title,
|
|
122
135
|
className: className
|
|
@@ -130,7 +143,7 @@ function (_PureComponent) {
|
|
|
130
143
|
}
|
|
131
144
|
} : {}, fieldProps, {
|
|
132
145
|
style: _objectSpread({}, fieldProps == null ? void 0 : fieldProps.style, {
|
|
133
|
-
width: isFieldInDrawer ? '100%' : (fieldProps == null ? void 0 : (_fieldProps$style = fieldProps.style) == null ? void 0 : _fieldProps$style.width) || getFieldWidth(type)
|
|
146
|
+
width: isFieldInDrawer ? '100%' : (fieldProps == null ? void 0 : (_fieldProps$style = fieldProps.style) == null ? void 0 : _fieldProps$style.width) || (0, _fieldsMap.getFieldWidth)(type)
|
|
134
147
|
}),
|
|
135
148
|
onChange: this.onChange
|
|
136
149
|
})));
|
|
@@ -152,6 +165,6 @@ function (_PureComponent) {
|
|
|
152
165
|
}]);
|
|
153
166
|
|
|
154
167
|
return Field;
|
|
155
|
-
}(PureComponent);
|
|
168
|
+
}(_react.PureComponent);
|
|
156
169
|
|
|
157
|
-
|
|
170
|
+
exports["default"] = Field;
|
|
@@ -1,23 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _eventemitter = _interopRequireDefault(require("eventemitter3"));
|
|
9
|
+
|
|
10
|
+
var _lodash = require("lodash");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
1
14
|
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; }
|
|
2
15
|
|
|
3
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4
17
|
|
|
5
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
19
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export default (function () {
|
|
10
|
-
var eventEmitter = new EventEmitter();
|
|
20
|
+
var _default = function _default() {
|
|
21
|
+
var eventEmitter = new _eventemitter["default"]();
|
|
11
22
|
var data = {
|
|
12
23
|
initialValues: {},
|
|
13
24
|
values: {}
|
|
14
25
|
};
|
|
15
26
|
return {
|
|
16
27
|
setData: function setData(key, value) {
|
|
17
|
-
set(data, key, value);
|
|
28
|
+
(0, _lodash.set)(data, key, value);
|
|
18
29
|
},
|
|
19
30
|
getData: function getData(key) {
|
|
20
|
-
get(data, key);
|
|
31
|
+
(0, _lodash.get)(data, key);
|
|
21
32
|
},
|
|
22
33
|
setValues: function setValues(values) {
|
|
23
34
|
data.values = values;
|
|
@@ -50,4 +61,6 @@ export default (function () {
|
|
|
50
61
|
eventEmitter.removeListener.apply(eventEmitter, arguments);
|
|
51
62
|
}
|
|
52
63
|
};
|
|
53
|
-
}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
exports["default"] = _default;
|
package/es/QueryForm/index.js
CHANGED
|
@@ -1,11 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _lodash = require("lodash");
|
|
13
|
+
|
|
14
|
+
var _antd = require("antd");
|
|
15
|
+
|
|
16
|
+
var _useForm = _interopRequireDefault(require("./useForm"));
|
|
17
|
+
|
|
18
|
+
var _createActions = _interopRequireDefault(require("./createActions"));
|
|
19
|
+
|
|
20
|
+
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
21
|
+
|
|
22
|
+
var _Field = _interopRequireDefault(require("./Field"));
|
|
23
|
+
|
|
24
|
+
var _locale = require("../locale");
|
|
25
|
+
|
|
26
|
+
require("./index.less");
|
|
27
|
+
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
+
|
|
30
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
9
33
|
|
|
10
34
|
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); }
|
|
11
35
|
|
|
@@ -33,15 +57,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
|
33
57
|
|
|
34
58
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
59
|
|
|
36
|
-
import React, { createRef } from 'react';
|
|
37
|
-
import classnames from 'classnames';
|
|
38
|
-
import { debounce } from 'lodash';
|
|
39
|
-
import useForm from './useForm';
|
|
40
|
-
import createActions from './createActions';
|
|
41
|
-
import Icon from '../Icon';
|
|
42
|
-
import Field from './Field';
|
|
43
|
-
import { getText as _getText, getLanguage } from '../locale';
|
|
44
|
-
import './index.less';
|
|
45
60
|
var clsPrefix = 'tnt-queryform';
|
|
46
61
|
|
|
47
62
|
var QueryForm =
|
|
@@ -55,7 +70,7 @@ function (_React$PureComponent) {
|
|
|
55
70
|
_classCallCheck(this, QueryForm);
|
|
56
71
|
|
|
57
72
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(QueryForm).call(this, props));
|
|
58
|
-
_this.onWindowResize = debounce(function () {
|
|
73
|
+
_this.onWindowResize = (0, _lodash.debounce)(function () {
|
|
59
74
|
var current = _this.fieldsRef.current;
|
|
60
75
|
|
|
61
76
|
if (current) {
|
|
@@ -162,9 +177,9 @@ function (_React$PureComponent) {
|
|
|
162
177
|
drawerVisible: false,
|
|
163
178
|
drawerFieldsValueCount: 0
|
|
164
179
|
};
|
|
165
|
-
_this.fieldsRef = createRef();
|
|
166
|
-
_this.formBoxRef = createRef();
|
|
167
|
-
_this.form = form ||
|
|
180
|
+
_this.fieldsRef = (0, _react.createRef)();
|
|
181
|
+
_this.formBoxRef = (0, _react.createRef)();
|
|
182
|
+
_this.form = form || (0, _createActions["default"])();
|
|
168
183
|
|
|
169
184
|
_this.form.setData('initialValues', _initialValues);
|
|
170
185
|
|
|
@@ -201,50 +216,50 @@ function (_React$PureComponent) {
|
|
|
201
216
|
drawerFieldsValueCount = _this$state.drawerFieldsValueCount;
|
|
202
217
|
|
|
203
218
|
var renderFormActions = renderActions || function () {
|
|
204
|
-
return
|
|
219
|
+
return _react["default"].createElement(_react["default"].Fragment, null, showFieldCount && _react["default"].createElement(_antd.Badge, {
|
|
205
220
|
count: drawerFieldsValueCount
|
|
206
|
-
},
|
|
221
|
+
}, _react["default"].createElement(_antd.Button, {
|
|
207
222
|
onClick: _this2.onShowDrawer
|
|
208
|
-
},
|
|
223
|
+
}, _react["default"].createElement(_Icon["default"], {
|
|
209
224
|
type: "filter"
|
|
210
|
-
}), _this2.getText('moreFiltering'))), showSearch &&
|
|
225
|
+
}), _this2.getText('moreFiltering'))), showSearch && _react["default"].createElement(_antd.Button, {
|
|
211
226
|
type: "primary",
|
|
212
227
|
onClick: _this2.onSearch
|
|
213
|
-
}, _this2.getText('search')), showReset &&
|
|
228
|
+
}, _this2.getText('search')), showReset && _react["default"].createElement(_antd.Button, {
|
|
214
229
|
onClick: _this2.onReset
|
|
215
|
-
}, _this2.getText('reset')), showMore && !showFieldCount &&
|
|
230
|
+
}, _this2.getText('reset')), showMore && !showFieldCount && _react["default"].createElement(_antd.Button, {
|
|
216
231
|
className: "expand-link",
|
|
217
232
|
type: "link",
|
|
218
233
|
onClick: _this2.onToggleExpand
|
|
219
|
-
}, _this2.getText(expanded ? 'collapse' : 'expand')),
|
|
234
|
+
}, _this2.getText(expanded ? 'collapse' : 'expand')), _react["default"].Children.map(children, function (child) {
|
|
220
235
|
var _child$props;
|
|
221
236
|
|
|
222
|
-
return child && (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.align) === 'right' &&
|
|
237
|
+
return child && (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.align) === 'right' && _react["default"].cloneElement(child);
|
|
223
238
|
}));
|
|
224
239
|
};
|
|
225
240
|
|
|
226
|
-
return
|
|
241
|
+
return _react["default"].createElement("div", {
|
|
227
242
|
ref: this.formBoxRef,
|
|
228
|
-
className:
|
|
229
|
-
},
|
|
243
|
+
className: (0, _classnames3["default"])(clsPrefix, _defineProperty({}, className, className))
|
|
244
|
+
}, _react["default"].createElement(_antd.Form, {
|
|
230
245
|
layout: "inline",
|
|
231
|
-
className:
|
|
246
|
+
className: (0, _classnames3["default"])({
|
|
232
247
|
expanded: !showMore || expanded,
|
|
233
248
|
showMore: showMore
|
|
234
249
|
})
|
|
235
|
-
},
|
|
250
|
+
}, _react["default"].createElement("div", {
|
|
236
251
|
ref: this.fieldsRef
|
|
237
|
-
},
|
|
252
|
+
}, _react["default"].Children.map(children, function (child, index) {
|
|
238
253
|
var _child$props2;
|
|
239
254
|
|
|
240
|
-
return child && (child == null ? void 0 : (_child$props2 = child.props) == null ? void 0 : _child$props2.align) !== 'right' && (!showFieldCount || showFieldCount > index) &&
|
|
255
|
+
return child && (child == null ? void 0 : (_child$props2 = child.props) == null ? void 0 : _child$props2.align) !== 'right' && (!showFieldCount || showFieldCount > index) && _react["default"].cloneElement(child, {
|
|
241
256
|
form: _this2.form,
|
|
242
257
|
initialValue: initialValues == null ? void 0 : initialValues[child.props.name],
|
|
243
258
|
onChange: _this2.onFieldChange
|
|
244
259
|
});
|
|
245
|
-
})),
|
|
260
|
+
})), _react["default"].createElement("div", {
|
|
246
261
|
className: "".concat(clsPrefix, "-actions")
|
|
247
|
-
}, renderFormActions()), showFieldCount &&
|
|
262
|
+
}, renderFormActions()), showFieldCount && _react["default"].createElement(_antd.Drawer, _extends({
|
|
248
263
|
title: this.getText('moreFiltering'),
|
|
249
264
|
visible: drawerVisible,
|
|
250
265
|
onClose: function onClose() {
|
|
@@ -256,30 +271,30 @@ function (_React$PureComponent) {
|
|
|
256
271
|
size: size,
|
|
257
272
|
getContainer: false
|
|
258
273
|
}, drawerProps, {
|
|
259
|
-
className:
|
|
274
|
+
className: (0, _classnames3["default"])("".concat(clsPrefix, "-drawer"), _defineProperty({
|
|
260
275
|
'large-size': size === 'large'
|
|
261
276
|
}, className, className))
|
|
262
|
-
}),
|
|
263
|
-
return child && index >= showFieldCount &&
|
|
277
|
+
}), _react["default"].Children.map(children, function (child, index) {
|
|
278
|
+
return child && index >= showFieldCount && _react["default"].cloneElement(child, {
|
|
264
279
|
form: _this2.form,
|
|
265
280
|
isFieldInDrawer: true,
|
|
266
281
|
initialValue: initialValues == null ? void 0 : initialValues[child.props.name],
|
|
267
282
|
onChange: _this2.onFieldChange,
|
|
268
283
|
onSearch: _this2.onSearch
|
|
269
284
|
});
|
|
270
|
-
}),
|
|
285
|
+
}), _react["default"].createElement(_antd.Button, {
|
|
271
286
|
type: "primary",
|
|
272
287
|
onClick: this.onSearch
|
|
273
|
-
}, this.getText('search')),
|
|
288
|
+
}, this.getText('search')), _react["default"].createElement(_antd.Button, {
|
|
274
289
|
onClick: this.onReset
|
|
275
|
-
}, this.getText('reset')))), extraActions &&
|
|
290
|
+
}, this.getText('reset')))), extraActions && _react["default"].createElement("div", {
|
|
276
291
|
className: "".concat(clsPrefix, "-extra")
|
|
277
292
|
}, extraActions));
|
|
278
293
|
}
|
|
279
294
|
}, {
|
|
280
295
|
key: "getText",
|
|
281
296
|
value: function getText(key) {
|
|
282
|
-
return
|
|
297
|
+
return (0, _locale.getText)(key, this.props.language || (0, _locale.getLanguage)());
|
|
283
298
|
}
|
|
284
299
|
}, {
|
|
285
300
|
key: "isFieldsWidthOverflow",
|
|
@@ -376,10 +391,11 @@ function (_React$PureComponent) {
|
|
|
376
391
|
}]);
|
|
377
392
|
|
|
378
393
|
return QueryForm;
|
|
379
|
-
}(
|
|
394
|
+
}(_react["default"].PureComponent);
|
|
380
395
|
|
|
381
396
|
;
|
|
382
|
-
QueryForm.Field =
|
|
383
|
-
QueryForm.useForm =
|
|
384
|
-
QueryForm.createForm =
|
|
385
|
-
|
|
397
|
+
QueryForm.Field = _Field["default"];
|
|
398
|
+
QueryForm.useForm = _useForm["default"];
|
|
399
|
+
QueryForm.createForm = _createActions["default"];
|
|
400
|
+
var _default = QueryForm;
|
|
401
|
+
exports["default"] = _default;
|
package/es/QueryForm/useForm.js
CHANGED
|
@@ -1,7 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = useForm;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var _createActions = _interopRequireDefault(require("./createActions"));
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
function useForm() {
|
|
15
|
+
var form = (0, _react.useRef)((0, _createActions["default"])());
|
|
5
16
|
return [form.current];
|
|
6
17
|
}
|
|
18
|
+
|
|
7
19
|
;
|
|
@@ -1,5 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _reactDom = require("react-dom");
|
|
11
|
+
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
14
|
+
var _lodash = require("lodash");
|
|
15
|
+
|
|
16
|
+
var _antd = require("antd");
|
|
17
|
+
|
|
18
|
+
var _Table = _interopRequireDefault(require("../Table"));
|
|
19
|
+
|
|
20
|
+
var _locale = require("../locale");
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
3
27
|
|
|
4
28
|
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); }
|
|
5
29
|
|
|
@@ -31,17 +55,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
|
31
55
|
|
|
32
56
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
57
|
|
|
34
|
-
/**
|
|
35
|
-
* @file QueryList
|
|
36
|
-
* @author you.zhang
|
|
37
|
-
*/
|
|
38
|
-
import React, { createRef } from 'react';
|
|
39
|
-
import { findDOMNode } from 'react-dom';
|
|
40
|
-
import cn from 'classnames';
|
|
41
|
-
import { get, pickBy, isEmpty, debounce, throttle } from 'lodash';
|
|
42
|
-
import Table from '../Table';
|
|
43
|
-
import { getText, getLanguage } from '../locale';
|
|
44
|
-
|
|
45
58
|
var QueryList =
|
|
46
59
|
/*#__PURE__*/
|
|
47
60
|
function (_React$PureComponent) {
|
|
@@ -55,7 +68,7 @@ function (_React$PureComponent) {
|
|
|
55
68
|
_classCallCheck(this, QueryList);
|
|
56
69
|
|
|
57
70
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(QueryList).call(this, props));
|
|
58
|
-
_this.onWindowResize = debounce(function () {
|
|
71
|
+
_this.onWindowResize = (0, _lodash.debounce)(function () {
|
|
59
72
|
var scroll = _this.state.scroll;
|
|
60
73
|
|
|
61
74
|
_this.setState({
|
|
@@ -98,7 +111,7 @@ function (_React$PureComponent) {
|
|
|
98
111
|
}
|
|
99
112
|
|
|
100
113
|
actions.setData('submittedFormData', params);
|
|
101
|
-
return query(pickBy(params, function (val) {
|
|
114
|
+
return query((0, _lodash.pickBy)(params, function (val) {
|
|
102
115
|
return val !== '' && val !== null && val !== undefined;
|
|
103
116
|
})).then(function (result) {
|
|
104
117
|
var dataSource = hasPagination ? result.data || [] : result;
|
|
@@ -145,9 +158,9 @@ function (_React$PureComponent) {
|
|
|
145
158
|
};
|
|
146
159
|
|
|
147
160
|
_this.onFormChange = function (values) {
|
|
148
|
-
_this.formData = pickBy(_objectSpread({}, values, {
|
|
149
|
-
sorter: get(_this.formData, 'sorter'),
|
|
150
|
-
filters: get(_this.formData, 'filters')
|
|
161
|
+
_this.formData = (0, _lodash.pickBy)(_objectSpread({}, values, {
|
|
162
|
+
sorter: (0, _lodash.get)(_this.formData, 'sorter'),
|
|
163
|
+
filters: (0, _lodash.get)(_this.formData, 'filters')
|
|
151
164
|
}), function (val) {
|
|
152
165
|
return val !== undefined;
|
|
153
166
|
});
|
|
@@ -174,8 +187,8 @@ function (_React$PureComponent) {
|
|
|
174
187
|
var tableParams = {
|
|
175
188
|
pageSize: pagination.pageSize,
|
|
176
189
|
current: pagination.current,
|
|
177
|
-
filters: isEmpty(filters) ? undefined : filters,
|
|
178
|
-
sorter: isEmpty(sorter) ? undefined : sorter
|
|
190
|
+
filters: (0, _lodash.isEmpty)(filters) ? undefined : filters,
|
|
191
|
+
sorter: (0, _lodash.isEmpty)(sorter) ? undefined : sorter
|
|
179
192
|
};
|
|
180
193
|
console.log('onTableChange...', actions.getSubmittedFormData(), _this.formData);
|
|
181
194
|
Object.assign(_this.formData, tableParams); // 排序变化暂时不处理,因为有时可能是前端sorter不需要走请求
|
|
@@ -204,7 +217,7 @@ function (_React$PureComponent) {
|
|
|
204
217
|
}
|
|
205
218
|
};
|
|
206
219
|
|
|
207
|
-
_this.onTableBodyScroll = throttle(function (evt) {
|
|
220
|
+
_this.onTableBodyScroll = (0, _lodash.throttle)(function (evt) {
|
|
208
221
|
console.log('onTableBodyScroll', evt.target.scrollTop);
|
|
209
222
|
|
|
210
223
|
_this.updateIsScrollToBottom(evt.target);
|
|
@@ -234,7 +247,7 @@ function (_React$PureComponent) {
|
|
|
234
247
|
scroll: props.scroll,
|
|
235
248
|
hasScrollToBottom: !((_props$scroll = props.scroll) == null ? void 0 : _props$scroll.y)
|
|
236
249
|
};
|
|
237
|
-
_this.tableRef = createRef();
|
|
250
|
+
_this.tableRef = (0, _react.createRef)();
|
|
238
251
|
var _actions = props.actions;
|
|
239
252
|
|
|
240
253
|
_actions.on('search', _this.onSearch);
|
|
@@ -278,7 +291,7 @@ function (_React$PureComponent) {
|
|
|
278
291
|
showQuickJumper: true,
|
|
279
292
|
showSizeChanger: true,
|
|
280
293
|
showTotal: function showTotal(total) {
|
|
281
|
-
return getText('totalRecords', getLanguage(), total);
|
|
294
|
+
return (0, _locale.getText)('totalRecords', (0, _locale.getLanguage)(), total);
|
|
282
295
|
}
|
|
283
296
|
}, pagination || {});
|
|
284
297
|
|
|
@@ -287,14 +300,14 @@ function (_React$PureComponent) {
|
|
|
287
300
|
onExpandedRowsChange: this.onExpandedRowsChange
|
|
288
301
|
} : {});
|
|
289
302
|
|
|
290
|
-
return
|
|
291
|
-
className:
|
|
303
|
+
return _react["default"].createElement("div", {
|
|
304
|
+
className: (0, _classnames["default"])("tnt-querylistscene-list ".concat(className), {
|
|
292
305
|
paginationSticky: paginationSticky,
|
|
293
306
|
hasScrollToBottom: hasScrollToBottom
|
|
294
307
|
})
|
|
295
|
-
},
|
|
308
|
+
}, _react["default"].createElement(_antd.Spin, {
|
|
296
309
|
spinning: loading
|
|
297
|
-
},
|
|
310
|
+
}, _react["default"].createElement(_Table["default"], _extends({
|
|
298
311
|
ref: this.tableRef
|
|
299
312
|
}, expandProps, rest, columns ? {
|
|
300
313
|
columns: columns
|
|
@@ -350,7 +363,7 @@ function (_React$PureComponent) {
|
|
|
350
363
|
|
|
351
364
|
if (this.tableRef.current) {
|
|
352
365
|
// table内垂直滚动,需要动态设置分页组件上阴影样式
|
|
353
|
-
var tableBody = findDOMNode(this.tableRef.current).querySelector('.ant-table-body');
|
|
366
|
+
var tableBody = (0, _reactDom.findDOMNode)(this.tableRef.current).querySelector('.ant-table-body');
|
|
354
367
|
this.initialTop = window.innerHeight - this.state.scroll.y;
|
|
355
368
|
this.updateIsScrollToBottom(tableBody);
|
|
356
369
|
tableBody.addEventListener('scroll', this.onTableBodyScroll);
|
|
@@ -372,7 +385,7 @@ function (_React$PureComponent) {
|
|
|
372
385
|
}]);
|
|
373
386
|
|
|
374
387
|
return QueryList;
|
|
375
|
-
}(
|
|
388
|
+
}(_react["default"].PureComponent);
|
|
376
389
|
|
|
377
|
-
|
|
390
|
+
exports["default"] = QueryList;
|
|
378
391
|
;
|
|
@@ -1,3 +1,18 @@
|
|
|
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 _classnames2 = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _QueryForm = _interopRequireDefault(require("../QueryForm"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
1
16
|
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); }
|
|
2
17
|
|
|
3
18
|
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); }
|
|
@@ -28,9 +43,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
|
28
43
|
|
|
29
44
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
30
45
|
|
|
31
|
-
import React from 'react';
|
|
32
|
-
import classnames from 'classnames';
|
|
33
|
-
import Form from '../QueryForm';
|
|
34
46
|
var clsPrefix = 'tnt-querylistscene-queryform';
|
|
35
47
|
|
|
36
48
|
var QueryForm =
|
|
@@ -107,7 +119,7 @@ function (_React$PureComponent) {
|
|
|
107
119
|
|
|
108
120
|
var _actions = props.actions,
|
|
109
121
|
form = props.form;
|
|
110
|
-
_this.form = form ||
|
|
122
|
+
_this.form = form || _QueryForm["default"].createForm();
|
|
111
123
|
|
|
112
124
|
_actions.on('setFormData', _this.setFormData);
|
|
113
125
|
|
|
@@ -127,9 +139,9 @@ function (_React$PureComponent) {
|
|
|
127
139
|
qlsProps = _this$props5.qlsProps,
|
|
128
140
|
props = _objectWithoutProperties(_this$props5, ["className", "actions", "extraActions", "extralActions", "qlsProps"]);
|
|
129
141
|
|
|
130
|
-
return
|
|
142
|
+
return _react["default"].createElement(_QueryForm["default"], _extends({}, props, {
|
|
131
143
|
form: this.form,
|
|
132
|
-
className:
|
|
144
|
+
className: (0, _classnames2["default"])(clsPrefix, _defineProperty({}, className, className)) // 前期拼写错误,导致需要兼容错误的api
|
|
133
145
|
,
|
|
134
146
|
extraActions: extraActions || extralActions,
|
|
135
147
|
onChange: this.onChange,
|
|
@@ -162,8 +174,8 @@ function (_React$PureComponent) {
|
|
|
162
174
|
}]);
|
|
163
175
|
|
|
164
176
|
return QueryForm;
|
|
165
|
-
}(
|
|
177
|
+
}(_react["default"].PureComponent);
|
|
166
178
|
|
|
167
|
-
|
|
179
|
+
exports["default"] = QueryForm;
|
|
168
180
|
;
|
|
169
|
-
QueryForm.Field =
|
|
181
|
+
QueryForm.Field = _QueryForm["default"].Field;
|
|
@@ -1,3 +1,22 @@
|
|
|
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 _Title = _interopRequireDefault(require("./Title"));
|
|
13
|
+
|
|
14
|
+
var _Toolbar = _interopRequireDefault(require("./Toolbar"));
|
|
15
|
+
|
|
16
|
+
var _createActions = _interopRequireDefault(require("./createActions"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
1
20
|
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); }
|
|
2
21
|
|
|
3
22
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -18,12 +37,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
|
18
37
|
|
|
19
38
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
20
39
|
|
|
21
|
-
import React from 'react';
|
|
22
|
-
import cn from 'classnames';
|
|
23
|
-
import Title from './Title';
|
|
24
|
-
import Toolbar from './Toolbar';
|
|
25
|
-
import createActions from './createActions';
|
|
26
|
-
|
|
27
40
|
var QueryListScene =
|
|
28
41
|
/*#__PURE__*/
|
|
29
42
|
function (_React$Component) {
|
|
@@ -35,7 +48,7 @@ function (_React$Component) {
|
|
|
35
48
|
_classCallCheck(this, QueryListScene);
|
|
36
49
|
|
|
37
50
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(QueryListScene).call(this, props));
|
|
38
|
-
_this.actions = props.actions ||
|
|
51
|
+
_this.actions = props.actions || (0, _createActions["default"])();
|
|
39
52
|
return _this;
|
|
40
53
|
}
|
|
41
54
|
|
|
@@ -52,17 +65,17 @@ function (_React$Component) {
|
|
|
52
65
|
_this$props$className = _this$props.className,
|
|
53
66
|
className = _this$props$className === void 0 ? '' : _this$props$className;
|
|
54
67
|
var hasToolbar = [].some.call(children || [], function (child) {
|
|
55
|
-
return (child == null ? void 0 : child.type) ===
|
|
68
|
+
return (child == null ? void 0 : child.type) === _Toolbar["default"];
|
|
56
69
|
});
|
|
57
|
-
return
|
|
58
|
-
className:
|
|
59
|
-
}, title &&
|
|
70
|
+
return _react["default"].createElement("div", {
|
|
71
|
+
className: (0, _classnames["default"])('tnt-querylistscene', (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'large-size', size === 'large'), _defineProperty(_cn, "hasToolbar", hasToolbar), _cn))
|
|
72
|
+
}, title && _react["default"].createElement(_Title["default"], {
|
|
60
73
|
title: title,
|
|
61
74
|
size: size
|
|
62
|
-
}),
|
|
75
|
+
}), _react["default"].createElement("div", {
|
|
63
76
|
className: "tnt-querylistscene-content"
|
|
64
|
-
},
|
|
65
|
-
return child &&
|
|
77
|
+
}, _react["default"].Children.map(children, function (child) {
|
|
78
|
+
return child && _react["default"].cloneElement(child, {
|
|
66
79
|
qlsProps: _this2.props,
|
|
67
80
|
actions: _this2.actions
|
|
68
81
|
});
|
|
@@ -71,6 +84,6 @@ function (_React$Component) {
|
|
|
71
84
|
}]);
|
|
72
85
|
|
|
73
86
|
return QueryListScene;
|
|
74
|
-
}(
|
|
87
|
+
}(_react["default"].Component);
|
|
75
88
|
|
|
76
|
-
|
|
89
|
+
exports["default"] = QueryListScene;
|