@teamix/pro 1.1.34 → 1.1.38
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.css +1 -1
- package/dist/pro.js +1069 -334
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog-form.d.ts +8 -1
- package/es/actions/dialog-form.js +32 -15
- package/es/actions/dialog-info.d.ts +9 -0
- package/es/actions/dialog-info.js +23 -0
- package/es/actions/dialog.d.ts +11 -0
- package/es/actions/dialog.js +105 -28
- package/es/actions/drawer-info.d.ts +6 -0
- package/es/actions/drawer-info.js +7 -0
- package/es/actions/index.d.ts +11 -5
- package/es/actions/index.js +28 -12
- package/es/actions/index.scss +39 -0
- package/es/actions/link.js +4 -12
- package/es/actions/request.d.ts +1 -1
- package/es/actions/request.js +2 -2
- package/es/form/Components/ProField/index.d.ts +1 -84
- package/es/form/SchemaForm/reactions.js +4 -2
- package/es/form/typing.d.ts +5 -5
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/{headerInfo → HeaderInfo}/index.d.ts +3 -1
- package/es/info/components/HeaderInfo/index.js +68 -0
- package/es/info/components/{headerInfo → HeaderInfo}/index.scss +0 -0
- package/es/info/components/InfoValueItem/index.js +111 -26
- package/es/info/components/{tableInfo → TableInfo}/index.d.ts +0 -0
- package/es/info/components/{tableInfo → TableInfo}/index.js +4 -21
- package/es/info/components/{tableInfo → TableInfo}/index.scss +0 -0
- package/es/info/components/baseInfo/index.d.ts +3 -1
- package/es/info/components/baseInfo/index.js +34 -42
- package/es/info/index.js +69 -26
- package/es/info/index.scss +0 -4
- package/es/info/typing.d.ts +17 -6
- package/es/page-header/index.d.ts +9 -5
- package/es/page-header/index.js +22 -7
- package/es/table/components/Filter/index.js +7 -2
- package/es/table/components/Filter/index.scss +1 -1
- package/es/table/typing.d.ts +2 -0
- package/lib/actions/dialog-form.d.ts +8 -1
- package/lib/actions/dialog-form.js +32 -15
- package/lib/actions/dialog-info.d.ts +9 -0
- package/lib/actions/dialog-info.js +37 -0
- package/lib/actions/dialog.d.ts +11 -0
- package/lib/actions/dialog.js +108 -27
- package/lib/actions/drawer-info.d.ts +6 -0
- package/lib/actions/drawer-info.js +18 -0
- package/lib/actions/index.d.ts +11 -5
- package/lib/actions/index.js +30 -12
- package/lib/actions/index.scss +39 -0
- package/lib/actions/link.js +5 -12
- package/lib/actions/request.d.ts +1 -1
- package/lib/actions/request.js +2 -2
- package/lib/form/Components/ProField/index.d.ts +1 -84
- package/lib/form/SchemaForm/reactions.js +4 -2
- package/lib/form/typing.d.ts +5 -5
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/components/{headerInfo → HeaderInfo}/index.d.ts +3 -1
- package/lib/info/components/HeaderInfo/index.js +87 -0
- package/lib/info/components/{headerInfo → HeaderInfo}/index.scss +0 -0
- package/lib/info/components/InfoValueItem/index.js +110 -25
- package/lib/info/components/{tableInfo → TableInfo}/index.d.ts +0 -0
- package/lib/info/components/{tableInfo → TableInfo}/index.js +4 -22
- package/lib/info/components/{tableInfo → TableInfo}/index.scss +0 -0
- package/lib/info/components/baseInfo/index.d.ts +3 -1
- package/lib/info/components/baseInfo/index.js +33 -49
- package/lib/info/index.js +70 -25
- package/lib/info/index.scss +0 -4
- package/lib/info/typing.d.ts +17 -6
- package/lib/page-header/index.d.ts +9 -5
- package/lib/page-header/index.js +22 -7
- package/lib/table/components/Filter/index.js +7 -2
- package/lib/table/components/Filter/index.scss +1 -1
- package/lib/table/typing.d.ts +2 -0
- package/package.json +1 -1
- package/es/info/components/headerInfo/index.js +0 -99
- package/lib/info/components/headerInfo/index.js +0 -126
@@ -1,162 +1,79 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
declare const _default: React.ForwardRefExoticComponent<(Partial<import("@teamix/pro-field/lib/components/FieldText").IProFieldText & {
|
3
3
|
type: "text";
|
4
|
-
} & {
|
5
|
-
children?: React.ReactNode;
|
6
4
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldTextArea").IProFieldTextArea & {
|
7
5
|
type: "textarea";
|
8
|
-
} & {
|
9
|
-
children?: React.ReactNode;
|
10
6
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldMoney").IProFieldMoney & {
|
11
7
|
type: "money";
|
12
|
-
} & {
|
13
|
-
children?: React.ReactNode;
|
14
8
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldCheckBox").IProFieldCheckBox & {
|
15
9
|
type: "checkbox";
|
16
|
-
} & {
|
17
|
-
children?: React.ReactNode;
|
18
10
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldRadio").IProFieldRadio & {
|
19
11
|
type: "radio";
|
20
|
-
} & {
|
21
|
-
children?: React.ReactNode;
|
22
12
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldSelect").IProFieldSelect & {
|
23
13
|
type: "select";
|
24
|
-
} & {
|
25
|
-
children?: React.ReactNode;
|
26
14
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldMultipleSelect").IProFieldMultipleSelect & {
|
27
15
|
type: "multipleSelect";
|
28
|
-
} & {
|
29
|
-
children?: React.ReactNode;
|
30
16
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDate & {
|
31
17
|
type: "date";
|
32
|
-
} & {
|
33
|
-
children?: React.ReactNode;
|
34
18
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateWeek & {
|
35
19
|
type: "dateWeek";
|
36
|
-
} & {
|
37
|
-
children?: React.ReactNode;
|
38
20
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateMonth & {
|
39
21
|
type: "dateMonth";
|
40
|
-
} & {
|
41
|
-
children?: React.ReactNode;
|
42
22
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateYear & {
|
43
23
|
type: "dateYear";
|
44
|
-
} & {
|
45
|
-
children?: React.ReactNode;
|
46
24
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateQuarter & {
|
47
25
|
type: "dateQuarter";
|
48
|
-
} & {
|
49
|
-
children?: React.ReactNode;
|
50
26
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateRange & {
|
51
27
|
type: "dateRange";
|
52
|
-
} & {
|
53
|
-
children?: React.ReactNode;
|
54
28
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateWeekRange & {
|
55
29
|
type: "dateWeekRange";
|
56
|
-
} & {
|
57
|
-
children?: React.ReactNode;
|
58
30
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateMonthRange & {
|
59
31
|
type: "dateMonthRange";
|
60
|
-
} & {
|
61
|
-
children?: React.ReactNode;
|
62
32
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateYearRange & {
|
63
33
|
type: "dateYearRange";
|
64
|
-
} & {
|
65
|
-
children?: React.ReactNode;
|
66
34
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateQuarterRange & {
|
67
35
|
type: "dateQuarterRange";
|
68
|
-
} & {
|
69
|
-
children?: React.ReactNode;
|
70
36
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateTime & {
|
71
37
|
type: "dateTime";
|
72
|
-
} & {
|
73
|
-
children?: React.ReactNode;
|
74
38
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldDateTimeRange & {
|
75
39
|
type: "dateTimeRange";
|
76
|
-
} & {
|
77
|
-
children?: React.ReactNode;
|
78
40
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldTime & {
|
79
41
|
type: "time";
|
80
|
-
} & {
|
81
|
-
children?: React.ReactNode;
|
82
42
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldDate").IProFieldTimeRange & {
|
83
43
|
type: "timeRange";
|
84
|
-
} & {
|
85
|
-
children?: React.ReactNode;
|
86
44
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldNumber").IProFieldNumber & {
|
87
45
|
type: "number";
|
88
|
-
} & {
|
89
|
-
children?: React.ReactNode;
|
90
46
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldPercent").IProFieldPercent & {
|
91
47
|
type: "percent";
|
92
|
-
} & {
|
93
|
-
children?: React.ReactNode;
|
94
48
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldCascader").IProFieldCascader & {
|
95
49
|
type: "cascader";
|
96
|
-
} & {
|
97
|
-
children?: React.ReactNode;
|
98
50
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldCascader").IProFieldMultipleCascader & {
|
99
51
|
type: "multipleCascader";
|
100
|
-
} & {
|
101
|
-
children?: React.ReactNode;
|
102
52
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldCascader").IProFieldArbitraryCascader & {
|
103
53
|
type: "arbitraryCascader";
|
104
|
-
} & {
|
105
|
-
children?: React.ReactNode;
|
106
54
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldSwitch").IProFieldSwitch & {
|
107
55
|
type: "switch";
|
108
|
-
} & {
|
109
|
-
children?: React.ReactNode;
|
110
56
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldColor").IProFieldColor & {
|
111
57
|
type: "color" | "colorSwatches" | "colorRadio" | "colorTwitter";
|
112
|
-
} & {
|
113
|
-
children?: React.ReactNode;
|
114
58
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldIcon").IProFieldIcon & {
|
115
59
|
type: "icon";
|
116
|
-
} & {
|
117
|
-
children?: React.ReactNode;
|
118
60
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldTreeSelect").IProFieldTreeSelect & {
|
119
61
|
type: "treeSelect";
|
120
|
-
} & {
|
121
|
-
children?: React.ReactNode;
|
122
62
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldJson").IProFieldJson & {
|
123
63
|
type: "json";
|
124
|
-
} & {
|
125
|
-
children?: React.ReactNode;
|
126
64
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldTransfer").IProFieldTransfer & {
|
127
65
|
type: "transfer";
|
128
|
-
} & {
|
129
|
-
children?: React.ReactNode;
|
130
66
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldRange").IProFieldRange & {
|
131
67
|
type: "range";
|
132
|
-
} & {
|
133
|
-
children?: React.ReactNode;
|
134
68
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldPassword").IProFieldPassword & {
|
135
69
|
type: "password";
|
136
|
-
} & {
|
137
|
-
children?: React.ReactNode;
|
138
70
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldSearch").IProFieldSearch & {
|
139
71
|
type: "search";
|
140
|
-
} & {
|
141
|
-
children?: React.ReactNode;
|
142
72
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldTagFilter").IProFieldTagFilter & {
|
143
73
|
type: "tagFilter";
|
144
|
-
} & {
|
145
|
-
children?: React.ReactNode;
|
146
74
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldTagFilter").IProFieldMultipleTagFilter & {
|
147
75
|
type: "multipleTagPicker";
|
148
|
-
} & {
|
149
|
-
children?: React.ReactNode;
|
150
76
|
}> | Partial<import("@teamix/pro-field/lib/components/FieldMenuSelect").IProFieldMenuSelect & {
|
151
77
|
type: "menuSelect";
|
152
|
-
} &
|
153
|
-
children?: React.ReactNode;
|
154
|
-
}> | Pick<Partial<{
|
155
|
-
[key: string]: any;
|
156
|
-
type: string;
|
157
|
-
value?: any;
|
158
|
-
initValue?: any;
|
159
|
-
} & import("@teamix/pro-field").IProBaseField & {
|
160
|
-
children?: React.ReactNode;
|
161
|
-
}>, string | number>) & React.RefAttributes<unknown>>;
|
78
|
+
}> | Pick<Partial<import("@teamix/pro-field").IProFieldCustom>, keyof import("@teamix/pro-field").IProFieldCustom>) & React.RefAttributes<unknown>>;
|
162
79
|
export default _default;
|
@@ -16,6 +16,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
16
16
|
// 配置请求
|
17
17
|
var useRequest = function useRequest(requestConfig) {
|
18
18
|
return function (field) {
|
19
|
+
var _field$form;
|
20
|
+
|
19
21
|
var beforeRequest = requestConfig.beforeRequest,
|
20
22
|
onSuccess = requestConfig.onSuccess;
|
21
23
|
var beforeRequestResult = (0, _utils.isFn)(beforeRequest) ? beforeRequest(field) : {};
|
@@ -29,8 +31,8 @@ var useRequest = function useRequest(requestConfig) {
|
|
29
31
|
} : onSuccess
|
30
32
|
}), {
|
31
33
|
$self: field,
|
32
|
-
$form: field.form,
|
33
|
-
$values: field.form.values
|
34
|
+
$form: field === null || field === void 0 ? void 0 : field.form,
|
35
|
+
$values: field === null || field === void 0 ? void 0 : (_field$form = field.form) === null || _field$form === void 0 ? void 0 : _field$form.values
|
34
36
|
});
|
35
37
|
};
|
36
38
|
}; // 配置校验
|
package/lib/form/typing.d.ts
CHANGED
@@ -33,11 +33,11 @@ export interface IFormSchemaItem {
|
|
33
33
|
tooltip?: string;
|
34
34
|
required?: boolean;
|
35
35
|
display?: FieldDisplayTypes;
|
36
|
-
visible?: boolean;
|
37
|
-
hidden?: boolean;
|
38
|
-
disabled?: boolean;
|
39
|
-
readOnly?: boolean;
|
40
|
-
readPretty?: boolean;
|
36
|
+
visible?: boolean | string;
|
37
|
+
hidden?: boolean | string;
|
38
|
+
disabled?: boolean | string;
|
39
|
+
readOnly?: boolean | string;
|
40
|
+
readPretty?: boolean | string;
|
41
41
|
pattern?: FieldPatternTypes;
|
42
42
|
default?: any;
|
43
43
|
request?: IRequestConfig;
|
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.1.
|
24
|
+
declare const version = "1.1.37";
|
25
25
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -2,6 +2,8 @@ import React from 'react';
|
|
2
2
|
import { IProHeaderInfo, ProInfoTransparentBase } from '../../typing';
|
3
3
|
import { IUseInfoRequestResult } from '../../utils/useInfoRequest';
|
4
4
|
import './index.scss';
|
5
|
-
declare type ProHeaderInfoProps = IProHeaderInfo & IUseInfoRequestResult & ProInfoTransparentBase
|
5
|
+
declare type ProHeaderInfoProps = IProHeaderInfo & IUseInfoRequestResult & ProInfoTransparentBase & {
|
6
|
+
size?: any;
|
7
|
+
};
|
6
8
|
declare const ProHeaderInfo: React.FC<ProHeaderInfoProps>;
|
7
9
|
export default ProHeaderInfo;
|
@@ -0,0 +1,87 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = void 0;
|
7
|
+
|
8
|
+
var _components = require("@alicloudfe/components");
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _ProInfoItem = _interopRequireDefault(require("../ProInfoItem"));
|
13
|
+
|
14
|
+
require("./index.scss");
|
15
|
+
|
16
|
+
var _layout = _interopRequireDefault(require("../../utils/layout"));
|
17
|
+
|
18
|
+
var _utils = require("../../utils/utils");
|
19
|
+
|
20
|
+
var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
|
21
|
+
|
22
|
+
var _utils2 = require("../../utils");
|
23
|
+
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
+
|
26
|
+
var Row = _components.Grid.Row,
|
27
|
+
Col = _components.Grid.Col;
|
28
|
+
|
29
|
+
var ProHeaderInfo = function ProHeaderInfo(props) {
|
30
|
+
var _size$width;
|
31
|
+
|
32
|
+
var columns = props.columns,
|
33
|
+
dataSource = props.dataSource,
|
34
|
+
layout = props.layout,
|
35
|
+
loading = props.loading,
|
36
|
+
result = props.result,
|
37
|
+
actionRef = props.actionRef,
|
38
|
+
size = props.size;
|
39
|
+
|
40
|
+
var defaultLayout = _layout.default[(0, _utils.getLayout)((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)];
|
41
|
+
|
42
|
+
var renderContent = function renderContent() {
|
43
|
+
return columns.map(function (item, index) {
|
44
|
+
var _item$title, _item$valueType;
|
45
|
+
|
46
|
+
var span = 24;
|
47
|
+
|
48
|
+
if (layout === null || layout === void 0 ? void 0 : layout.colNum) {
|
49
|
+
var _item$colSpan;
|
50
|
+
|
51
|
+
span = 24 / (layout === null || layout === void 0 ? void 0 : layout.colNum) * ((_item$colSpan = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan !== void 0 ? _item$colSpan : 1);
|
52
|
+
} else {
|
53
|
+
var _item$colSpan2;
|
54
|
+
|
55
|
+
span = defaultLayout.span * ((_item$colSpan2 = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan2 !== void 0 ? _item$colSpan2 : 1);
|
56
|
+
}
|
57
|
+
|
58
|
+
return /*#__PURE__*/_react.default.createElement(Col, {
|
59
|
+
span: span,
|
60
|
+
key: index
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_ProInfoItem.default, {
|
62
|
+
label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
|
63
|
+
loading: loading,
|
64
|
+
value: /*#__PURE__*/_react.default.createElement(_InfoValueItem.default, {
|
65
|
+
type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
|
66
|
+
value: (0, _utils2.getDataIndexValue)(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result),
|
67
|
+
render: item.render,
|
68
|
+
dataSource: item.dataSource,
|
69
|
+
infoItem: item,
|
70
|
+
record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
|
71
|
+
actionRef: actionRef
|
72
|
+
}),
|
73
|
+
headerInfoLayout: layout !== null && layout !== void 0 ? layout : defaultLayout,
|
74
|
+
tooltip: item.tooltip,
|
75
|
+
tooltipIcon: item.tooltipIcon
|
76
|
+
}));
|
77
|
+
});
|
78
|
+
};
|
79
|
+
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(Row, {
|
81
|
+
wrap: true,
|
82
|
+
className: "teamix-pro-info-content-row"
|
83
|
+
}, renderContent()));
|
84
|
+
};
|
85
|
+
|
86
|
+
var _default = ProHeaderInfo;
|
87
|
+
exports.default = _default;
|
File without changes
|
@@ -25,7 +25,7 @@ var _components = require("@alicloudfe/components");
|
|
25
25
|
|
26
26
|
var _actions = require("../../../actions");
|
27
27
|
|
28
|
-
var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef"];
|
28
|
+
var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource"];
|
29
29
|
|
30
30
|
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); }
|
31
31
|
|
@@ -33,6 +33,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
33
33
|
|
34
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
35
35
|
|
36
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
37
|
+
|
38
|
+
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."); }
|
39
|
+
|
40
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
41
|
+
|
42
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
43
|
+
|
44
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
45
|
+
|
46
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
47
|
+
|
48
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
49
|
+
|
36
50
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
37
51
|
|
38
52
|
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."); }
|
@@ -45,12 +59,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
45
59
|
|
46
60
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
47
61
|
|
48
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
49
|
-
|
50
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
51
|
-
|
52
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
53
|
-
|
54
62
|
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; }
|
55
63
|
|
56
64
|
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; }
|
@@ -66,6 +74,7 @@ var InfoValueItem = function InfoValueItem(props) {
|
|
66
74
|
infoItem = props.infoItem,
|
67
75
|
record = props.record,
|
68
76
|
actionRef = props.actionRef,
|
77
|
+
dataSource = props.dataSource,
|
69
78
|
others = _objectWithoutProperties(props, _excluded);
|
70
79
|
|
71
80
|
var dataIndex = infoItem.dataIndex,
|
@@ -79,28 +88,41 @@ var InfoValueItem = function InfoValueItem(props) {
|
|
79
88
|
_infoItem$successMess = infoItem.successMessage,
|
80
89
|
successMessage = _infoItem$successMess === void 0 ? 'success' : _infoItem$successMess,
|
81
90
|
actions = infoItem.actions,
|
82
|
-
extra = infoItem.extra; //
|
83
|
-
// let fieldRender = render;
|
84
|
-
// let newValue = value;
|
85
|
-
// if (render && typeof render !== 'function') {
|
86
|
-
// const { value, ...others } = render;
|
87
|
-
// fieldRender = others;
|
88
|
-
// if (value) {
|
89
|
-
// newValue = getTargetValue(`${value}`, { ...record, record });
|
90
|
-
// console.log("newValue", newValue);
|
91
|
-
// }
|
92
|
-
// }
|
93
|
-
// 获取render
|
91
|
+
extra = infoItem.extra; // 获取处理过的 render
|
94
92
|
|
95
93
|
var getRender = function getRender() {
|
94
|
+
var _processRenderFunctio;
|
95
|
+
|
96
96
|
if (typeof render === 'function') {
|
97
97
|
return render;
|
98
98
|
}
|
99
99
|
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
100
|
+
var newRender = processBuriedPoint((_processRenderFunctio = processRenderFunction(render !== null && render !== void 0 ? render : {}, value, record)) !== null && _processRenderFunctio !== void 0 ? _processRenderFunctio : {}, value, record);
|
101
|
+
return newRender;
|
102
|
+
}; // 获取处理过的 dataSource
|
103
|
+
|
104
|
+
|
105
|
+
var getDataSource = function getDataSource() {
|
106
|
+
var newDataSource = null;
|
107
|
+
|
108
|
+
if (typeof dataSource === 'function') {
|
109
|
+
newDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource(value, record);
|
110
|
+
} else {
|
111
|
+
newDataSource = (dataSource !== null && dataSource !== void 0 ? dataSource : []).map(function (item) {
|
112
|
+
return Object.fromEntries(Object.entries(item).map(function (_ref) {
|
113
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
114
|
+
k = _ref2[0],
|
115
|
+
v = _ref2[1];
|
116
|
+
|
117
|
+
return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
|
118
|
+
record: record,
|
119
|
+
value: value
|
120
|
+
}))];
|
121
|
+
}));
|
122
|
+
});
|
123
|
+
}
|
124
|
+
|
125
|
+
return newDataSource;
|
104
126
|
}; // 浮层的显隐状态
|
105
127
|
|
106
128
|
|
@@ -133,12 +155,73 @@ var InfoValueItem = function InfoValueItem(props) {
|
|
133
155
|
type: "text",
|
134
156
|
style: {
|
135
157
|
marginLeft: '8px'
|
158
|
+
},
|
159
|
+
context: {
|
160
|
+
record: record
|
136
161
|
}
|
137
162
|
});
|
138
163
|
}
|
139
164
|
|
140
165
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
141
166
|
};
|
167
|
+
/**
|
168
|
+
* 处理 render 配置项是函数的情况
|
169
|
+
* @param render ProFieldRender
|
170
|
+
* @param value table cell value
|
171
|
+
* @param record table cell record
|
172
|
+
* @returns
|
173
|
+
*/
|
174
|
+
|
175
|
+
|
176
|
+
var processRenderFunction = function processRenderFunction(render, value, record) {
|
177
|
+
var external = ['linkOnClick', 'link', 'value'];
|
178
|
+
return Object.fromEntries(Object.entries(render).map(function (_ref3) {
|
179
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
180
|
+
k = _ref4[0],
|
181
|
+
v = _ref4[1];
|
182
|
+
|
183
|
+
if (typeof v === 'function') {
|
184
|
+
var _v;
|
185
|
+
|
186
|
+
if (external.includes(k)) {
|
187
|
+
return [k, function () {
|
188
|
+
for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
|
189
|
+
others[_key] = arguments[_key];
|
190
|
+
}
|
191
|
+
|
192
|
+
return v === null || v === void 0 ? void 0 : v.apply(void 0, [value, record].concat(others));
|
193
|
+
}];
|
194
|
+
}
|
195
|
+
|
196
|
+
return [k, (_v = v === null || v === void 0 ? void 0 : v(value, record)) !== null && _v !== void 0 ? _v : ''];
|
197
|
+
}
|
198
|
+
|
199
|
+
return [k, v];
|
200
|
+
}));
|
201
|
+
};
|
202
|
+
/**
|
203
|
+
* 处理 render 数据,取出 {{xxx}} 匹配值
|
204
|
+
* @param render ProFieldRender
|
205
|
+
* @param record table cell record
|
206
|
+
* @returns
|
207
|
+
*/
|
208
|
+
|
209
|
+
|
210
|
+
var processBuriedPoint = function processBuriedPoint(render, value, record) {
|
211
|
+
return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
|
212
|
+
// emptyText 默认为 '-'
|
213
|
+
['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
|
214
|
+
var _ref6 = _slicedToArray(_ref5, 2),
|
215
|
+
k = _ref6[0],
|
216
|
+
v = _ref6[1];
|
217
|
+
|
218
|
+
return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
|
219
|
+
record: record,
|
220
|
+
value: value
|
221
|
+
}))];
|
222
|
+
}))));
|
223
|
+
}; // 重写编辑逻辑替代field原有逻辑
|
224
|
+
|
142
225
|
|
143
226
|
if (isEdit) {
|
144
227
|
// 渲染表单
|
@@ -220,7 +303,8 @@ var InfoValueItem = function InfoValueItem(props) {
|
|
220
303
|
}, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
|
221
304
|
type: type,
|
222
305
|
value: value,
|
223
|
-
render: getRender()
|
306
|
+
render: getRender(),
|
307
|
+
dataSource: getDataSource()
|
224
308
|
}, others)), /*#__PURE__*/_react.default.createElement(_popConfirm.default, {
|
225
309
|
visible: popConfirmVisible,
|
226
310
|
content: renderContent(),
|
@@ -251,7 +335,8 @@ var InfoValueItem = function InfoValueItem(props) {
|
|
251
335
|
}, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
|
252
336
|
type: type,
|
253
337
|
value: value,
|
254
|
-
render: getRender()
|
338
|
+
render: getRender(),
|
339
|
+
dataSource: getDataSource()
|
255
340
|
}, others)), renderAction(), extra && extra);
|
256
341
|
};
|
257
342
|
|
File without changes
|
@@ -13,8 +13,6 @@ require("./index.scss");
|
|
13
13
|
|
14
14
|
var _components = require("@alicloudfe/components");
|
15
15
|
|
16
|
-
var _card = _interopRequireDefault(require("../../../card"));
|
17
|
-
|
18
16
|
var _utils = require("@teamix/utils");
|
19
17
|
|
20
18
|
var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
|
@@ -23,8 +21,6 @@ var _2 = require("../../..");
|
|
23
21
|
|
24
22
|
var _utils2 = require("../../utils");
|
25
23
|
|
26
|
-
var _excluded = ["header", "columns", "dataSource", "layout", "loading", "result", "actionRef", "className"];
|
27
|
-
|
28
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
29
25
|
|
30
26
|
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); }
|
@@ -49,22 +45,14 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
49
45
|
|
50
46
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
51
47
|
|
52
|
-
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; }
|
53
|
-
|
54
|
-
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; }
|
55
|
-
|
56
48
|
var ProTableInfo = function ProTableInfo(props) {
|
57
|
-
var
|
58
|
-
columns = props.columns,
|
49
|
+
var columns = props.columns,
|
59
50
|
dataSource = props.dataSource,
|
60
51
|
_props$layout = props.layout,
|
61
52
|
layout = _props$layout === void 0 ? {} : _props$layout,
|
62
53
|
loading = props.loading,
|
63
54
|
result = props.result,
|
64
|
-
actionRef = props.actionRef
|
65
|
-
className = props.className,
|
66
|
-
others = _objectWithoutProperties(props, _excluded);
|
67
|
-
|
55
|
+
actionRef = props.actionRef;
|
68
56
|
var _layout$colNum = layout.colNum,
|
69
57
|
colNum = _layout$colNum === void 0 ? 2 : _layout$colNum,
|
70
58
|
_layout$labelGutter = layout.labelGutter,
|
@@ -194,20 +182,14 @@ var ProTableInfo = function ProTableInfo(props) {
|
|
194
182
|
}
|
195
183
|
};
|
196
184
|
|
197
|
-
return /*#__PURE__*/_react.default.createElement(
|
198
|
-
className: "teamix-pro-info ".concat(className)
|
199
|
-
}, others), /*#__PURE__*/_react.default.createElement(_card.default, _objectSpread({
|
200
|
-
compacted: true,
|
201
|
-
hoveredShadow: false,
|
202
|
-
bordered: false
|
203
|
-
}, header), /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, {
|
185
|
+
return /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, {
|
204
186
|
className: "teamix-pro-info-table",
|
205
187
|
cellProps: setCellProps,
|
206
188
|
columns: newColumns(),
|
207
189
|
hasHeader: false,
|
208
190
|
hasBorder: true,
|
209
191
|
dataSource: newDataSource
|
210
|
-
})
|
192
|
+
});
|
211
193
|
};
|
212
194
|
|
213
195
|
var _default = ProTableInfo;
|
File without changes
|
@@ -2,6 +2,8 @@ import React from 'react';
|
|
2
2
|
import { ProInfoBaseProps, ProInfoTransparentBase } from '../../typing';
|
3
3
|
import './index.scss';
|
4
4
|
import { IUseInfoRequestResult } from '../../utils/useInfoRequest';
|
5
|
-
declare type ProBaseInfoProps = ProInfoBaseProps & IUseInfoRequestResult & ProInfoTransparentBase
|
5
|
+
declare type ProBaseInfoProps = ProInfoBaseProps & IUseInfoRequestResult & ProInfoTransparentBase & {
|
6
|
+
size?: any;
|
7
|
+
};
|
6
8
|
declare const ProBaseInfo: React.FC<ProBaseInfoProps>;
|
7
9
|
export default ProBaseInfo;
|