@teamix/pro 1.2.9 → 1.2.13
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/212.js +1 -1
- package/dist/pro.css +1 -1
- package/dist/pro.js +2103 -993
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/base.d.ts +16 -6
- package/es/actions/base.js +66 -12
- package/es/actions/confirm.d.ts +1 -1
- package/es/actions/danger-confirm.d.ts +1 -1
- package/es/actions/dialog-component.d.ts +1 -1
- package/es/actions/dialog-form.d.ts +1 -1
- package/es/actions/dialog-form.js +2 -2
- package/es/actions/dialog-info.d.ts +1 -1
- package/es/actions/dialog-table.d.ts +1 -1
- package/es/actions/dialog.d.ts +6 -2
- package/es/actions/dialog.js +9 -5
- package/es/actions/drawer-form.d.ts +1 -1
- package/es/actions/drawer-info.d.ts +1 -1
- package/es/actions/drawer-table.d.ts +1 -1
- package/es/actions/drawer.d.ts +1 -1
- package/es/actions/error.d.ts +1 -1
- package/es/actions/index.js +9 -5
- package/es/actions/index.scss +28 -7
- package/es/actions/link.d.ts +2 -2
- package/es/actions/link.js +2 -2
- package/es/actions/notice.d.ts +1 -1
- package/es/actions/request.d.ts +1 -1
- package/es/actions/request.js +2 -2
- package/es/card/index.d.ts +10 -1
- package/es/card/index.js +20 -5
- package/es/card/index.scss +19 -0
- package/es/card/tab.d.ts +6 -0
- package/es/card/tab.js +27 -0
- package/es/form/Filter/index.d.ts +2 -5
- package/es/form/Filter/index.js +3 -44
- package/es/form/Filter/index.scss +71 -0
- package/es/form/Filter/index2.d.ts +8 -0
- package/es/form/Filter/index2.js +318 -0
- package/es/form/ProForm/index.js +3 -23
- package/es/form/ProForm/index.scss +10 -19
- package/es/form/ProForm/useFormDisplayValues.d.ts +3 -5
- package/es/form/ProForm/useFormDisplayValues.js +44 -38
- package/es/form/SchemaForm/index.js +7 -6
- package/es/form/index.d.ts +11 -10
- package/es/form/index.js +3 -2
- package/es/form/typing.d.ts +3 -0
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/ProInfoItem/index.js +3 -1
- package/es/nocode/pages/renderer.d.ts +2 -2
- package/es/page-header/index.d.ts +20 -11
- package/es/page-header/index.js +23 -47
- package/es/page-header/index.scss +0 -11
- package/es/table/components/Filter/index.js +11 -9
- package/es/table/components/Filter/index.scss +7 -3
- package/es/table/components/Layout/index.js +10 -1
- package/es/table/index.js +21 -11
- package/es/table/typing.d.ts +6 -0
- package/es/table/utils/columnRender.js +38 -1
- package/es/table/utils/index.js +15 -1
- package/es/utils/components/tags/index.d.ts +15 -0
- package/es/utils/components/tags/index.js +94 -0
- package/es/utils/components/tags/index.scss +12 -0
- package/lib/actions/base.d.ts +16 -6
- package/lib/actions/base.js +67 -12
- package/lib/actions/confirm.d.ts +1 -1
- package/lib/actions/danger-confirm.d.ts +1 -1
- package/lib/actions/dialog-component.d.ts +1 -1
- package/lib/actions/dialog-form.d.ts +1 -1
- package/lib/actions/dialog-form.js +2 -2
- package/lib/actions/dialog-info.d.ts +1 -1
- package/lib/actions/dialog-table.d.ts +1 -1
- package/lib/actions/dialog.d.ts +6 -2
- package/lib/actions/dialog.js +9 -5
- package/lib/actions/drawer-form.d.ts +1 -1
- package/lib/actions/drawer-info.d.ts +1 -1
- package/lib/actions/drawer-table.d.ts +1 -1
- package/lib/actions/drawer.d.ts +1 -1
- package/lib/actions/error.d.ts +1 -1
- package/lib/actions/index.js +9 -5
- package/lib/actions/index.scss +28 -7
- package/lib/actions/link.d.ts +2 -2
- package/lib/actions/link.js +2 -2
- package/lib/actions/notice.d.ts +1 -1
- package/lib/actions/request.d.ts +1 -1
- package/lib/actions/request.js +2 -2
- package/lib/card/index.d.ts +10 -1
- package/lib/card/index.js +22 -4
- package/lib/card/index.scss +19 -0
- package/lib/card/tab.d.ts +6 -0
- package/lib/card/tab.js +39 -0
- package/lib/form/Filter/index.d.ts +2 -5
- package/lib/form/Filter/index.js +4 -45
- package/lib/form/Filter/index.scss +71 -0
- package/lib/form/Filter/index2.d.ts +8 -0
- package/lib/form/Filter/index2.js +342 -0
- package/lib/form/ProForm/index.js +3 -23
- package/lib/form/ProForm/index.scss +10 -19
- package/lib/form/ProForm/useFormDisplayValues.d.ts +3 -5
- package/lib/form/ProForm/useFormDisplayValues.js +51 -44
- package/lib/form/SchemaForm/index.js +7 -6
- package/lib/form/index.d.ts +11 -10
- package/lib/form/index.js +5 -3
- package/lib/form/typing.d.ts +3 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/components/ProInfoItem/index.js +3 -1
- package/lib/nocode/pages/renderer.d.ts +2 -2
- package/lib/page-header/index.d.ts +20 -11
- package/lib/page-header/index.js +22 -45
- package/lib/page-header/index.scss +0 -11
- package/lib/table/components/Filter/index.js +10 -8
- package/lib/table/components/Filter/index.scss +7 -3
- package/lib/table/components/Layout/index.js +10 -1
- package/lib/table/index.js +20 -10
- package/lib/table/typing.d.ts +6 -0
- package/lib/table/utils/columnRender.js +38 -1
- package/lib/table/utils/index.js +15 -1
- package/lib/utils/components/tags/index.d.ts +15 -0
- package/lib/utils/components/tags/index.js +114 -0
- package/lib/utils/components/tags/index.scss +12 -0
- package/package.json +4 -4
package/lib/form/index.d.ts
CHANGED
@@ -35,39 +35,39 @@ declare const formilyReact: {
|
|
35
35
|
<Decorator extends originalFormilyReact.JSXComponent, Component extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.ISchemaFieldProps<Decorator, Component, import("@formily/core").ObjectField<Decorator, Component>>): JSX.Element;
|
36
36
|
displayName: string;
|
37
37
|
Markup: {
|
38
|
-
<Decorator_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
38
|
+
<Decorator_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaMarkupFieldProps<Components, Component_1, Decorator_1>): JSX.Element;
|
39
39
|
displayName: string;
|
40
40
|
};
|
41
41
|
String: {
|
42
|
-
<Decorator_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
42
|
+
<Decorator_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_2, Decorator_2>): JSX.Element;
|
43
43
|
displayName: string;
|
44
44
|
};
|
45
45
|
Object: {
|
46
|
-
<Decorator_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
46
|
+
<Decorator_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_3, Decorator_3>): JSX.Element;
|
47
47
|
displayName: string;
|
48
48
|
};
|
49
49
|
Array: {
|
50
|
-
<Decorator_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
50
|
+
<Decorator_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_4, Decorator_4>): JSX.Element;
|
51
51
|
displayName: string;
|
52
52
|
};
|
53
53
|
Boolean: {
|
54
|
-
<Decorator_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
54
|
+
<Decorator_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_5, Decorator_5>): JSX.Element;
|
55
55
|
displayName: string;
|
56
56
|
};
|
57
57
|
Date: {
|
58
|
-
<Decorator_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
58
|
+
<Decorator_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_6, Decorator_6>): JSX.Element;
|
59
59
|
displayName: string;
|
60
60
|
};
|
61
61
|
DateTime: {
|
62
|
-
<Decorator_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
62
|
+
<Decorator_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_7, Decorator_7>): JSX.Element;
|
63
63
|
displayName: string;
|
64
64
|
};
|
65
65
|
Void: {
|
66
|
-
<Decorator_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
66
|
+
<Decorator_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_8, Decorator_8>): JSX.Element;
|
67
67
|
displayName: string;
|
68
68
|
};
|
69
69
|
Number: {
|
70
|
-
<Decorator_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "
|
70
|
+
<Decorator_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_9, Decorator_9>): JSX.Element;
|
71
71
|
displayName: string;
|
72
72
|
};
|
73
73
|
};
|
@@ -108,7 +108,8 @@ export { createForm, FormConsumer, FormDialog, FormDrawer, FormStep, FormTab, Fo
|
|
108
108
|
/**
|
109
109
|
* 导出 Filter 组件
|
110
110
|
*/
|
111
|
-
import { AdvancedFilter, SimpleFilter
|
111
|
+
import { AdvancedFilter, SimpleFilter } from './Filter';
|
112
|
+
import { QueryFilter } from './Filter/index2';
|
112
113
|
export { AdvancedFilter, SimpleFilter, QueryFilter };
|
113
114
|
/**
|
114
115
|
* 导出 ProForm 组件,支持快速搭建表单
|
package/lib/form/index.js
CHANGED
@@ -71,7 +71,7 @@ Object.defineProperty(exports, "FormTab", {
|
|
71
71
|
Object.defineProperty(exports, "QueryFilter", {
|
72
72
|
enumerable: true,
|
73
73
|
get: function get() {
|
74
|
-
return
|
74
|
+
return _index.QueryFilter;
|
75
75
|
}
|
76
76
|
});
|
77
77
|
Object.defineProperty(exports, "SimpleFilter", {
|
@@ -146,12 +146,14 @@ exports.formilyTeamix = _formilyTeamix;
|
|
146
146
|
|
147
147
|
var originalFormilyReact = _interopRequireWildcard(require("@formily/react"));
|
148
148
|
|
149
|
-
var _useFormDisplayValues =
|
149
|
+
var _useFormDisplayValues = require("./ProForm/useFormDisplayValues");
|
150
150
|
|
151
151
|
var _useFieldRequest = _interopRequireDefault(require("./ProForm/useFieldRequest"));
|
152
152
|
|
153
153
|
var _Filter = require("./Filter");
|
154
154
|
|
155
|
+
var _index = require("./Filter/index2");
|
156
|
+
|
155
157
|
var _ProForm = _interopRequireDefault(require("./ProForm"));
|
156
158
|
|
157
159
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -168,7 +170,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
168
170
|
|
169
171
|
var formilyReact = _objectSpread(_objectSpread({}, originalFormilyReact), {}, {
|
170
172
|
useFieldRequest: _useFieldRequest.default,
|
171
|
-
useFormDisplayValues: _useFormDisplayValues.
|
173
|
+
useFormDisplayValues: _useFormDisplayValues.useFormDisplayValues
|
172
174
|
});
|
173
175
|
|
174
176
|
exports.formilyReact = formilyReact;
|
package/lib/form/typing.d.ts
CHANGED
@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
|
|
2
2
|
import type { IFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
|
3
3
|
import type { IFormLayoutProps } from '@teamix/formily';
|
4
4
|
import { CommonRequestConfig } from '@teamix/utils';
|
5
|
+
import React from 'react';
|
5
6
|
interface AnyObject {
|
6
7
|
[propName: string]: any;
|
7
8
|
}
|
@@ -64,6 +65,8 @@ export interface ProFormProps extends IFormLayoutProps {
|
|
64
65
|
onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
|
65
66
|
}
|
66
67
|
export interface QueryFilterProps extends ProFormProps {
|
68
|
+
addonBefore?: ReactNode;
|
69
|
+
addonAfter?: ReactNode;
|
67
70
|
onFilter?: (values: any) => void;
|
68
71
|
onReset?: (payload?: any) => void;
|
69
72
|
}
|
package/lib/index.d.ts
CHANGED
@@ -21,5 +21,5 @@ export * from './page-container';
|
|
21
21
|
export * from './page-header';
|
22
22
|
export * from './skeleton';
|
23
23
|
export * from './table';
|
24
|
-
declare const version = "1.2.
|
24
|
+
declare const version = "1.2.12";
|
25
25
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -253,5 +253,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
253
253
|
_icon.default.setConfig(_utils.default.getTeamixIconConfig());
|
254
254
|
|
255
255
|
// export * from './sidebar';
|
256
|
-
var version = '1.2.
|
256
|
+
var version = '1.2.12';
|
257
257
|
exports.version = version;
|
@@ -35,7 +35,9 @@ var ProInfoItem = function ProInfoItem(prop) {
|
|
35
35
|
wrapperCol = baseInfoLayout.wrapperCol;
|
36
36
|
return /*#__PURE__*/_react.default.createElement("div", {
|
37
37
|
className: cls()
|
38
|
-
}, /*#__PURE__*/_react.default.createElement(Row,
|
38
|
+
}, /*#__PURE__*/_react.default.createElement(Row, {
|
39
|
+
gutter: 10
|
40
|
+
}, /*#__PURE__*/_react.default.createElement(Col, {
|
39
41
|
span: labelCol === null || labelCol === void 0 ? void 0 : labelCol.span,
|
40
42
|
className: cls('label')
|
41
43
|
}, /*#__PURE__*/_react.default.createElement(_utils.Ellipsis, {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { PageProps } from '../../page-container';
|
2
|
-
import { PageMap
|
2
|
+
import { PageMap } from '.';
|
3
3
|
export interface PageRendererProps<T = any> extends PageProps<T> {
|
4
|
-
type?:
|
4
|
+
type?: any;
|
5
5
|
error?: any;
|
6
6
|
title?: string;
|
7
7
|
pageMap?: PageMap;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
|
3
2
|
import { ItemProps } from '@alicloudfe/components/types/breadcrumb';
|
3
|
+
import { LinkPath } from '@teamix/utils';
|
4
|
+
import { ProTagItem } from '../utils/components/tags';
|
4
5
|
import { ProActionGroupProps } from '../actions';
|
5
6
|
import { ProInfoProps } from '../info';
|
6
7
|
import './index.scss';
|
@@ -10,14 +11,7 @@ export interface ProPageHeaderBreadcrumbItem extends ItemProps {
|
|
10
11
|
*/
|
11
12
|
text?: string;
|
12
13
|
}
|
13
|
-
export declare type ProPageHeaderTagItem =
|
14
|
-
closable: true;
|
15
|
-
})) & {
|
16
|
-
/**
|
17
|
-
* @deprecated 建议使用 children 代替
|
18
|
-
*/
|
19
|
-
text?: string;
|
20
|
-
};
|
14
|
+
export declare type ProPageHeaderTagItem = ProTagItem;
|
21
15
|
declare type Color = 'blue' | 'green' | 'orange' | 'red' | 'yellow' | string;
|
22
16
|
export declare type ProPageHeaderDataItem = {
|
23
17
|
title: string;
|
@@ -25,20 +19,35 @@ export declare type ProPageHeaderDataItem = {
|
|
25
19
|
color?: Color;
|
26
20
|
} & React.HTMLAttributes<HTMLElement>;
|
27
21
|
export declare type ProPageHeaderProps = {
|
22
|
+
/** 标题 */
|
28
23
|
title?: React.ReactNode;
|
24
|
+
/** 描述 */
|
29
25
|
description?: React.ReactNode;
|
30
|
-
|
26
|
+
/** 图标 */
|
27
|
+
icon?: React.ReactNode;
|
28
|
+
/** 图标颜色 */
|
31
29
|
iconColor?: Color;
|
30
|
+
/** 图标背景类型 */
|
32
31
|
iconBackgroundType?: 'circle' | 'square';
|
32
|
+
/** 图标背景色 */
|
33
33
|
iconBackgroundColor?: Color;
|
34
|
-
|
34
|
+
/** 返回按钮配置 */
|
35
|
+
goback?: boolean | LinkPath | ((e: React.MouseEvent) => void);
|
36
|
+
/** 背景图 */
|
35
37
|
image?: string;
|
38
|
+
/** 加载中 */
|
36
39
|
loading?: boolean;
|
40
|
+
/** 面包屑配置 */
|
37
41
|
breadcrumb?: ProPageHeaderBreadcrumbItem[];
|
42
|
+
/** 额外信息区配置 */
|
38
43
|
extra?: ProActionGroupProps | React.ReactNode;
|
44
|
+
/** 操作区配置 */
|
39
45
|
operation?: ProActionGroupProps | React.ReactNode;
|
46
|
+
/** 标签组 */
|
40
47
|
tags?: ProPageHeaderTagItem[];
|
48
|
+
/** 数据概览项 */
|
41
49
|
data?: ProPageHeaderDataItem[];
|
50
|
+
/** 底部详情 */
|
42
51
|
info?: ProInfoProps | React.ReactNode;
|
43
52
|
} & Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
|
44
53
|
declare const ProPageHeader: React.FC<ProPageHeaderProps>;
|
package/lib/page-header/index.js
CHANGED
@@ -17,6 +17,8 @@ var _components = require("@alicloudfe/components");
|
|
17
17
|
|
18
18
|
var _utils = require("@teamix/utils");
|
19
19
|
|
20
|
+
var _tags = require("../utils/components/tags");
|
21
|
+
|
20
22
|
var _actions = require("../actions");
|
21
23
|
|
22
24
|
var _skeleton = require("../skeleton");
|
@@ -26,9 +28,8 @@ var _info = _interopRequireDefault(require("../info"));
|
|
26
28
|
require("./index.scss");
|
27
29
|
|
28
30
|
var _excluded = ["text", "children"],
|
29
|
-
_excluded2 = ["
|
30
|
-
_excluded3 = ["
|
31
|
-
_excluded4 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
|
31
|
+
_excluded2 = ["color", "title", "num", "className"],
|
32
|
+
_excluded3 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
|
32
33
|
|
33
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
34
35
|
|
@@ -83,40 +84,6 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
|
|
83
84
|
return group;
|
84
85
|
};
|
85
86
|
|
86
|
-
var renderTags = function renderTags(tags) {
|
87
|
-
if (!tags) {
|
88
|
-
return null;
|
89
|
-
}
|
90
|
-
|
91
|
-
return /*#__PURE__*/_react.default.createElement(_components.Tag.Group, {
|
92
|
-
className: cls('tags')
|
93
|
-
}, tags.map(function (tag, i) {
|
94
|
-
// @ts-ignore
|
95
|
-
var text = tag.text,
|
96
|
-
children = tag.children,
|
97
|
-
closable = tag.closable,
|
98
|
-
others = _objectWithoutProperties(tag, _excluded2);
|
99
|
-
|
100
|
-
if (closable) {
|
101
|
-
return /*#__PURE__*/_react.default.createElement(_components.Tag.Closeable, _objectSpread({
|
102
|
-
key: i,
|
103
|
-
size: "large",
|
104
|
-
style: {
|
105
|
-
marginBottom: 0
|
106
|
-
}
|
107
|
-
}, others), text || children);
|
108
|
-
}
|
109
|
-
|
110
|
-
return /*#__PURE__*/_react.default.createElement(_components.Tag, _objectSpread({
|
111
|
-
key: i,
|
112
|
-
size: "large",
|
113
|
-
style: {
|
114
|
-
marginBottom: 0
|
115
|
-
}
|
116
|
-
}, others), text || children);
|
117
|
-
}));
|
118
|
-
};
|
119
|
-
|
120
87
|
var isPresetColor = function isPresetColor(color) {
|
121
88
|
if (!color) {
|
122
89
|
return false;
|
@@ -154,7 +121,7 @@ var renderData = function renderData(data) {
|
|
154
121
|
title = item.title,
|
155
122
|
num = item.num,
|
156
123
|
customClassName = item.className,
|
157
|
-
others = _objectWithoutProperties(item,
|
124
|
+
others = _objectWithoutProperties(item, _excluded2);
|
158
125
|
|
159
126
|
var _getColorAndStyle = getColorAndStyle(color),
|
160
127
|
className = _getColorAndStyle.className,
|
@@ -202,7 +169,7 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
202
169
|
children = props.children,
|
203
170
|
className = props.className,
|
204
171
|
style = props.style,
|
205
|
-
others = _objectWithoutProperties(props,
|
172
|
+
others = _objectWithoutProperties(props, _excluded3);
|
206
173
|
|
207
174
|
var history = (0, _reactRouterDom.useHistory)();
|
208
175
|
var backgroundImage = image ? "url('".concat(image, "')") : undefined;
|
@@ -220,12 +187,22 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
220
187
|
iconClass = _getColorAndStyle2.className,
|
221
188
|
iconStyle = _getColorAndStyle2.style;
|
222
189
|
|
223
|
-
var onBack = function onBack() {
|
190
|
+
var onBack = function onBack(e) {
|
191
|
+
if (!goback) {
|
192
|
+
return;
|
193
|
+
}
|
194
|
+
|
195
|
+
if (typeof goback === 'function') {
|
196
|
+
goback(e);
|
197
|
+
return;
|
198
|
+
}
|
199
|
+
|
224
200
|
if (goback === true) {
|
225
201
|
history.go(-1);
|
226
|
-
|
227
|
-
history.push && history.push(goback);
|
202
|
+
return;
|
228
203
|
}
|
204
|
+
|
205
|
+
(0, _utils.goToLink)(goback, history);
|
229
206
|
};
|
230
207
|
|
231
208
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, goback && /*#__PURE__*/_react.default.createElement(_icon.default, {
|
@@ -233,14 +210,14 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
233
210
|
onClick: onBack,
|
234
211
|
type: "return-line",
|
235
212
|
size: "large"
|
236
|
-
}), icon && /*#__PURE__*/_react.default.createElement(_icon.default, {
|
213
|
+
}), icon && (typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_icon.default, {
|
237
214
|
className: (0, _classnames2.default)(iconClass, cls('title-icon')),
|
238
215
|
style: iconStyle,
|
239
216
|
type: icon,
|
240
217
|
size: "large"
|
241
|
-
}), /*#__PURE__*/_react.default.createElement("span", {
|
218
|
+
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon)), /*#__PURE__*/_react.default.createElement("span", {
|
242
219
|
className: cls('title-name')
|
243
|
-
}, title), renderTags(tags));
|
220
|
+
}, title), (0, _tags.renderTags)(tags, 'large'));
|
244
221
|
};
|
245
222
|
|
246
223
|
return /*#__PURE__*/_react.default.createElement("header", _objectSpread({
|
@@ -124,17 +124,6 @@ $prefix: 'teamix-pro-page-header';
|
|
124
124
|
cursor: pointer;
|
125
125
|
}
|
126
126
|
|
127
|
-
.#{$prefix}-tags {
|
128
|
-
display: inline-flex;
|
129
|
-
align-items: center;
|
130
|
-
|
131
|
-
& > div {
|
132
|
-
&:last-child {
|
133
|
-
margin-right: 0;
|
134
|
-
}
|
135
|
-
}
|
136
|
-
}
|
137
|
-
|
138
127
|
.#{$prefix}-color {
|
139
128
|
&-blue {
|
140
129
|
color: var(--color-notice-5);
|
@@ -191,7 +191,7 @@ var Filter = function Filter(props) {
|
|
191
191
|
btn: true
|
192
192
|
}),
|
193
193
|
onClick: function onClick() {
|
194
|
-
var _actionRef$current2, _actionRef$current2$f, _actionRef$current$ge5, _actionRef$current3, _actionRef$current3$g, _actionRef$current3$g2, _actionRef$current4, _actionRef$current5, _actionRef$current5$s, _actionRef$current6, _actionRef$current6$r, _actionRef$current7, _actionRef$current7$r;
|
194
|
+
var _actionRef$current2, _actionRef$current2$f, _actionRef$current$ge5, _actionRef$current3, _actionRef$current3$g, _actionRef$current3$g2, _actionRef$current4, _actionRef$current5, _actionRef$current5$s, _actionRef$current6, _actionRef$current6$r, _actionRef$current7, _actionRef$current7$r, _actionRef$current8, _actionRef$current8$c;
|
195
195
|
|
196
196
|
(_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$f = _actionRef$current2.filterDataSource) === null || _actionRef$current2$f === void 0 ? void 0 : _actionRef$current2$f.call(_actionRef$current2, column.dataIndex); // 先获取此列的param
|
197
197
|
|
@@ -234,27 +234,29 @@ var Filter = function Filter(props) {
|
|
234
234
|
}))); // 发送请求
|
235
235
|
|
236
236
|
(_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$r = _actionRef$current6.request) === null || _actionRef$current6$r === void 0 ? void 0 : _actionRef$current6$r.call(_actionRef$current6, _objectSpread(_objectSpread({}, params), {}, _defineProperty({}, targetPageKey, 1)));
|
237
|
-
(_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$r = _actionRef$current7.resetPage) === null || _actionRef$current7$r === void 0 ? void 0 : _actionRef$current7$r.call(_actionRef$current7);
|
237
|
+
(_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$r = _actionRef$current7.resetPage) === null || _actionRef$current7$r === void 0 ? void 0 : _actionRef$current7$r.call(_actionRef$current7); // 清空表格选择
|
238
|
+
|
239
|
+
(_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
|
238
240
|
setVisible(false);
|
239
241
|
}
|
240
|
-
},
|
242
|
+
}, (0, _utils.getMessage)('ok')), /*#__PURE__*/_react.default.createElement(_components.Button, {
|
241
243
|
type: "normal",
|
242
244
|
size: "small",
|
243
245
|
className: cls({
|
244
246
|
btn: true
|
245
247
|
}),
|
246
248
|
onClick: function onClick() {
|
247
|
-
var _actionRef$current$ge6, _actionRef$
|
249
|
+
var _actionRef$current$ge6, _actionRef$current9, _actionRef$current9$g, _actionRef$current9$g2, _actionRef$current10, _actionRef$current10$, _actionRef$current11, _actionRef$current11$;
|
248
250
|
|
249
251
|
setSelected([]);
|
250
|
-
var rules = (_actionRef$current$ge6 = (_actionRef$
|
251
|
-
(_actionRef$
|
252
|
+
var rules = (_actionRef$current$ge6 = (_actionRef$current9 = actionRef.current) === null || _actionRef$current9 === void 0 ? void 0 : (_actionRef$current9$g = _actionRef$current9.getState) === null || _actionRef$current9$g === void 0 ? void 0 : (_actionRef$current9$g2 = _actionRef$current9$g.call(_actionRef$current9)) === null || _actionRef$current9$g2 === void 0 ? void 0 : _actionRef$current9$g2.filterRules) !== null && _actionRef$current$ge6 !== void 0 ? _actionRef$current$ge6 : {};
|
253
|
+
(_actionRef$current10 = actionRef.current) === null || _actionRef$current10 === void 0 ? void 0 : (_actionRef$current10$ = _actionRef$current10.setFilterRules) === null || _actionRef$current10$ === void 0 ? void 0 : _actionRef$current10$.call(_actionRef$current10, _objectSpread(_objectSpread({}, rules), {}, _defineProperty({}, column.dataIndex, {
|
252
254
|
rules: [],
|
253
255
|
params: ''
|
254
256
|
})));
|
255
|
-
(_actionRef$
|
257
|
+
(_actionRef$current11 = actionRef.current) === null || _actionRef$current11 === void 0 ? void 0 : (_actionRef$current11$ = _actionRef$current11.filterDataSource) === null || _actionRef$current11$ === void 0 ? void 0 : _actionRef$current11$.call(_actionRef$current11, column.dataIndex); // setVisible(!visible);
|
256
258
|
}
|
257
|
-
},
|
259
|
+
}, (0, _utils.getMessage)('reset'))))));
|
258
260
|
};
|
259
261
|
|
260
262
|
var _default = Filter;
|
@@ -12,12 +12,16 @@
|
|
12
12
|
}
|
13
13
|
.teamix-pro-table-toolbar-filter-btn-box {
|
14
14
|
display: flex;
|
15
|
-
justify-content:
|
15
|
+
justify-content: center;
|
16
16
|
margin-top: 10px;
|
17
17
|
padding-bottom: 5px;
|
18
|
+
padding-left: 4px;
|
19
|
+
padding-right: 4px;
|
18
20
|
}
|
19
21
|
.teamix-pro-table-toolbar-filter-btn.teamix-pro-table-toolbar-filter-btn {
|
20
|
-
width: 48px !important;
|
21
|
-
|
22
|
+
min-width: 48px !important;
|
23
|
+
&:first-child {
|
24
|
+
margin-right: 8px;
|
25
|
+
}
|
22
26
|
}
|
23
27
|
}
|
@@ -92,7 +92,16 @@ var Layout = function Layout(props) {
|
|
92
92
|
var _mainAction$actions;
|
93
93
|
|
94
94
|
if (_typeof(mainAction) === 'object' && (mainAction === null || mainAction === void 0 ? void 0 : (_mainAction$actions = mainAction.actions) === null || _mainAction$actions === void 0 ? void 0 : _mainAction$actions.length) > 0) {
|
95
|
-
//
|
95
|
+
// 判断 actions 是否 visible 都为 false,是的话也不渲染
|
96
|
+
var isEmptyActions = mainAction === null || mainAction === void 0 ? void 0 : mainAction.actions.every(function (action) {
|
97
|
+
return (action === null || action === void 0 ? void 0 : action.visible) === false;
|
98
|
+
});
|
99
|
+
|
100
|
+
if (isEmptyActions) {
|
101
|
+
return;
|
102
|
+
} // 默认 context
|
103
|
+
|
104
|
+
|
96
105
|
var defaultContext = {
|
97
106
|
action: actionRef.current,
|
98
107
|
rowSelection: rowSelection
|
package/lib/table/index.js
CHANGED
@@ -393,7 +393,11 @@ var ProTable = function ProTable(props) {
|
|
393
393
|
}
|
394
394
|
}, [propsActionRef]);
|
395
395
|
(0, _react.useEffect)(function () {
|
396
|
-
|
396
|
+
var _actionRef$current, _actionRef$current$se;
|
397
|
+
|
398
|
+
var columns = processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : []);
|
399
|
+
setFilteredColumns(columns);
|
400
|
+
(_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setState) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, 'filterColumns', columns);
|
397
401
|
}, [propsColumns]); // 绑定 Actions
|
398
402
|
|
399
403
|
(0, _utils2.useActionType)(actionRef, {
|
@@ -407,7 +411,11 @@ var ProTable = function ProTable(props) {
|
|
407
411
|
return state;
|
408
412
|
},
|
409
413
|
setColumn: function setColumn(newColumns) {
|
410
|
-
|
414
|
+
var _actionRef$current2, _actionRef$current2$s;
|
415
|
+
|
416
|
+
var columns = processColumns(newColumns);
|
417
|
+
setFilteredColumns(columns);
|
418
|
+
(_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, 'filterColumns', columns);
|
411
419
|
},
|
412
420
|
setSize: function setSize(mode) {
|
413
421
|
_setSize(mode);
|
@@ -421,11 +429,11 @@ var ProTable = function ProTable(props) {
|
|
421
429
|
}
|
422
430
|
},
|
423
431
|
reset: function reset() {
|
424
|
-
var _actionRef$
|
432
|
+
var _actionRef$current3, _actionRef$current3$s;
|
425
433
|
|
426
434
|
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
|
427
435
|
|
428
|
-
(_actionRef$
|
436
|
+
(_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$s = _actionRef$current3.setFilterRules) === null || _actionRef$current3$s === void 0 ? void 0 : _actionRef$current3$s.call(_actionRef$current3, {});
|
429
437
|
dataFilterForm.reset();
|
430
438
|
setCurrentPage(1);
|
431
439
|
|
@@ -525,8 +533,7 @@ var ProTable = function ProTable(props) {
|
|
525
533
|
|
526
534
|
if (props.onError) {
|
527
535
|
props.onError(error);
|
528
|
-
} else {
|
529
|
-
_components.Message.error(error.toString());
|
536
|
+
} else {// Message.error(error.toString());
|
530
537
|
} // 重新计算是否需要吸底
|
531
538
|
|
532
539
|
|
@@ -537,7 +544,7 @@ var ProTable = function ProTable(props) {
|
|
537
544
|
}); // 请求函数
|
538
545
|
|
539
546
|
function _request(params, noLoading) {
|
540
|
-
var _actionRef$current$ge, _actionRef$
|
547
|
+
var _actionRef$current$ge, _actionRef$current4, _actionRef$current4$g, _objectSpread2;
|
541
548
|
|
542
549
|
// 如果没有传 url 且没有 customRequest,直接返回
|
543
550
|
if (!url && !customRequest) {
|
@@ -552,7 +559,7 @@ var ProTable = function ProTable(props) {
|
|
552
559
|
|
553
560
|
var dataFilterParams = toJS(dataFilterForm.values); // 列过滤请求参数
|
554
561
|
|
555
|
-
var columnsFilterParams = (_actionRef$current$ge = (_actionRef$
|
562
|
+
var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$g = _actionRef$current4.getFilterRules) === null || _actionRef$current4$g === void 0 ? void 0 : _actionRef$current4$g.call(_actionRef$current4)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
|
556
563
|
|
557
564
|
var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, targetPageKey, currentPage), _defineProperty(_objectSpread2, targetPageSizeKey, pageSize), _objectSpread2), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
|
558
565
|
|
@@ -639,7 +646,10 @@ var ProTable = function ProTable(props) {
|
|
639
646
|
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(_objectSpread({}, toJS(dataFilterForm.values))));
|
640
647
|
|
641
648
|
if (dataFilterForm.validate()) {
|
642
|
-
setCurrentPage(1);
|
649
|
+
setCurrentPage(1); // const { mode, schema } = propsDataFilter as ProTableDataFilterProps;
|
650
|
+
// TODO: 针对 inline 模式下的 search 组件做一下处理,如果空值切换下拉的时候不触发请求
|
651
|
+
// if (mode === 'inline') {
|
652
|
+
// }
|
643
653
|
|
644
654
|
_request(_defineProperty({}, targetPageKey, 1));
|
645
655
|
}
|
@@ -817,7 +827,7 @@ var ProTable = function ProTable(props) {
|
|
817
827
|
|
818
828
|
}),
|
819
829
|
ref: tableRef
|
820
|
-
}, renderTable(), footerSuctionState && footerSuction && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && renderFooter()));
|
830
|
+
}, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
|
821
831
|
};
|
822
832
|
|
823
833
|
var _default = ProTable;
|
package/lib/table/typing.d.ts
CHANGED
@@ -180,6 +180,8 @@ export declare type ProTableActionType = {
|
|
180
180
|
export declare type ProTableActionTypeMutations = {
|
181
181
|
/** 获取state状态 */
|
182
182
|
getState?: () => ProTableActionTypeState;
|
183
|
+
/** 设置state状态 */
|
184
|
+
setState?: (key: string, value: any) => void;
|
183
185
|
/** 设置全屏状态 */
|
184
186
|
setFullScreenState?: (state: boolean) => void;
|
185
187
|
/** 绑定state监听事件 */
|
@@ -192,11 +194,15 @@ export declare type ProTableActionTypeMutations = {
|
|
192
194
|
getFilterRules?: () => object;
|
193
195
|
/** 重新计算表格maxHeight高度 */
|
194
196
|
resetTableMaxBodyHeight?: () => void;
|
197
|
+
/** 列筛选规则 */
|
198
|
+
filterColumns?: any[];
|
195
199
|
};
|
196
200
|
/** action Mutations 定义 */
|
197
201
|
export declare type ProTableActionTypeState = {
|
198
202
|
fullScreenState: boolean;
|
199
203
|
filterRules: ProTableColumnsFilterRulesItem;
|
204
|
+
filterColumns: ProTableColumnProps[];
|
205
|
+
[key: string]: any;
|
200
206
|
};
|
201
207
|
export declare type ProTableDataFilterProps = {
|
202
208
|
/** 展示形式 */
|
@@ -47,8 +47,45 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
47
47
|
* 增加了 icon 的功能 render title
|
48
48
|
*/
|
49
49
|
var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
|
50
|
+
var filterMode = item.filterMode,
|
51
|
+
filters = item.filters,
|
52
|
+
dataIndex = item.dataIndex,
|
53
|
+
dataSource = item.dataSource;
|
54
|
+
|
55
|
+
var getItemLable = function getItemLable() {
|
56
|
+
if (filterMode !== 'multiple') {
|
57
|
+
var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2;
|
58
|
+
|
59
|
+
var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState) === null || _actionRef$current$ge2 === void 0 ? void 0 : _actionRef$current$ge2.call(_actionRef$current).filterRules) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
|
60
|
+
|
61
|
+
if (Object.keys(selectedItem).length > 0) {
|
62
|
+
var _selectedItem$dataInd;
|
63
|
+
|
64
|
+
if ((_selectedItem$dataInd = selectedItem[dataIndex]) === null || _selectedItem$dataInd === void 0 ? void 0 : _selectedItem$dataInd.params) {
|
65
|
+
var _targetFilters$find;
|
66
|
+
|
67
|
+
// 找到对应的 label
|
68
|
+
var targetFilters = filters !== null && filters !== void 0 ? filters : [];
|
69
|
+
|
70
|
+
if (filters === true) {
|
71
|
+
targetFilters = dataSource !== null && dataSource !== void 0 ? dataSource : [];
|
72
|
+
}
|
73
|
+
|
74
|
+
var label = (_targetFilters$find = targetFilters.find(function (item) {
|
75
|
+
var _selectedItem$dataInd2;
|
76
|
+
|
77
|
+
return item.value === ((_selectedItem$dataInd2 = selectedItem[dataIndex]) === null || _selectedItem$dataInd2 === void 0 ? void 0 : _selectedItem$dataInd2.params);
|
78
|
+
})) === null || _targetFilters$find === void 0 ? void 0 : _targetFilters$find.label;
|
79
|
+
return "".concat(item.title, " (").concat(label, ")");
|
80
|
+
}
|
81
|
+
}
|
82
|
+
}
|
83
|
+
|
84
|
+
return item.title;
|
85
|
+
};
|
86
|
+
|
50
87
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
|
51
|
-
label:
|
88
|
+
label: getItemLable(),
|
52
89
|
tooltip: item.tooltip,
|
53
90
|
icon: item.tooltipIcon
|
54
91
|
}), item.filters && /*#__PURE__*/_react.default.createElement(_Filter.default, {
|