@teamix/pro 1.6.0-beta.7 → 1.6.1-beta
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/pro.all.min.css +1 -1
- package/dist/pro.css +1 -1
- package/dist/pro.js +1662 -619
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.xconsole.min.css +1 -1
- package/es/actions/index.d.ts +6 -6
- package/es/actions/index.js +13 -13
- package/es/form/Components/FormItem2/index.js +5 -5
- package/es/form/Components/__builtins__/hooks/useClickAway.js +1 -1
- package/es/form/Components/__builtins__/icons.js +2 -2
- package/es/form/Components/__builtins__/index.d.ts +5 -5
- package/es/form/Components/__builtins__/index.js +6 -6
- package/es/form/Components/form-layout/index.js +2 -2
- package/es/form/Components/form-layout/useResponsiveFormLayout.js +1 -1
- package/es/form/Filter/AdvancedFilter.js +1 -1
- package/es/form/Filter/index2.js +2 -2
- package/es/form/ProForm/index.d.ts +2 -2
- package/es/form/ProForm/index.js +12 -17
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/index.d.ts +6 -2
- package/es/info/index.js +1 -2
- package/es/info/utils/utils.d.ts +1 -1
- package/es/sidebar/utils/index.d.ts +2 -2
- package/es/table/components/Filter/index.js +3 -3
- package/es/table/index.d.ts +3 -4
- package/es/table/index.js +105 -44
- package/es/table/index.scss +26 -0
- package/es/table/typing.d.ts +7 -1
- package/es/table/utils/columnRender.d.ts +1 -0
- package/es/table/utils/columnRender.js +41 -1
- package/es/table/utils/genAutoWidthColumns.d.ts +30 -0
- package/es/table/utils/genAutoWidthColumns.js +327 -0
- package/lib/actions/index.d.ts +6 -6
- package/lib/actions/index.js +11 -11
- package/lib/form/Components/FormItem2/index.js +39 -39
- package/lib/form/Components/__builtins__/icons.js +2 -2
- package/lib/form/Components/__builtins__/index.d.ts +5 -5
- package/lib/form/Components/__builtins__/index.js +27 -27
- package/lib/form/Components/form-layout/index.js +3 -3
- package/lib/form/Components/form-layout/useResponsiveFormLayout.js +1 -1
- package/lib/form/Filter/AdvancedFilter.js +1 -1
- package/lib/form/Filter/index2.js +2 -2
- package/lib/form/ProForm/index.d.ts +2 -2
- package/lib/form/ProForm/index.js +11 -16
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/index.d.ts +6 -2
- package/lib/info/index.js +1 -2
- package/lib/info/utils/utils.d.ts +1 -1
- package/lib/sidebar/utils/index.d.ts +2 -2
- package/lib/table/components/Filter/index.js +3 -3
- package/lib/table/index.d.ts +3 -4
- package/lib/table/index.js +104 -43
- package/lib/table/index.scss +26 -0
- package/lib/table/typing.d.ts +7 -1
- package/lib/table/utils/columnRender.d.ts +1 -0
- package/lib/table/utils/columnRender.js +44 -3
- package/lib/table/utils/genAutoWidthColumns.d.ts +30 -0
- package/lib/table/utils/genAutoWidthColumns.js +342 -0
- package/package.json +1 -1
- package/es/form/utils/parseSchema.d.ts +0 -3
- package/es/form/utils/parseSchema.js +0 -38
- package/es/utils/aspect.d.ts +0 -2
- package/es/utils/aspect.js +0 -60
- package/lib/form/utils/parseSchema.d.ts +0 -3
- package/lib/form/utils/parseSchema.js +0 -45
- package/lib/utils/aspect.d.ts +0 -2
- package/lib/utils/aspect.js +0 -67
@@ -3,14 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
var
|
7
|
-
Object.keys(
|
6
|
+
var _moment = require("./moment");
|
7
|
+
Object.keys(_moment).forEach(function (key) {
|
8
8
|
if (key === "default" || key === "__esModule") return;
|
9
|
-
if (key in exports && exports[key] ===
|
9
|
+
if (key in exports && exports[key] === _moment[key]) return;
|
10
10
|
Object.defineProperty(exports, key, {
|
11
11
|
enumerable: true,
|
12
12
|
get: function get() {
|
13
|
-
return
|
13
|
+
return _moment[key];
|
14
14
|
}
|
15
15
|
});
|
16
16
|
});
|
@@ -25,25 +25,14 @@ Object.keys(_hooks).forEach(function (key) {
|
|
25
25
|
}
|
26
26
|
});
|
27
27
|
});
|
28
|
-
var
|
29
|
-
Object.keys(
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
31
|
-
if (key in exports && exports[key] === _icons[key]) return;
|
32
|
-
Object.defineProperty(exports, key, {
|
33
|
-
enumerable: true,
|
34
|
-
get: function get() {
|
35
|
-
return _icons[key];
|
36
|
-
}
|
37
|
-
});
|
38
|
-
});
|
39
|
-
var _loading = require("./loading");
|
40
|
-
Object.keys(_loading).forEach(function (key) {
|
28
|
+
var _mapStatus = require("./mapStatus");
|
29
|
+
Object.keys(_mapStatus).forEach(function (key) {
|
41
30
|
if (key === "default" || key === "__esModule") return;
|
42
|
-
if (key in exports && exports[key] ===
|
31
|
+
if (key in exports && exports[key] === _mapStatus[key]) return;
|
43
32
|
Object.defineProperty(exports, key, {
|
44
33
|
enumerable: true,
|
45
34
|
get: function get() {
|
46
|
-
return
|
35
|
+
return _mapStatus[key];
|
47
36
|
}
|
48
37
|
});
|
49
38
|
});
|
@@ -58,25 +47,25 @@ Object.keys(_mapSize).forEach(function (key) {
|
|
58
47
|
}
|
59
48
|
});
|
60
49
|
});
|
61
|
-
var
|
62
|
-
Object.keys(
|
50
|
+
var _empty = require("./empty");
|
51
|
+
Object.keys(_empty).forEach(function (key) {
|
63
52
|
if (key === "default" || key === "__esModule") return;
|
64
|
-
if (key in exports && exports[key] ===
|
53
|
+
if (key in exports && exports[key] === _empty[key]) return;
|
65
54
|
Object.defineProperty(exports, key, {
|
66
55
|
enumerable: true,
|
67
56
|
get: function get() {
|
68
|
-
return
|
57
|
+
return _empty[key];
|
69
58
|
}
|
70
59
|
});
|
71
60
|
});
|
72
|
-
var
|
73
|
-
Object.keys(
|
61
|
+
var _loading = require("./loading");
|
62
|
+
Object.keys(_loading).forEach(function (key) {
|
74
63
|
if (key === "default" || key === "__esModule") return;
|
75
|
-
if (key in exports && exports[key] ===
|
64
|
+
if (key in exports && exports[key] === _loading[key]) return;
|
76
65
|
Object.defineProperty(exports, key, {
|
77
66
|
enumerable: true,
|
78
67
|
get: function get() {
|
79
|
-
return
|
68
|
+
return _loading[key];
|
80
69
|
}
|
81
70
|
});
|
82
71
|
});
|
@@ -90,4 +79,15 @@ Object.keys(_pickDataProps).forEach(function (key) {
|
|
90
79
|
return _pickDataProps[key];
|
91
80
|
}
|
92
81
|
});
|
82
|
+
});
|
83
|
+
var _icons = require("./icons");
|
84
|
+
Object.keys(_icons).forEach(function (key) {
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
86
|
+
if (key in exports && exports[key] === _icons[key]) return;
|
87
|
+
Object.defineProperty(exports, key, {
|
88
|
+
enumerable: true,
|
89
|
+
get: function get() {
|
90
|
+
return _icons[key];
|
91
|
+
}
|
92
|
+
});
|
93
93
|
});
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.useFormShallowLayout = exports.useFormLayout = exports.useFormDeepLayout = exports.default = exports.FormLayoutShallowContext = exports.FormLayoutDeepContext = exports.FormLayout = void 0;
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
9
8
|
var _react = _interopRequireWildcard(require("react"));
|
10
|
-
var _builtins__ = require("../__builtins__");
|
11
9
|
var _useResponsiveFormLayout = require("./useResponsiveFormLayout");
|
10
|
+
var _builtins__ = require("../__builtins__");
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
12
12
|
var _excluded = ["shallow", "children", "prefix", "className", "style"];
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
14
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
17
17
|
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; }
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useResponsiveFormLayout = void 0;
|
7
|
-
var _shared = require("@formily/shared");
|
8
7
|
var _react = require("react");
|
8
|
+
var _shared = require("@formily/shared");
|
9
9
|
var _excluded = ["breakpoints", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol"];
|
10
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
11
11
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = void 0;
|
8
|
-
var _utils = require("@teamix/utils");
|
9
8
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
+
var _utils = require("@teamix/utils");
|
10
10
|
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
11
11
|
var _utils2 = require("../utils");
|
12
12
|
var _excluded = ["schema", "onSubmit", "onReset", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "gridProps", "forceClear"];
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = exports.SimpleFilter = exports.AdvancedFilter = void 0;
|
8
|
-
var _core = require("@formily/core");
|
9
|
-
var _utils = require("@teamix/utils");
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
+
var _utils = require("@teamix/utils");
|
10
|
+
var _core = require("@formily/core");
|
11
11
|
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
12
12
|
var _utils2 = require("../utils");
|
13
13
|
require("./index2.scss");
|
@@ -5,27 +5,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = void 0;
|
8
|
-
var
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
9
|
+
var _utils = require("@teamix/utils");
|
9
10
|
var _core = require("@formily/core");
|
10
11
|
var _reactive = require("@formily/reactive");
|
11
12
|
var _formily = require("@teamix/formily");
|
12
|
-
var
|
13
|
-
var
|
14
|
-
var
|
13
|
+
var _components = require("@alicloudfe/components");
|
14
|
+
var _ProField = _interopRequireDefault(require("../Components/ProField"));
|
15
|
+
var _addCascadeEffect = _interopRequireDefault(require("./addCascadeEffect"));
|
15
16
|
var _Editable = require("../Components/Editable");
|
16
17
|
var _FormGroup = _interopRequireDefault(require("../Components/FormGroup"));
|
17
|
-
var _FormItem = _interopRequireDefault(require("../Components/FormItem2"));
|
18
18
|
var _LightFilter = _interopRequireDefault(require("../Components/LightFilter"));
|
19
|
-
var _ProField = _interopRequireDefault(require("../Components/ProField"));
|
20
19
|
var _index = _interopRequireDefault(require("../Components/Text/index"));
|
21
|
-
var _validate = _interopRequireDefault(require("../locales/validate"));
|
22
20
|
var _SchemaForm = _interopRequireDefault(require("../SchemaForm"));
|
23
|
-
var _parseSchema = require("../utils/parseSchema");
|
24
|
-
var _addCascadeEffect = _interopRequireDefault(require("./addCascadeEffect"));
|
25
|
-
require("./index.scss");
|
26
|
-
var _useAutoLayout = _interopRequireDefault(require("./useAutoLayout"));
|
27
21
|
var _useAutoSubmit = _interopRequireDefault(require("./useAutoSubmit"));
|
22
|
+
var _useAutoLayout = _interopRequireDefault(require("./useAutoLayout"));
|
28
23
|
var _useInitialRequest = _interopRequireDefault(require("./useInitialRequest"));
|
24
|
+
var _validate = _interopRequireDefault(require("../locales/validate"));
|
25
|
+
require("./index.scss");
|
26
|
+
var _FormItem = _interopRequireDefault(require("../Components/FormItem2"));
|
29
27
|
var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
|
30
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31
29
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
@@ -79,7 +77,7 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
79
77
|
onInitialComplete = _ref.onInitialComplete,
|
80
78
|
className = _ref.className,
|
81
79
|
validateFirst = _ref.validateFirst,
|
82
|
-
|
80
|
+
schema = _ref.schema,
|
83
81
|
children = _ref.children,
|
84
82
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
85
83
|
var formRef = (0, _react.useRef)();
|
@@ -90,9 +88,6 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
90
88
|
var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
|
91
89
|
context: context
|
92
90
|
});
|
93
|
-
var schema = (0, _react.useMemo)(function () {
|
94
|
-
return (0, _parseSchema.parseSchema)(schemaProps !== null && schemaProps !== void 0 ? schemaProps : []);
|
95
|
-
}, [schemaProps]);
|
96
91
|
var form = (0, _react.useMemo)(function () {
|
97
92
|
var nextForm = outerForm || (0, _core.createForm)({
|
98
93
|
validateFirst: validateFirst
|
@@ -164,5 +159,5 @@ ProForm.defaultProps = {
|
|
164
159
|
breakpoints: true,
|
165
160
|
labelAlign: 'left'
|
166
161
|
};
|
167
|
-
var _default =
|
162
|
+
var _default = ProForm;
|
168
163
|
exports.default = _default;
|
package/lib/index.d.ts
CHANGED
@@ -30,5 +30,5 @@ export * from './sidebar';
|
|
30
30
|
export * from './utils';
|
31
31
|
export * from './timeline';
|
32
32
|
export * from './image';
|
33
|
-
declare const version = "1.6.
|
33
|
+
declare const version = "1.6.1-beta";
|
34
34
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, ProImage, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -299,7 +299,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
299
299
|
if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
|
300
300
|
_icon.default.setConfig(_utils.default.getTeamixIconConfig());
|
301
301
|
}
|
302
|
-
var version = '1.6.
|
302
|
+
var version = '1.6.1-beta';
|
303
303
|
// By TeamixTest
|
304
304
|
exports.version = version;
|
305
305
|
window.postMessage({
|
package/lib/info/index.d.ts
CHANGED
@@ -2,5 +2,9 @@ import React from 'react';
|
|
2
2
|
import './index.scss';
|
3
3
|
import { ProInfoProps } from './typing';
|
4
4
|
export * from './typing';
|
5
|
-
declare const
|
6
|
-
|
5
|
+
declare const ProInfo: {
|
6
|
+
(props: ProInfoProps): JSX.Element;
|
7
|
+
Group: React.FC<import("./typing").ProInfoGroupProps>;
|
8
|
+
ProInfoGroup: React.FC<import("./typing").ProInfoGroupProps>;
|
9
|
+
};
|
10
|
+
export default ProInfo;
|
package/lib/info/index.js
CHANGED
@@ -16,7 +16,6 @@ var _utils = require("./utils");
|
|
16
16
|
var _utils2 = require("@teamix/utils");
|
17
17
|
var _hooks = require("@teamix/hooks");
|
18
18
|
var _ = require("..");
|
19
|
-
var _aspect = require("../utils/aspect");
|
20
19
|
var _typing = require("./typing");
|
21
20
|
Object.keys(_typing).forEach(function (key) {
|
22
21
|
if (key === "default" || key === "__esModule") return;
|
@@ -201,5 +200,5 @@ var ProInfo = function ProInfo(props) {
|
|
201
200
|
};
|
202
201
|
ProInfo.Group = _InfoGroup.default;
|
203
202
|
ProInfo.ProInfoGroup = _InfoGroup.default;
|
204
|
-
var _default =
|
203
|
+
var _default = ProInfo;
|
205
204
|
exports.default = _default;
|
@@ -1 +1 @@
|
|
1
|
-
export declare function getLayout(width: number): "
|
1
|
+
export declare function getLayout(width: number): "xs" | "xl" | "l" | "s" | "m";
|
@@ -141,7 +141,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
|
|
141
141
|
results?: number | undefined;
|
142
142
|
security?: string | undefined;
|
143
143
|
unselectable?: "on" | "off" | undefined;
|
144
|
-
inputMode?: "
|
144
|
+
inputMode?: "url" | "none" | "text" | "search" | "tel" | "email" | "numeric" | "decimal" | undefined;
|
145
145
|
is?: string | undefined;
|
146
146
|
'aria-activedescendant'?: string | undefined;
|
147
147
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
@@ -156,7 +156,7 @@ export declare function getTreeNodeProps(item: ProSidebarDataSourceItem): {
|
|
156
156
|
'aria-describedby'?: string | undefined;
|
157
157
|
'aria-details'?: string | undefined;
|
158
158
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
159
|
-
'aria-dropeffect'?: "
|
159
|
+
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
160
160
|
'aria-errormessage'?: string | undefined;
|
161
161
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
162
162
|
'aria-flowto'?: string | undefined;
|
@@ -86,7 +86,7 @@ var Filter = function Filter(props) {
|
|
86
86
|
}
|
87
87
|
// console.log(filters);
|
88
88
|
return filters;
|
89
|
-
}, []);
|
89
|
+
}, [column]);
|
90
90
|
// 点击确定回调
|
91
91
|
var onFilterOk = function onFilterOk() {
|
92
92
|
var _actionRef$current2, _actionRef$current2$f, _actionRef$current$ge6, _actionRef$current3, _actionRef$current3$g, _actionRef$current3$g2, _actionRef$current4, _actionRef$current4$s, _actionRef$current5, _actionRef$current7, _actionRef$current7$r, _actionRef$current8, _actionRef$current8$r, _actionRef$current9, _actionRef$current9$c;
|
@@ -168,7 +168,7 @@ var Filter = function Filter(props) {
|
|
168
168
|
setSelected([valueStr]);
|
169
169
|
}
|
170
170
|
}, /*#__PURE__*/_react.default.createElement(_field.default, {
|
171
|
-
type:
|
171
|
+
type: "text",
|
172
172
|
value: label,
|
173
173
|
render: {
|
174
174
|
ellipsis: true
|
@@ -196,7 +196,7 @@ var Filter = function Filter(props) {
|
|
196
196
|
}
|
197
197
|
}
|
198
198
|
}, /*#__PURE__*/_react.default.createElement(_field.default, {
|
199
|
-
type:
|
199
|
+
type: "text",
|
200
200
|
value: label,
|
201
201
|
render: {
|
202
202
|
ellipsis: true
|
package/lib/table/index.d.ts
CHANGED
@@ -1,6 +1,5 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import './index.scss';
|
3
1
|
import { ProTableProps } from './typing';
|
2
|
+
import './index.scss';
|
4
3
|
export * from './typing';
|
5
|
-
declare const
|
6
|
-
export default
|
4
|
+
declare const ProTable: (props: ProTableProps) => JSX.Element;
|
5
|
+
export default ProTable;
|
package/lib/table/index.js
CHANGED
@@ -5,27 +5,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
var _exportNames = {};
|
7
7
|
exports.default = void 0;
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
8
9
|
var _components = require("@alicloudfe/components");
|
9
|
-
var
|
10
|
-
var
|
10
|
+
var _Pagination = _interopRequireDefault(require("./components/Pagination"));
|
11
|
+
var _genProColumnToColumn = _interopRequireDefault(require("./utils/genProColumnToColumn"));
|
11
12
|
var _utils = require("@teamix/utils");
|
12
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
13
|
-
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
15
|
-
var _actions = require("../actions");
|
16
|
-
var _pageContainer = _interopRequireDefault(require("../page-container"));
|
17
13
|
var _skeleton = require("../skeleton");
|
18
|
-
var _aspect = require("../utils/aspect");
|
19
|
-
var _CardView = _interopRequireDefault(require("./components/CardView"));
|
20
|
-
var _Layout = _interopRequireDefault(require("./components/Layout"));
|
21
|
-
var _Pagination = _interopRequireDefault(require("./components/Pagination"));
|
22
|
-
var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscreen"));
|
23
14
|
require("./index.scss");
|
15
|
+
var _Layout = _interopRequireDefault(require("./components/Layout"));
|
24
16
|
var _utils2 = require("./utils");
|
25
|
-
var _genProColumnToColumn = _interopRequireDefault(require("./utils/genProColumnToColumn"));
|
26
17
|
var _getTableProps = _interopRequireDefault(require("./utils/getTableProps"));
|
27
18
|
var _getTableSortIcons = _interopRequireDefault(require("./utils/getTableSortIcons"));
|
28
19
|
var _useTableSelection = _interopRequireDefault(require("./utils/useTableSelection"));
|
20
|
+
var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscreen"));
|
21
|
+
var _proField = require("@teamix/pro-field");
|
22
|
+
var _actions = require("../actions");
|
23
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
24
|
+
var _pageContainer = _interopRequireDefault(require("../page-container"));
|
25
|
+
var _genAutoWidthColumns = require("./utils/genAutoWidthColumns");
|
26
|
+
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
27
|
+
var _CardView = _interopRequireDefault(require("./components/CardView"));
|
28
|
+
var _hooks = require("@teamix/hooks");
|
29
29
|
var _util = require("./utils/util");
|
30
30
|
var _typing = require("./typing");
|
31
31
|
Object.keys(_typing).forEach(function (key) {
|
@@ -39,11 +39,11 @@ Object.keys(_typing).forEach(function (key) {
|
|
39
39
|
}
|
40
40
|
});
|
41
41
|
});
|
42
|
-
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
|
43
|
-
_excluded2 = ["onChange"];
|
42
|
+
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "autoWidth", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
|
43
|
+
_excluded2 = ["onChange", "onPageSizeChange"];
|
44
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
44
45
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
45
46
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
46
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
47
47
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
48
48
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
49
49
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -168,6 +168,8 @@ var ProTable = function ProTable(props) {
|
|
168
168
|
propsSize = _props$size === void 0 ? 'medium' : _props$size,
|
169
169
|
disableSelectAll = props.disableSelectAll,
|
170
170
|
context = props.context,
|
171
|
+
_props$autoWidth = props.autoWidth,
|
172
|
+
autoWidthProp = _props$autoWidth === void 0 ? false : _props$autoWidth,
|
171
173
|
_props$fixedTableBody = props.fixedTableBody,
|
172
174
|
fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
|
173
175
|
isTree = props.isTree,
|
@@ -231,6 +233,19 @@ var ProTable = function ProTable(props) {
|
|
231
233
|
_useState16 = _slicedToArray(_useState15, 2),
|
232
234
|
filteredColumns = _useState16[0],
|
233
235
|
setFilteredColumns = _useState16[1];
|
236
|
+
// 全局状态 : 自适应表格
|
237
|
+
var autoWidth = (0, _react.useMemo)(function () {
|
238
|
+
var _getGlobalConfig2;
|
239
|
+
return ((_getGlobalConfig2 = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig2 === void 0 ? void 0 : _getGlobalConfig2.autoWidth) || autoWidthProp;
|
240
|
+
}, [autoWidthProp]);
|
241
|
+
// 判断是否有操作列,有的话则渲染一个 shadow dom
|
242
|
+
var hasActionColumn = false;
|
243
|
+
if (autoWidth) {
|
244
|
+
hasActionColumn = filteredColumns.some(function (column) {
|
245
|
+
var _column$actionSchema, _column$actionSchema$;
|
246
|
+
return (column === null || column === void 0 ? void 0 : column.actionSchema) && ((_column$actionSchema = column.actionSchema) === null || _column$actionSchema === void 0 ? void 0 : (_column$actionSchema$ = _column$actionSchema.actions) === null || _column$actionSchema$ === void 0 ? void 0 : _column$actionSchema$.length) > 0;
|
247
|
+
});
|
248
|
+
}
|
234
249
|
var _useState17 = (0, _react.useState)(propsSize),
|
235
250
|
_useState18 = _slicedToArray(_useState17, 2),
|
236
251
|
size = _useState18[0],
|
@@ -239,6 +254,13 @@ var ProTable = function ProTable(props) {
|
|
239
254
|
_useState20 = _slicedToArray(_useState19, 2),
|
240
255
|
showLoading = _useState20[0],
|
241
256
|
setShowLoading = _useState20[1];
|
257
|
+
// 自动计算列宽需要的一些hook
|
258
|
+
var _useState21 = (0, _react.useState)(false),
|
259
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
260
|
+
showShadowContainer = _useState22[0],
|
261
|
+
setShowShadowContainer = _useState22[1];
|
262
|
+
var shadowContainerRef = (0, _react.useRef)(null);
|
263
|
+
var shadowActionColumnContainerRef = (0, _react.useRef)(null);
|
242
264
|
// 表格内部用作存储的 Ref,标识 Table 组件是否被第一次渲染。用作 useUrlState filter 第一次渲染时使用 state 数据请求
|
243
265
|
var dataRef = (0, _react.useRef)({
|
244
266
|
flag: true
|
@@ -259,19 +281,19 @@ var ProTable = function ProTable(props) {
|
|
259
281
|
}, [currentPage, pageSize, urlState]);
|
260
282
|
// 存储能够被 on 监听到的 ProTable 状态
|
261
283
|
// 因为只做存储用。不需要更新视图以及需要同步更改。所以不使用 setState 更新
|
262
|
-
var
|
284
|
+
var _useState23 = (0, _react.useState)({
|
263
285
|
fullScreenState: false,
|
264
286
|
filterRules: {},
|
265
287
|
filterColumns: []
|
266
288
|
}),
|
267
|
-
|
268
|
-
actionRefState =
|
289
|
+
_useState24 = _slicedToArray(_useState23, 1),
|
290
|
+
actionRefState = _useState24[0];
|
269
291
|
// 存储 on 监听事件
|
270
|
-
var
|
292
|
+
var _useState25 = (0, _react.useState)({
|
271
293
|
fullScreenState: {}
|
272
294
|
}),
|
273
|
-
|
274
|
-
actionRefCallback =
|
295
|
+
_useState26 = _slicedToArray(_useState25, 1),
|
296
|
+
actionRefCallback = _useState26[0];
|
275
297
|
// 存储定时器 id
|
276
298
|
var autoRefreshTimerRef = (0, _react.useRef)();
|
277
299
|
var onResize = null;
|
@@ -383,20 +405,20 @@ var ProTable = function ProTable(props) {
|
|
383
405
|
}, 50);
|
384
406
|
};
|
385
407
|
// header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
|
386
|
-
var
|
387
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
388
|
-
headerHeight = _useState26[0],
|
389
|
-
setHeaderHeight = _useState26[1];
|
390
|
-
// 全屏显示 className
|
391
|
-
var _useState27 = (0, _react.useState)(false),
|
408
|
+
var _useState27 = (0, _react.useState)(0),
|
392
409
|
_useState28 = _slicedToArray(_useState27, 2),
|
393
|
-
|
394
|
-
|
395
|
-
//
|
396
|
-
var _useState29 = (0, _react.useState)(
|
410
|
+
headerHeight = _useState28[0],
|
411
|
+
setHeaderHeight = _useState28[1];
|
412
|
+
// 全屏显示 className
|
413
|
+
var _useState29 = (0, _react.useState)(false),
|
397
414
|
_useState30 = _slicedToArray(_useState29, 2),
|
398
|
-
|
399
|
-
|
415
|
+
fullscreenState = _useState30[0],
|
416
|
+
setFullscreenState = _useState30[1];
|
417
|
+
// 切换视角
|
418
|
+
var _useState31 = (0, _react.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
|
419
|
+
_useState32 = _slicedToArray(_useState31, 2),
|
420
|
+
switchViewState = _useState32[0],
|
421
|
+
setSwitchViewState = _useState32[1];
|
400
422
|
// 切换全屏搜索开关
|
401
423
|
var filterEnableRef = (0, _react.useRef)({
|
402
424
|
fullscreen: false,
|
@@ -404,8 +426,8 @@ var ProTable = function ProTable(props) {
|
|
404
426
|
});
|
405
427
|
// 全局状态 : 大数据截断
|
406
428
|
var globalUseMaxData = (0, _react.useMemo)(function () {
|
407
|
-
var
|
408
|
-
return (
|
429
|
+
var _getGlobalConfig3;
|
430
|
+
return (_getGlobalConfig3 = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig3 === void 0 ? void 0 : _getGlobalConfig3.useMaxData;
|
409
431
|
}, []);
|
410
432
|
// 非全屏状态下的
|
411
433
|
var normalDataFilterFormRef = (0, _react.useRef)();
|
@@ -416,10 +438,10 @@ var ProTable = function ProTable(props) {
|
|
416
438
|
var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef;
|
417
439
|
// let dataFilterForm = dataFilterFormRef.current;
|
418
440
|
// 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
|
419
|
-
var
|
420
|
-
|
421
|
-
footerSuctionState =
|
422
|
-
setFooterSuctionState =
|
441
|
+
var _useState33 = (0, _react.useState)(false),
|
442
|
+
_useState34 = _slicedToArray(_useState33, 2),
|
443
|
+
footerSuctionState = _useState34[0],
|
444
|
+
setFooterSuctionState = _useState34[1];
|
423
445
|
// TODO 获取内容区是否超出一屏(暂时仅支持全家桶)
|
424
446
|
var getFooterSuctionState = function getFooterSuctionState() {
|
425
447
|
if (!footerSuction) {
|
@@ -570,6 +592,9 @@ var ProTable = function ProTable(props) {
|
|
570
592
|
setFullscreenState(state);
|
571
593
|
getHeaderHeight(state);
|
572
594
|
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setState) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, 'fullScreenState', state);
|
595
|
+
if (autoWidth) {
|
596
|
+
reGenFilteredColumnsByAutoWidth();
|
597
|
+
}
|
573
598
|
return state;
|
574
599
|
},
|
575
600
|
setColumn: function setColumn(newColumns) {
|
@@ -581,10 +606,16 @@ var ProTable = function ProTable(props) {
|
|
581
606
|
if (update) {
|
582
607
|
(0, _utils2.emit)('refreshFilterState', newColumns);
|
583
608
|
}
|
609
|
+
if (autoWidth) {
|
610
|
+
reGenFilteredColumnsByAutoWidth(columns);
|
611
|
+
}
|
584
612
|
},
|
585
613
|
size: size,
|
586
614
|
setSize: function setSize(mode) {
|
587
615
|
_setSize(mode);
|
616
|
+
if (autoWidth) {
|
617
|
+
reGenFilteredColumnsByAutoWidth();
|
618
|
+
}
|
588
619
|
},
|
589
620
|
refresh: function refresh(params) {
|
590
621
|
// card视角的刷新等于重新请求
|
@@ -648,6 +679,9 @@ var ProTable = function ProTable(props) {
|
|
648
679
|
filterEnableRef: filterEnableRef,
|
649
680
|
setData: function setData(data) {
|
650
681
|
_setData(data);
|
682
|
+
if (autoWidth) {
|
683
|
+
reGenFilteredColumnsByAutoWidth();
|
684
|
+
}
|
651
685
|
},
|
652
686
|
resetTableMaxBodyHeight: function resetTableMaxBodyHeight(offset) {
|
653
687
|
getHeaderHeight(fullscreenState, offset);
|
@@ -694,6 +728,21 @@ var ProTable = function ProTable(props) {
|
|
694
728
|
if (propsActionRef) {
|
695
729
|
propsActionRef.current = actionRef.current;
|
696
730
|
}
|
731
|
+
function reGenFilteredColumnsByAutoWidth(columns) {
|
732
|
+
if (!autoWidth) {
|
733
|
+
return;
|
734
|
+
}
|
735
|
+
setShowShadowContainer(true);
|
736
|
+
var authWidthedColumns = (0, _genAutoWidthColumns.genAutoWidthColumns)(columns !== null && columns !== void 0 ? columns : filteredColumns, shadowContainerRef, data, size, useRowSelection, shadowActionColumnContainerRef);
|
737
|
+
setFilteredColumns(authWidthedColumns);
|
738
|
+
// 移除 shadow dom
|
739
|
+
// setTimeout(() => {
|
740
|
+
// if (document.querySelector('.teamix-pro-table-shadow-container')) {
|
741
|
+
// document.querySelector('.teamix-pro-table-shadow-container')?.remove();
|
742
|
+
// }
|
743
|
+
// }, 0);
|
744
|
+
}
|
745
|
+
|
697
746
|
function onFormatResult(next) {
|
698
747
|
props.onFormatResult && props.onFormatResult(next);
|
699
748
|
// 如果开启了 autoRedirect 当当前页数不为1,并且data为空的时候,重定向到第一页
|
@@ -733,6 +782,9 @@ var ProTable = function ProTable(props) {
|
|
733
782
|
setTotal(total + (next.total || ((_next$data3 = next.data) === null || _next$data3 === void 0 ? void 0 : _next$data3.length)));
|
734
783
|
}
|
735
784
|
setShowSkeleton(false);
|
785
|
+
if (autoWidth) {
|
786
|
+
reGenFilteredColumnsByAutoWidth();
|
787
|
+
}
|
736
788
|
}
|
737
789
|
// 请求表格数据工具函数
|
738
790
|
var getData = (0, _utils.useRequest)(function (params) {
|
@@ -879,6 +931,9 @@ var ProTable = function ProTable(props) {
|
|
879
931
|
_setData([].concat(_toConsumableArray(data), _toConsumableArray(dataRes || [])));
|
880
932
|
setTotal(total + (totalRes || (dataRes === null || dataRes === void 0 ? void 0 : dataRes.length)));
|
881
933
|
}
|
934
|
+
if (autoWidth) {
|
935
|
+
reGenFilteredColumnsByAutoWidth();
|
936
|
+
}
|
882
937
|
setShowSkeleton(false);
|
883
938
|
setCustomTableLoading(false);
|
884
939
|
}
|
@@ -1107,6 +1162,7 @@ var ProTable = function ProTable(props) {
|
|
1107
1162
|
var _props$paginationProp3;
|
1108
1163
|
var _ref8 = (_props$paginationProp3 = props === null || props === void 0 ? void 0 : props.paginationProps) !== null && _props$paginationProp3 !== void 0 ? _props$paginationProp3 : {},
|
1109
1164
|
onPaginationPropsChange = _ref8.onChange,
|
1165
|
+
onPageSizeChangeProp = _ref8.onPageSizeChange,
|
1110
1166
|
othersPaginationProps = _objectWithoutProperties(_ref8, _excluded2);
|
1111
1167
|
return /*#__PURE__*/_react.default.createElement("div", {
|
1112
1168
|
className: cls('footer', {
|
@@ -1131,7 +1187,8 @@ var ProTable = function ProTable(props) {
|
|
1131
1187
|
pageSizeSelector: total > (props.pageSize || 10) * 2 ? 'dropdown' : false,
|
1132
1188
|
type: total / pageSize <= 2 ? 'simple' : 'normal',
|
1133
1189
|
onPageSizeChange: function onPageSizeChange(number) {
|
1134
|
-
|
1190
|
+
onChangePaginationSize(number);
|
1191
|
+
onPageSizeChangeProp === null || onPageSizeChangeProp === void 0 ? void 0 : onPageSizeChangeProp(number);
|
1135
1192
|
},
|
1136
1193
|
useMaxData: globalUseMaxData !== null && globalUseMaxData !== void 0 ? globalUseMaxData : useMaxData
|
1137
1194
|
}, othersPaginationProps)))));
|
@@ -1169,8 +1226,12 @@ var ProTable = function ProTable(props) {
|
|
1169
1226
|
// 'footer-suction': footerSuctionState && footerSuction,
|
1170
1227
|
}),
|
1171
1228
|
ref: tableRef
|
1172
|
-
},
|
1229
|
+
}, showShadowContainer && (0, _genAutoWidthColumns.shadowContainer)({
|
1230
|
+
columns: filteredColumns,
|
1231
|
+
data: data,
|
1232
|
+
shadowContainerRef: shadowContainerRef
|
1233
|
+
}), hasActionColumn && (0, _genAutoWidthColumns.shadowActionColumnContainer)(filteredColumns, shadowActionColumnContainerRef), renderTable(isFullScreen), fixFooterState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
|
1173
1234
|
});
|
1174
1235
|
};
|
1175
|
-
var _default =
|
1236
|
+
var _default = ProTable;
|
1176
1237
|
exports.default = _default;
|