@teamix/pro 1.5.33-beta-2 → 1.5.33-beta-4
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/es/form/Components/FormItem2/index.js +0 -1
- package/es/form/Components/SelectTable2/index.d.ts +97 -0
- package/es/form/Components/SelectTable2/index.js +39 -0
- package/es/form/ProForm/index.js +3 -1
- package/es/form/SchemaForm/adapterDecorator.js +1 -1
- package/es/form/SchemaForm/adapterType.js +2 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/table/components/Cell/index.js +7 -1
- package/es/table/index.js +26 -4
- package/es/table/typing.d.ts +7 -2
- package/es/table/utils/genAutoWidthColumns.d.ts +2 -2
- package/es/table/utils/genAutoWidthColumns.js +25 -12
- package/es/table/utils/useTableSelection.js +54 -5
- package/lib/form/Components/FormItem2/index.js +0 -1
- package/lib/form/Components/SelectTable2/index.d.ts +97 -0
- package/lib/form/Components/SelectTable2/index.js +47 -0
- package/lib/form/ProForm/index.js +3 -1
- package/lib/form/SchemaForm/adapterDecorator.js +1 -1
- package/lib/form/SchemaForm/adapterType.js +2 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/Cell/index.js +7 -1
- package/lib/table/index.js +26 -4
- package/lib/table/typing.d.ts +7 -2
- package/lib/table/utils/genAutoWidthColumns.d.ts +2 -2
- package/lib/table/utils/genAutoWidthColumns.js +25 -12
- package/lib/table/utils/useTableSelection.js +57 -5
- package/package.json +1 -1
- package/dist/fonts/txddinmedium.woff +0 -0
- package/dist/pro.all.min.css +0 -1
- package/dist/pro.css +0 -1
- package/dist/pro.js +0 -124262
- package/dist/pro.min.css +0 -1
- package/dist/pro.min.js +0 -2
- package/dist/pro.min.js.LICENSE.txt +0 -56
- package/dist/pro.xconsole.min.css +0 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _react2 = require("@formily/react");
|
|
9
|
+
var _table = _interopRequireDefault(require("../../../table"));
|
|
10
|
+
var _excluded = ["columns", "field"];
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
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; }
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
|
+
var Component = (0, _react2.observer)(function (props) {
|
|
18
|
+
var _props$columns = props.columns,
|
|
19
|
+
columns = _props$columns === void 0 ? [] : _props$columns,
|
|
20
|
+
field = props.field,
|
|
21
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
22
|
+
var onChange = function onChange(value) {
|
|
23
|
+
field.setValue(value);
|
|
24
|
+
};
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_table.default, _objectSpread({
|
|
26
|
+
toolBar: false,
|
|
27
|
+
showPagination: false,
|
|
28
|
+
columns: columns,
|
|
29
|
+
useRowSelection: true,
|
|
30
|
+
rowSelection: {
|
|
31
|
+
defaultSelectedRowKeys: field.value
|
|
32
|
+
},
|
|
33
|
+
onChangeRowSelection: onChange,
|
|
34
|
+
loading: field.loading,
|
|
35
|
+
showSkeleton: false,
|
|
36
|
+
dataSource: field.dataSource
|
|
37
|
+
}, others));
|
|
38
|
+
});
|
|
39
|
+
var SelectTable2 = (0, _react2.connect)(Component, (0, _react2.mapProps)(function (props, field) {
|
|
40
|
+
var dataSource = field.dataSource;
|
|
41
|
+
return _objectSpread(_objectSpread({}, props), {}, {
|
|
42
|
+
dataSource: dataSource,
|
|
43
|
+
field: field
|
|
44
|
+
});
|
|
45
|
+
}));
|
|
46
|
+
var _default = SelectTable2;
|
|
47
|
+
exports.default = _default;
|
|
@@ -24,6 +24,7 @@ var _useInitialRequest = _interopRequireDefault(require("./useInitialRequest"));
|
|
|
24
24
|
var _validate = _interopRequireDefault(require("../locales/validate"));
|
|
25
25
|
require("./index.scss");
|
|
26
26
|
var _FormItem = _interopRequireDefault(require("../Components/FormItem2"));
|
|
27
|
+
var _SelectTable = _interopRequireDefault(require("../Components/SelectTable2"));
|
|
27
28
|
var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
|
|
28
29
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
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); }
|
|
@@ -61,7 +62,8 @@ var formilyComponents = {
|
|
|
61
62
|
Affix: _components.Affix,
|
|
62
63
|
LightFilter: _LightFilter.default,
|
|
63
64
|
Text: _index.default,
|
|
64
|
-
FormItem2: _FormItem.default
|
|
65
|
+
FormItem2: _FormItem.default,
|
|
66
|
+
SelectTable2: _SelectTable.default
|
|
65
67
|
};
|
|
66
68
|
var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
67
69
|
var outerForm = _ref.form,
|
|
@@ -16,7 +16,7 @@ var _default = function _default(decorator, component) {
|
|
|
16
16
|
if (decorator !== undefined) {
|
|
17
17
|
return decorator;
|
|
18
18
|
}
|
|
19
|
-
if ([].concat(_toConsumableArray(Object.keys(_fieldTypeMap.default)), ['Upload', 'SelectTable', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
|
|
19
|
+
if ([].concat(_toConsumableArray(Object.keys(_fieldTypeMap.default)), ['Upload', 'SelectTable', 'SelectTable2', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
|
|
20
20
|
return 'FormItem';
|
|
21
21
|
}
|
|
22
22
|
return decorator;
|
|
@@ -54,7 +54,8 @@ var typeMap = (_typeMap = {
|
|
|
54
54
|
Range: 'string',
|
|
55
55
|
Search: 'array',
|
|
56
56
|
SelectGroup: 'array',
|
|
57
|
-
SelectTable: 'array'
|
|
57
|
+
SelectTable: 'array',
|
|
58
|
+
SelectTable2: 'array'
|
|
58
59
|
}, _defineProperty(_typeMap, 'SelectTable.Column', 'string'), _defineProperty(_typeMap, "ArrayCollapse", 'array'), _defineProperty(_typeMap, "ArrayCards", 'array'), _defineProperty(_typeMap, "ArrayTable", 'array'), _defineProperty(_typeMap, "ArrayItems", 'array'), _defineProperty(_typeMap, 'Editable.Popover', 'object'), _defineProperty(_typeMap, 'Editable.Dialog', 'object'), _defineProperty(_typeMap, 'Editable.Drawer', 'object'), _typeMap);
|
|
59
60
|
var _default = function _default(type, component) {
|
|
60
61
|
return type || typeMap[component] || 'void';
|
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.5.33-beta";
|
|
33
|
+
declare const version = "1.5.33-beta-4";
|
|
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.5.33-beta';
|
|
302
|
+
var version = '1.5.33-beta-4';
|
|
303
303
|
// By TeamixTest
|
|
304
304
|
exports.version = version;
|
|
305
305
|
window.postMessage({
|
|
@@ -128,7 +128,9 @@ var Cell = function Cell(props) {
|
|
|
128
128
|
value: value,
|
|
129
129
|
render: newRender,
|
|
130
130
|
dataSource: newDataSource,
|
|
131
|
-
format: format
|
|
131
|
+
format: format,
|
|
132
|
+
// 预留 context 位置
|
|
133
|
+
context: context
|
|
132
134
|
}, itemProps));
|
|
133
135
|
};
|
|
134
136
|
/**
|
|
@@ -193,6 +195,10 @@ var processBuriedPoint = function processBuriedPoint() {
|
|
|
193
195
|
var equalColumns = function equalColumns(prevProps, nextProps) {
|
|
194
196
|
var preValue = prevProps.value;
|
|
195
197
|
var nextValue = nextProps.value;
|
|
198
|
+
// 操作列的时候强制刷新
|
|
199
|
+
if (preValue === false && nextValue === false) {
|
|
200
|
+
return false;
|
|
201
|
+
}
|
|
196
202
|
if (preValue === nextValue) {
|
|
197
203
|
return true;
|
|
198
204
|
}
|
package/lib/table/index.js
CHANGED
|
@@ -441,7 +441,9 @@ var ProTable = function ProTable(props) {
|
|
|
441
441
|
if (showSkeleton && result) {
|
|
442
442
|
result.disabled = true;
|
|
443
443
|
}
|
|
444
|
-
return
|
|
444
|
+
return _objectSpread({
|
|
445
|
+
_primaryKey: props.primaryKey
|
|
446
|
+
}, result);
|
|
445
447
|
},
|
|
446
448
|
titleProps: function titleProps() {
|
|
447
449
|
var result = {};
|
|
@@ -511,11 +513,22 @@ var ProTable = function ProTable(props) {
|
|
|
511
513
|
var columns = (0, _processColumns.default)(propsColumns !== null && propsColumns !== void 0 ? propsColumns : [], propsColumns);
|
|
512
514
|
setFilteredColumns(columns);
|
|
513
515
|
(_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);
|
|
516
|
+
if (autoWidth) {
|
|
517
|
+
reGenFilteredColumnsByAutoWidth(columns);
|
|
518
|
+
}
|
|
514
519
|
}, [propsColumns]);
|
|
515
520
|
// dataSource 受控
|
|
516
521
|
(0, _react.useEffect)(function () {
|
|
517
522
|
if (propsDataSource) {
|
|
518
523
|
_setData(propsDataSource);
|
|
524
|
+
if (autoWidth) {
|
|
525
|
+
(0, _genAutoWidthColumns.shadowContainer)({
|
|
526
|
+
columns: filteredColumns,
|
|
527
|
+
data: propsDataSource,
|
|
528
|
+
shadowContainerRef: shadowContainerRef
|
|
529
|
+
});
|
|
530
|
+
reGenFilteredColumnsByAutoWidth();
|
|
531
|
+
}
|
|
519
532
|
}
|
|
520
533
|
}, [propsDataSource]);
|
|
521
534
|
// 初始化 ActionRef。
|
|
@@ -935,7 +948,7 @@ var ProTable = function ProTable(props) {
|
|
|
935
948
|
getData.run(requestData);
|
|
936
949
|
}
|
|
937
950
|
}
|
|
938
|
-
}, [bindUrl, bindUrlProps, dataRef, url, customRequest]);
|
|
951
|
+
}, [bindUrl, bindUrlProps, dataRef, url, customRequest, currentPage, pageSize, propsParams]);
|
|
939
952
|
var onSort = (0, _react.useCallback)(function (dataIndex, order) {
|
|
940
953
|
var nextSort = _defineProperty({}, dataIndex, order);
|
|
941
954
|
setSort(nextSort);
|
|
@@ -988,6 +1001,11 @@ var ProTable = function ProTable(props) {
|
|
|
988
1001
|
return showLoading && !showSkeleton && (customTableLoading || props.loading);
|
|
989
1002
|
}
|
|
990
1003
|
}, [customRequest, showLoading, showSkeleton, customTableLoading, props.loading, getData]);
|
|
1004
|
+
(0, _react.useEffect)(function () {
|
|
1005
|
+
if (autoWidth) {
|
|
1006
|
+
reGenFilteredColumnsByAutoWidth();
|
|
1007
|
+
}
|
|
1008
|
+
}, [shadowContainerRef === null || shadowContainerRef === void 0 ? void 0 : shadowContainerRef.current]);
|
|
991
1009
|
var memorizedGenProColumnToColumn = (0, _react.useMemo)(function () {
|
|
992
1010
|
var result = (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm, bindUrl, bindUrlProps);
|
|
993
1011
|
return result;
|
|
@@ -1018,7 +1036,11 @@ var ProTable = function ProTable(props) {
|
|
|
1018
1036
|
autoRefreshProps: autoRefreshProps,
|
|
1019
1037
|
bindUrlProps: bindUrlProps,
|
|
1020
1038
|
bindUrl: bindUrl
|
|
1021
|
-
}),
|
|
1039
|
+
}), autoWidth && (0, _genAutoWidthColumns.shadowContainer)({
|
|
1040
|
+
columns: filteredColumns,
|
|
1041
|
+
data: data,
|
|
1042
|
+
shadowContainerRef: shadowContainerRef
|
|
1043
|
+
}), hasActionColumn && (0, _genAutoWidthColumns.shadowActionColumnContainer)(filteredColumns, shadowActionColumnContainerRef), switchViewState === 'table' && /*#__PURE__*/_react.default.createElement(_TableContent.default, _objectSpread({
|
|
1022
1044
|
hasBorder: false,
|
|
1023
1045
|
dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
|
|
1024
1046
|
columns: memorizedGenProColumnToColumn,
|
|
@@ -1196,7 +1218,7 @@ var ProTable = function ProTable(props) {
|
|
|
1196
1218
|
// 'footer-suction': footerSuctionState && footerSuction,
|
|
1197
1219
|
}),
|
|
1198
1220
|
ref: tableRef
|
|
1199
|
-
},
|
|
1221
|
+
}, autoWidth && (0, _genAutoWidthColumns.shadowContainer)({
|
|
1200
1222
|
columns: filteredColumns,
|
|
1201
1223
|
data: data,
|
|
1202
1224
|
shadowContainerRef: shadowContainerRef
|
package/lib/table/typing.d.ts
CHANGED
|
@@ -184,7 +184,8 @@ export declare type ProTableProps = {
|
|
|
184
184
|
autoRedirect?: boolean;
|
|
185
185
|
/** 使用超大数据模式 **/
|
|
186
186
|
useMaxData?: boolean;
|
|
187
|
-
|
|
187
|
+
rowSelection?: rowSelectionType;
|
|
188
|
+
} & Omit<TableProps, 'columns' | 'rowSelection'> & ProTableTopAreaProps;
|
|
188
189
|
export declare type rowSelectionType = {
|
|
189
190
|
getProps?: (record: any, index: number) => any;
|
|
190
191
|
onChange?: (selectedRowKeys: Array<any>, records: Array<any>) => void;
|
|
@@ -196,7 +197,11 @@ export declare type rowSelectionType = {
|
|
|
196
197
|
titleProps?: () => any;
|
|
197
198
|
columnProps?: () => any;
|
|
198
199
|
titleAddons?: () => any;
|
|
199
|
-
|
|
200
|
+
/** 默认选中的 Key 值 **/
|
|
201
|
+
defaultSelectedRowKeys?: any[];
|
|
202
|
+
/** 默认选中的 record 值 **/
|
|
203
|
+
defaultSelectedRecords?: any[];
|
|
204
|
+
} & TableProps['rowSelection'];
|
|
200
205
|
export declare type innerRowSelectionType = {
|
|
201
206
|
rowSelection: rowSelectionType;
|
|
202
207
|
selectedRowKeys: string[];
|
|
@@ -6,13 +6,13 @@ import { ProTableColumnProps, ITableCellRender } from '../typing';
|
|
|
6
6
|
* @param data
|
|
7
7
|
* @returns
|
|
8
8
|
*/
|
|
9
|
-
export declare function genAutoWidthColumns(
|
|
9
|
+
export declare function genAutoWidthColumns(columns: ProTableColumnProps[], ref: MutableRefObject<HTMLDivElement | null>, data: any[], size: 'small' | 'medium', useRowSelection?: boolean | undefined, actionColumnRef?: MutableRefObject<HTMLDivElement | null>): ProTableColumnProps[];
|
|
10
10
|
interface IShadowContainerProps {
|
|
11
11
|
columns: ProTableColumnProps[];
|
|
12
12
|
data: any[];
|
|
13
13
|
shadowContainerRef: MutableRefObject<null>;
|
|
14
14
|
}
|
|
15
|
-
export declare const shadowContainer: (props: IShadowContainerProps) => JSX.Element;
|
|
15
|
+
export declare const shadowContainer: (props: IShadowContainerProps) => JSX.Element | null;
|
|
16
16
|
export declare const shadowActionColumnContainer: (columns: ProTableColumnProps[], shadowActionColumnContainerRef: MutableRefObject<null>) => JSX.Element | undefined;
|
|
17
17
|
export declare const computeableWidthTypeList: {
|
|
18
18
|
dateTime: (data: any[], render: ITableCellRender) => any;
|
|
@@ -36,17 +36,20 @@ var columnShrinkMaxWidth = 100;
|
|
|
36
36
|
* @param data
|
|
37
37
|
* @returns
|
|
38
38
|
*/
|
|
39
|
-
function genAutoWidthColumns(
|
|
40
|
-
if (!ref.current) {
|
|
41
|
-
return
|
|
39
|
+
function genAutoWidthColumns(columns, ref, data, size, useRowSelection, actionColumnRef) {
|
|
40
|
+
if (!(ref === null || ref === void 0 ? void 0 : ref.current)) {
|
|
41
|
+
return columns;
|
|
42
42
|
}
|
|
43
43
|
var hasLockFlag = false;
|
|
44
44
|
var dom = ref.current;
|
|
45
45
|
var actionColumnDom = actionColumnRef === null || actionColumnRef === void 0 ? void 0 : actionColumnRef.current;
|
|
46
46
|
var childNodes = dom.children;
|
|
47
|
+
if (dom.children.length === 0) {
|
|
48
|
+
return columns;
|
|
49
|
+
}
|
|
47
50
|
var finalColumns = [];
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
var filterdColumnsResult = _utils._.cloneDeep(columns);
|
|
52
|
+
filterdColumnsResult.forEach(function (column, index) {
|
|
50
53
|
var render = column.render,
|
|
51
54
|
_column$valueType = column.valueType,
|
|
52
55
|
valueType = _column$valueType === void 0 ? 'text' : _column$valueType,
|
|
@@ -107,7 +110,7 @@ function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSelection,
|
|
|
107
110
|
return;
|
|
108
111
|
}
|
|
109
112
|
// @ts-ignore
|
|
110
|
-
var titleWidth = (
|
|
113
|
+
var titleWidth = _utils._.get(childNodes, '[index]?.children[0].scrollWidth', 0);
|
|
111
114
|
// @ts-ignore
|
|
112
115
|
if (fixedWidthTypeList[finalType]) {
|
|
113
116
|
// console.log(
|
|
@@ -129,6 +132,7 @@ function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSelection,
|
|
|
129
132
|
// @ts-ignore
|
|
130
133
|
Math.max(titleWidth, computeableWidthTypeList[finalType](data, render)), size, index === 0 && useRowSelection);
|
|
131
134
|
} else {
|
|
135
|
+
var _column$render;
|
|
132
136
|
// 直接根据 dom 计算
|
|
133
137
|
// console.log(column.title, '可计算 dom')
|
|
134
138
|
column.isAutoWidth = false;
|
|
@@ -141,6 +145,10 @@ function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSelection,
|
|
|
141
145
|
} else if (column === null || column === void 0 ? void 0 : column.sortable) {
|
|
142
146
|
column.width = column.width + 24;
|
|
143
147
|
}
|
|
148
|
+
// @ts-ignore
|
|
149
|
+
if (column === null || column === void 0 ? void 0 : (_column$render = column.render) === null || _column$render === void 0 ? void 0 : _column$render.copy) {
|
|
150
|
+
column.width = column.width + 16;
|
|
151
|
+
}
|
|
144
152
|
}
|
|
145
153
|
if (index === 0) {
|
|
146
154
|
// 首列不会被挤占
|
|
@@ -161,6 +169,7 @@ var shadowContainer = function shadowContainer(props) {
|
|
|
161
169
|
var columns = props.columns,
|
|
162
170
|
data = props.data,
|
|
163
171
|
shadowContainerRef = props.shadowContainerRef;
|
|
172
|
+
if (data.length === 0) return null;
|
|
164
173
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
165
174
|
ref: shadowContainerRef,
|
|
166
175
|
className: "teamix-pro-table-shadow-container"
|
|
@@ -177,7 +186,7 @@ var shadowContainer = function shadowContainer(props) {
|
|
|
177
186
|
//@ts-ignore
|
|
178
187
|
!fixedWidthTypeList[valueType] && data.map(function (item, index) {
|
|
179
188
|
// @ts-ignore
|
|
180
|
-
var newColumn = _.cloneDeep(column);
|
|
189
|
+
var newColumn = _utils._.cloneDeep(column);
|
|
181
190
|
newColumn.smartWidth = (0, _columnRender.renderCellSmartWidth)(getValueFromRecord(dataIndex, item), column, index, item);
|
|
182
191
|
newColumn.render = _objectSpread(_objectSpread({}, column.render), {}, {
|
|
183
192
|
description: ''
|
|
@@ -269,11 +278,15 @@ var fieldTypeShrink = {
|
|
|
269
278
|
};
|
|
270
279
|
exports.fieldTypeShrink = fieldTypeShrink;
|
|
271
280
|
function calcWidthWithParentDOM(dom, shrink) {
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
return node
|
|
276
|
-
|
|
281
|
+
if (dom) {
|
|
282
|
+
var childNodes = _toConsumableArray(dom.children);
|
|
283
|
+
childNodes.shift();
|
|
284
|
+
return calcSingleColumnLength(childNodes.map(function (node) {
|
|
285
|
+
return node.scrollWidth;
|
|
286
|
+
}), shrink);
|
|
287
|
+
} else {
|
|
288
|
+
return 0;
|
|
289
|
+
}
|
|
277
290
|
}
|
|
278
291
|
function calcSingleColumnLength() {
|
|
279
292
|
var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _utils = require("@teamix/utils");
|
|
10
|
+
var _components = require("@alicloudfe/components");
|
|
11
|
+
var _excluded = ["primaryKey"];
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
9
14
|
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; }
|
|
10
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11
16
|
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; }
|
|
17
|
+
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; }
|
|
18
|
+
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; }
|
|
12
19
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
13
20
|
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."); }
|
|
14
21
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
@@ -19,18 +26,23 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
19
26
|
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; }
|
|
20
27
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
21
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
|
+
var Tooltip = _components.Balloon.Tooltip;
|
|
22
30
|
function useTableSelection() {
|
|
23
31
|
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
24
32
|
var primaryKey = arguments.length > 1 ? arguments[1] : undefined;
|
|
25
|
-
var
|
|
33
|
+
var _config$defaultSelect = config.defaultSelectedRecords,
|
|
34
|
+
defaultSelectedRecords = _config$defaultSelect === void 0 ? [] : _config$defaultSelect,
|
|
35
|
+
_config$defaultSelect2 = config.defaultSelectedRowKeys,
|
|
36
|
+
defaultSelectedRowKeys = _config$defaultSelect2 === void 0 ? [] : _config$defaultSelect2;
|
|
37
|
+
var _useState = (0, _react.useState)(defaultSelectedRowKeys),
|
|
26
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27
39
|
selectedRowKeys = _useState2[0],
|
|
28
40
|
setSelectedRowKeys = _useState2[1];
|
|
29
|
-
var _useState3 = (0, _react.useState)(
|
|
41
|
+
var _useState3 = (0, _react.useState)(defaultSelectedRecords),
|
|
30
42
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
43
|
selectedRecords = _useState4[0],
|
|
32
44
|
setSelectedRecords = _useState4[1];
|
|
33
|
-
function
|
|
45
|
+
function _onChange(value, records) {
|
|
34
46
|
if (primaryKey) {
|
|
35
47
|
var newValue = value.filter(function (v) {
|
|
36
48
|
return !selectedRowKeys.includes(v);
|
|
@@ -65,11 +77,51 @@ function useTableSelection() {
|
|
|
65
77
|
config.onChange(value, records);
|
|
66
78
|
}
|
|
67
79
|
}
|
|
80
|
+
var renderCheckBox = function renderCheckBox(props) {
|
|
81
|
+
var primaryKey = props.primaryKey,
|
|
82
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
83
|
+
return /*#__PURE__*/_react.default.createElement(_components.Checkbox, _objectSpread({
|
|
84
|
+
checked: selectedRowKeys.includes(primaryKey),
|
|
85
|
+
onChange: function onChange(checked) {
|
|
86
|
+
if (checked) {
|
|
87
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [props]);
|
|
88
|
+
} else {
|
|
89
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedRowKeys.filter(function (item) {
|
|
90
|
+
return item !== primaryKey;
|
|
91
|
+
}), [props]);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}, others));
|
|
95
|
+
};
|
|
96
|
+
var getProps = function getProps(record, index) {
|
|
97
|
+
var _config$getProps;
|
|
98
|
+
var propResult = config === null || config === void 0 ? void 0 : (_config$getProps = config.getProps) === null || _config$getProps === void 0 ? void 0 : _config$getProps.call(config, record, index);
|
|
99
|
+
// console.log('propResult', propResult, selectedRowKeys);
|
|
100
|
+
var resultProps = _objectSpread(_objectSpread({}, record), propResult);
|
|
101
|
+
var primaryKey = record === null || record === void 0 ? void 0 : record[resultProps === null || resultProps === void 0 ? void 0 : resultProps['_primaryKey']];
|
|
102
|
+
return _objectSpread(_objectSpread({}, resultProps), {}, {
|
|
103
|
+
isPreview: true,
|
|
104
|
+
renderPreview: function renderPreview() {
|
|
105
|
+
if (resultProps.disabled === true && resultProps.disabledTooltip) {
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement(Tooltip, {
|
|
107
|
+
trigger: renderCheckBox(_objectSpread(_objectSpread({}, propResult), {}, {
|
|
108
|
+
primaryKey: primaryKey
|
|
109
|
+
})),
|
|
110
|
+
align: "t"
|
|
111
|
+
}, propResult.disabledTooltip);
|
|
112
|
+
}
|
|
113
|
+
return renderCheckBox(_objectSpread(_objectSpread({}, propResult), {}, {
|
|
114
|
+
primaryKey: primaryKey
|
|
115
|
+
}));
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
};
|
|
68
119
|
var rowSelection = _objectSpread(_objectSpread({
|
|
69
120
|
selectedRowKeys: selectedRowKeys,
|
|
70
121
|
selectedRecords: selectedRecords
|
|
71
122
|
}, config), {}, {
|
|
72
|
-
onChange:
|
|
123
|
+
onChange: _onChange,
|
|
124
|
+
getProps: getProps
|
|
73
125
|
});
|
|
74
126
|
return {
|
|
75
127
|
rowSelection: rowSelection,
|
package/package.json
CHANGED
|
Binary file
|