@teamix/pro 1.6.0-beta.7 → 1.6.1-beta
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/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;
|