@lemon-fe/components 0.1.100 → 0.1.104
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/BaseTable/index.d.ts +7 -5
- package/es/BaseTable/index.js +14 -5
- package/es/BaseTable/typings.d.ts +3 -2
- package/es/EditableTable/Table.d.ts +2 -3
- package/es/EditableTable/Table.js +5 -8
- package/es/EditableTable/typings.d.ts +1 -1
- package/es/EditableTable/util.d.ts +1 -1
- package/es/SelectView/index.js +5 -5
- package/package.json +2 -2
package/es/BaseTable/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/// <reference path="../../typings.d.ts" />
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { Table as AntdTable } from 'antd';
|
|
3
|
+
import type { BaseTableProps } from './typings';
|
|
4
|
+
interface BaseTableType {
|
|
5
|
+
<T>(props: BaseTableProps<T>): JSX.Element;
|
|
6
|
+
Summary: typeof AntdTable.Summary;
|
|
6
7
|
}
|
|
7
|
-
|
|
8
|
+
declare const ForwardTable: BaseTableType;
|
|
9
|
+
export default ForwardTable;
|
package/es/BaseTable/index.js
CHANGED
|
@@ -34,7 +34,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
34
34
|
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; }
|
|
35
35
|
|
|
36
36
|
/// <reference path="../../typings.d.ts" />
|
|
37
|
-
import React, { useMemo, useState, useEffect, useRef } from 'react';
|
|
37
|
+
import React, { useMemo, useState, useEffect, useRef, forwardRef } from 'react';
|
|
38
38
|
import { Table as AntdTable } from 'antd';
|
|
39
39
|
import classNames from 'classnames';
|
|
40
40
|
import { get } from 'lodash';
|
|
@@ -101,7 +101,7 @@ function Th(props) {
|
|
|
101
101
|
}), content));
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
function BaseTable(props) {
|
|
104
|
+
function BaseTable(props, _ref) {
|
|
105
105
|
var id = props.id,
|
|
106
106
|
columns = props.columns,
|
|
107
107
|
defaultColumnProps = props.defaultColumnProps,
|
|
@@ -415,7 +415,15 @@ function BaseTable(props) {
|
|
|
415
415
|
}, [scrollY, rowHeight]);
|
|
416
416
|
var tableNode = /*#__PURE__*/React.createElement(AntdTable, _objectSpread(_objectSpread({
|
|
417
417
|
size: "small",
|
|
418
|
-
ref:
|
|
418
|
+
ref: function ref(elm) {
|
|
419
|
+
fullTableRef.current = elm;
|
|
420
|
+
|
|
421
|
+
if (typeof _ref === 'function') {
|
|
422
|
+
_ref(elm);
|
|
423
|
+
} else if (_ref !== null) {
|
|
424
|
+
_ref.current = elm;
|
|
425
|
+
}
|
|
426
|
+
},
|
|
419
427
|
className: classNames("".concat(PREFIX_CLS, "-table"), className),
|
|
420
428
|
columns: formatedColumns,
|
|
421
429
|
dataSource: dataSource,
|
|
@@ -463,5 +471,6 @@ function BaseTable(props) {
|
|
|
463
471
|
}, tableNode);
|
|
464
472
|
}
|
|
465
473
|
|
|
466
|
-
|
|
467
|
-
|
|
474
|
+
var ForwardTable = /*#__PURE__*/forwardRef(BaseTable);
|
|
475
|
+
ForwardTable.Summary = AntdTable.Summary;
|
|
476
|
+
export default ForwardTable;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ReactElement, ReactText } from 'react';
|
|
2
|
-
import { TableProps, TableColumnType, TableColumnGroupType, TableColumnsType } from 'antd';
|
|
1
|
+
import type { ReactElement, ReactText, RefObject } from 'react';
|
|
2
|
+
import type { TableProps, TableColumnType, TableColumnGroupType, TableColumnsType } from 'antd';
|
|
3
3
|
|
|
4
4
|
export type ColumnType<T> = TableColumnType<T>;
|
|
5
5
|
|
|
@@ -44,4 +44,5 @@ export interface BaseTableProps<T> extends Omit<TableProps<T>, 'columns' | 'scro
|
|
|
44
44
|
* @description 行操作按钮组
|
|
45
45
|
*/
|
|
46
46
|
rowActions?: (RowAction<T> | null)[] | ((record: T, index: number) => (RowAction<T> | null)[]);
|
|
47
|
+
ref?: RefObject<HTMLDivElement>;
|
|
47
48
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { ForwardedRef } from 'react';
|
|
2
2
|
import type { EditableTableProps, EditableTableRef } from './typings';
|
|
3
|
-
declare type RefType = ((instance: EditableTableRef | null) => void) | MutableRefObject<EditableTableRef | null> | null;
|
|
4
3
|
declare const _default: <T>(props: EditableTableProps<T> & {
|
|
5
|
-
ref?:
|
|
4
|
+
ref?: React.ForwardedRef<EditableTableRef> | undefined;
|
|
6
5
|
}) => JSX.Element;
|
|
7
6
|
export default _default;
|
|
@@ -22,12 +22,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
22
22
|
|
|
23
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
24
|
|
|
25
|
-
import React, { cloneElement, createContext, useContext, useEffect, useMemo, useState, memo, isValidElement, forwardRef, useImperativeHandle } from 'react';
|
|
25
|
+
import React, { cloneElement, createContext, useContext, useEffect, useMemo, useState, memo, isValidElement, forwardRef, useImperativeHandle, useRef } from 'react';
|
|
26
26
|
import { get, isEqual } from 'lodash';
|
|
27
27
|
import BaseTable from '../BaseTable';
|
|
28
28
|
import { FormStore } from './util';
|
|
29
29
|
import { PREFIX_CLS } from '../constants';
|
|
30
|
-
import { randomStr } from '../BaseTable/utils';
|
|
31
30
|
import EditableCell from './EditableCell';
|
|
32
31
|
var Context = /*#__PURE__*/createContext(null);
|
|
33
32
|
|
|
@@ -221,11 +220,9 @@ function EditableTable(props, ref) {
|
|
|
221
220
|
return mCols;
|
|
222
221
|
}, [columns, editable]); // 键盘事件
|
|
223
222
|
|
|
224
|
-
var
|
|
225
|
-
return randomStr();
|
|
226
|
-
}, []);
|
|
223
|
+
var tableRef = useRef(null);
|
|
227
224
|
useEffect(function () {
|
|
228
|
-
var table =
|
|
225
|
+
var table = tableRef.current;
|
|
229
226
|
|
|
230
227
|
if (table === null) {
|
|
231
228
|
return;
|
|
@@ -340,7 +337,7 @@ function EditableTable(props, ref) {
|
|
|
340
337
|
return function () {
|
|
341
338
|
table.removeEventListener('keyup', handleKeyUp);
|
|
342
339
|
};
|
|
343
|
-
}, [
|
|
340
|
+
}, []);
|
|
344
341
|
useImperativeHandle(ref, function () {
|
|
345
342
|
return {
|
|
346
343
|
validate: function validate() {
|
|
@@ -356,7 +353,7 @@ function EditableTable(props, ref) {
|
|
|
356
353
|
dataSource: rows,
|
|
357
354
|
rowKey: "key"
|
|
358
355
|
}, restProps), {}, {
|
|
359
|
-
|
|
356
|
+
ref: tableRef
|
|
360
357
|
})));
|
|
361
358
|
}
|
|
362
359
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Key, ReactElement } from 'react';
|
|
2
2
|
import type { BaseTableProps, ColumnType } from '../BaseTable/typings';
|
|
3
|
-
import { RuleItem } from 'async-validator/dist-types/interface';
|
|
3
|
+
import type { RuleItem } from 'async-validator/dist-types/interface';
|
|
4
4
|
|
|
5
5
|
type RowType = {
|
|
6
6
|
key: Key;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Key } from 'react';
|
|
2
|
-
import { EditableTableObserverHandler, EditableTableRule } from './typings';
|
|
2
|
+
import type { EditableTableObserverHandler, EditableTableRule } from './typings';
|
|
3
3
|
export declare class FormStore<T = Record<Key, any>> {
|
|
4
4
|
private data;
|
|
5
5
|
private keys;
|
package/es/SelectView/index.js
CHANGED
|
@@ -112,13 +112,11 @@ export default function SelectView(props) {
|
|
|
112
112
|
};
|
|
113
113
|
|
|
114
114
|
var handleChangeParams = function handleChangeParams(mParams) {
|
|
115
|
-
var nextParams = _objectSpread(_objectSpread({}, params), mParams);
|
|
116
|
-
|
|
117
115
|
if (filter === null || filter === void 0 ? void 0 : filter.onChange) {
|
|
118
|
-
filter.onChange(
|
|
116
|
+
filter.onChange(mParams);
|
|
119
117
|
}
|
|
120
118
|
|
|
121
|
-
setParams(
|
|
119
|
+
setParams(mParams);
|
|
122
120
|
};
|
|
123
121
|
|
|
124
122
|
var handleValuesChange = function handleValuesChange(changedValues, allValues) {
|
|
@@ -144,7 +142,9 @@ export default function SelectView(props) {
|
|
|
144
142
|
if (filter.sider) {
|
|
145
143
|
siderNode = filter.sider({
|
|
146
144
|
value: params,
|
|
147
|
-
onChange:
|
|
145
|
+
onChange: function onChange(val) {
|
|
146
|
+
return handleChangeParams(_objectSpread(_objectSpread({}, params), val));
|
|
147
|
+
}
|
|
148
148
|
});
|
|
149
149
|
}
|
|
150
150
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lemon-fe/components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.104",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "鲁盛杰 <lusj@cnlemon.net>",
|
|
6
6
|
"homepage": "",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"react": "^17.0.2",
|
|
40
40
|
"react-dom": "^17.0.2"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "437d6fce894937122e473aa36da3d2bd4b3bc9f1"
|
|
43
43
|
}
|