tntd 2.0.15 → 2.0.16
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/table/context.js.map +1 -1
- package/es/table/table.js +15 -14
- package/es/table/table.js.map +1 -1
- package/es/table/table.less +5 -0
- package/lib/table/context.d.ts +0 -9
- package/lib/table/context.d.ts.map +1 -1
- package/lib/table/context.js.map +1 -1
- package/lib/table/table.d.ts.map +1 -1
- package/lib/table/table.js +15 -17
- package/lib/table/table.js.map +1 -1
- package/lib/table/table.less +5 -0
- package/package.json +1 -1
package/es/table/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AAoChD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAA","sourcesContent":["import { createContext, RefObject } from 'react'\n\nimport type { ColumnSetting } from './hooks/use-column-setting'\n\nexport interface TableContextValue {\n /**\n * column setting\n */\n columnSetting?: ColumnSetting[]\n\n // /**\n // * size\n // */\n // size?: TableProps<unknown>['size']\n\n /**\n * container ref\n */\n tableContainer?: RefObject<HTMLDivElement>\n\n /**\n * set column setting function\n */\n setColumnSetting?(columnSetting: ColumnSetting[] | undefined): void\n\n /**\n * refresh function\n */\n refresh?(): void\n\n // /**\n // * set size function\n // */\n // setSize?(size: TableProps<unknown>['size']): void\n}\n\nexport const TableContext = createContext<TableContextValue>({})\n"]}
|
package/es/table/table.js
CHANGED
|
@@ -6,15 +6,13 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
6
6
|
}
|
|
7
7
|
return t;
|
|
8
8
|
};
|
|
9
|
-
import { useLocalStorage } from '@stellaris/hooks';
|
|
10
9
|
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
11
10
|
import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
|
|
12
11
|
import { default as AntdTable } from 'antd/es/table';
|
|
13
12
|
import Column from 'antd/es/table/Column';
|
|
14
13
|
import ColumnGroup from 'antd/es/table/ColumnGroup';
|
|
15
14
|
import classNames from 'classnames';
|
|
16
|
-
import React, {
|
|
17
|
-
import { TABLE_SIZE_STORAGE_KEY } from './constants';
|
|
15
|
+
import React, { useMemo, useRef } from 'react';
|
|
18
16
|
import { TableContext } from './context';
|
|
19
17
|
import { useColumnSetting } from './hooks';
|
|
20
18
|
import { normalizeColumns } from './utils';
|
|
@@ -35,24 +33,27 @@ export const Table = _a => {
|
|
|
35
33
|
} = _a,
|
|
36
34
|
rest = __rest(_a, ["className", "locale", "bordered", "refresh", "size", "storageKey", "columns", "children", "pagination", "enableToolbar"]);
|
|
37
35
|
const tableContainer = useRef(null);
|
|
38
|
-
const [innerSize, setInnerSize] = useLocalStorage
|
|
36
|
+
// const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
|
|
37
|
+
// TABLE_SIZE_STORAGE_KEY,
|
|
38
|
+
// 'default'
|
|
39
|
+
// )
|
|
39
40
|
const normalizedColumns = useMemo(() => columns || normalizeColumns(children), [children, columns]);
|
|
40
41
|
const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(normalizedColumns, storageKey);
|
|
41
42
|
/**
|
|
42
43
|
* update the innerSize when props size changes
|
|
43
44
|
*/
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}, [setInnerSize, size])
|
|
45
|
+
// useEffect(() => {
|
|
46
|
+
// if (size) {
|
|
47
|
+
// setInnerSize(size)
|
|
48
|
+
// }
|
|
49
|
+
// }, [setInnerSize, size])
|
|
49
50
|
return React.createElement(TableContext.Provider, {
|
|
50
51
|
value: {
|
|
51
|
-
size: innerSize,
|
|
52
|
+
// size: innerSize,
|
|
52
53
|
tableContainer,
|
|
53
54
|
columnSetting,
|
|
54
55
|
refresh,
|
|
55
|
-
setSize: setInnerSize,
|
|
56
|
+
// setSize: setInnerSize,
|
|
56
57
|
setColumnSetting
|
|
57
58
|
}
|
|
58
59
|
}, React.createElement(ConfigConsumer, null, ({
|
|
@@ -69,12 +70,12 @@ export const Table = _a => {
|
|
|
69
70
|
return React.createElement(AntdTable, Object.assign({
|
|
70
71
|
className: classNames(prefixCls, {
|
|
71
72
|
[`${prefixCls}-borderless`]: !bordered,
|
|
72
|
-
[`${prefixCls}-small`]:
|
|
73
|
-
[`${prefixCls}-middle`]:
|
|
73
|
+
[`${prefixCls}-small`]: size === 'small',
|
|
74
|
+
[`${prefixCls}-middle`]: size === 'middle'
|
|
74
75
|
}, className),
|
|
75
76
|
locale: locale,
|
|
76
77
|
bordered: bordered,
|
|
77
|
-
size:
|
|
78
|
+
size: size,
|
|
78
79
|
columns: displayColumns,
|
|
79
80
|
pagination: pagination
|
|
80
81
|
}, rest));
|
package/es/table/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAK,EAcV,EAAE,EAAE;QAdM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,UAAU,GAAG;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM;KACvC,EACD,aAAa,GAAG,KAAK,OAEP,EADX,IAAI,cAbiB,0HAczB,CADQ;IAEP,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IACJ,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,gBAAgB,CAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAgB,CACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,yBAAyB;YACzB,gBAAgB;SACjB;QAED,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YAEvC,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc;gBACtB,oBAAC,cAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,MAAM,MAAM,GAAG,YAAsC,CAAA;oBAErD,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,UAAU,CACnB,SAAS,EACT;4BACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;4BACtC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;4BACxC,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,IAAI,KAAK,QAAQ;yBAC3C,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,IAClB,IAAI,EACR,CACH,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;AACrB,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAC/B,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n storageKey?: string\n enableToolbar?: boolean\n locale?: AntdTableProps<T>['locale'] & {\n loadingDescription?: string\n emptyText?: string\n }\n refresh?(): void\n}\n\nexport const Table = <T,>({\n className,\n locale,\n bordered,\n refresh,\n size,\n storageKey,\n columns,\n children,\n pagination = {\n showTotal: (total) => `共 ${total} 条记录`,\n },\n enableToolbar = false,\n ...rest\n}: TableProps<T>) => {\n const tableContainer = useRef<HTMLDivElement>(null)\n // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n // TABLE_SIZE_STORAGE_KEY,\n // 'default'\n // )\n const normalizedColumns = useMemo(\n () => columns || normalizeColumns<T>(children as React.ReactChildren),\n [children, columns]\n )\n const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n normalizedColumns,\n storageKey\n )\n\n /**\n * update the innerSize when props size changes\n */\n // useEffect(() => {\n // if (size) {\n // setInnerSize(size)\n // }\n // }, [setInnerSize, size])\n\n return (\n <TableContext.Provider\n value={{\n // size: innerSize,\n tableContainer,\n columnSetting,\n refresh,\n // setSize: setInnerSize,\n setColumnSetting,\n }}\n >\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('table')\n\n return (\n <div ref={tableContainer}>\n <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n {(localeObject) => {\n const locale = localeObject as Record<string, string>\n\n return (\n <AntdTable\n className={classNames(\n prefixCls,\n {\n [`${prefixCls}-borderless`]: !bordered,\n [`${prefixCls}-small`]: size === 'small',\n [`${prefixCls}-middle`]: size === 'middle',\n },\n className\n )}\n locale={locale}\n bordered={bordered}\n size={size}\n columns={displayColumns}\n pagination={pagination}\n {...rest}\n />\n )\n }}\n </LocaleReceiver>\n </div>\n )\n }}\n </ConfigConsumer>\n </TableContext.Provider>\n )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}
|
package/es/table/table.less
CHANGED
|
@@ -21,6 +21,11 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.@{table-prefix-cls}-placeholder {
|
|
25
|
+
padding-top: @table-padding-horizontal;
|
|
26
|
+
padding-bottom: @table-padding-horizontal;
|
|
27
|
+
}
|
|
28
|
+
|
|
24
29
|
// customize the loading of table
|
|
25
30
|
.@{spin-prefix-cls}-nested-loading > div > .@{spin-prefix-cls} {
|
|
26
31
|
background-color: @white;
|
package/lib/table/context.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { TableProps } from 'antd/lib/table';
|
|
2
1
|
import { RefObject } from 'react';
|
|
3
2
|
import type { ColumnSetting } from './hooks/use-column-setting';
|
|
4
3
|
export interface TableContextValue {
|
|
@@ -6,10 +5,6 @@ export interface TableContextValue {
|
|
|
6
5
|
* column setting
|
|
7
6
|
*/
|
|
8
7
|
columnSetting?: ColumnSetting[];
|
|
9
|
-
/**
|
|
10
|
-
* size
|
|
11
|
-
*/
|
|
12
|
-
size?: TableProps<unknown>['size'];
|
|
13
8
|
/**
|
|
14
9
|
* container ref
|
|
15
10
|
*/
|
|
@@ -22,10 +17,6 @@ export interface TableContextValue {
|
|
|
22
17
|
* refresh function
|
|
23
18
|
*/
|
|
24
19
|
refresh?(): void;
|
|
25
|
-
/**
|
|
26
|
-
* set size function
|
|
27
|
-
*/
|
|
28
|
-
setSize?(size: TableProps<unknown>['size']): void;
|
|
29
20
|
}
|
|
30
21
|
export declare const TableContext: import("react").Context<TableContextValue>;
|
|
31
22
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,EAAE,CAAA;IAO/B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,gBAAgB,CAAC,CAAC,aAAa,EAAE,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;IAEnE;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAA;CAMjB;AAED,eAAO,MAAM,YAAY,4CAAuC,CAAA"}
|
package/lib/table/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAoCnC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB,EAAE,CAAC,CAAA","sourcesContent":["import { createContext, RefObject } from 'react'\n\nimport type { ColumnSetting } from './hooks/use-column-setting'\n\nexport interface TableContextValue {\n /**\n * column setting\n */\n columnSetting?: ColumnSetting[]\n\n // /**\n // * size\n // */\n // size?: TableProps<unknown>['size']\n\n /**\n * container ref\n */\n tableContainer?: RefObject<HTMLDivElement>\n\n /**\n * set column setting function\n */\n setColumnSetting?(columnSetting: ColumnSetting[] | undefined): void\n\n /**\n * refresh function\n */\n refresh?(): void\n\n // /**\n // * set size function\n // */\n // setSize?(size: TableProps<unknown>['size']): void\n}\n\nexport const TableContext = createContext<TableContextValue>({})\n"]}
|
package/lib/table/table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AAQnD,oBAAY,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG;QACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAsFjB,CAAA"}
|
package/lib/table/table.js
CHANGED
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.Table = void 0;
|
|
8
|
-
var _hooks = require("@stellaris/hooks");
|
|
9
8
|
var _configProvider = require("antd/lib/config-provider");
|
|
10
9
|
var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
|
|
11
10
|
var _table = _interopRequireDefault(require("antd/lib/table"));
|
|
@@ -13,9 +12,8 @@ var _Column = _interopRequireDefault(require("antd/lib/table/Column"));
|
|
|
13
12
|
var _ColumnGroup = _interopRequireDefault(require("antd/lib/table/ColumnGroup"));
|
|
14
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
-
var _constants = require("./constants");
|
|
17
15
|
var _context = require("./context");
|
|
18
|
-
var
|
|
16
|
+
var _hooks = require("./hooks");
|
|
19
17
|
var _utils = require("./utils");
|
|
20
18
|
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); }
|
|
21
19
|
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; }
|
|
@@ -58,14 +56,14 @@ var Table = function Table(_a) {
|
|
|
58
56
|
enableToolbar = _a$enableToolbar === void 0 ? false : _a$enableToolbar,
|
|
59
57
|
rest = __rest(_a, ["className", "locale", "bordered", "refresh", "size", "storageKey", "columns", "children", "pagination", "enableToolbar"]);
|
|
60
58
|
var tableContainer = (0, _react.useRef)(null);
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
59
|
+
// const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
|
|
60
|
+
// TABLE_SIZE_STORAGE_KEY,
|
|
61
|
+
// 'default'
|
|
62
|
+
// )
|
|
65
63
|
var normalizedColumns = (0, _react.useMemo)(function () {
|
|
66
64
|
return columns || (0, _utils.normalizeColumns)(children);
|
|
67
65
|
}, [children, columns]);
|
|
68
|
-
var _useColumnSetting = (0,
|
|
66
|
+
var _useColumnSetting = (0, _hooks.useColumnSetting)(normalizedColumns, storageKey),
|
|
69
67
|
_useColumnSetting2 = _slicedToArray(_useColumnSetting, 3),
|
|
70
68
|
displayColumns = _useColumnSetting2[0],
|
|
71
69
|
columnSetting = _useColumnSetting2[1],
|
|
@@ -73,18 +71,18 @@ var Table = function Table(_a) {
|
|
|
73
71
|
/**
|
|
74
72
|
* update the innerSize when props size changes
|
|
75
73
|
*/
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}, [setInnerSize, size])
|
|
74
|
+
// useEffect(() => {
|
|
75
|
+
// if (size) {
|
|
76
|
+
// setInnerSize(size)
|
|
77
|
+
// }
|
|
78
|
+
// }, [setInnerSize, size])
|
|
81
79
|
return _react["default"].createElement(_context.TableContext.Provider, {
|
|
82
80
|
value: {
|
|
83
|
-
size: innerSize,
|
|
81
|
+
// size: innerSize,
|
|
84
82
|
tableContainer: tableContainer,
|
|
85
83
|
columnSetting: columnSetting,
|
|
86
84
|
refresh: refresh,
|
|
87
|
-
setSize: setInnerSize,
|
|
85
|
+
// setSize: setInnerSize,
|
|
88
86
|
setColumnSetting: setColumnSetting
|
|
89
87
|
}
|
|
90
88
|
}, _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
|
|
@@ -99,10 +97,10 @@ var Table = function Table(_a) {
|
|
|
99
97
|
var _classNames;
|
|
100
98
|
var locale = localeObject;
|
|
101
99
|
return _react["default"].createElement(_table["default"], Object.assign({
|
|
102
|
-
className: (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-small"),
|
|
100
|
+
className: (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-small"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-middle"), size === 'middle'), _classNames), className),
|
|
103
101
|
locale: locale,
|
|
104
102
|
bordered: bordered,
|
|
105
|
-
size:
|
|
103
|
+
size: size,
|
|
106
104
|
columns: displayColumns,
|
|
107
105
|
pagination: pagination
|
|
108
106
|
}, rest));
|
package/lib/table/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAwD;AACxD,4FAAmE;AAEnE,0DAAoD;AACpD,kEAAyC;AACzC,4EAAmD;AACnD,4DAAmC;AACnC,+CAA8C;AAE9C,uCAAwC;AACxC,mCAA0C;AAC1C,mCAA0C;AAYnC,MAAM,KAAK,GAAG,CAAK,EAcV,EAAE,EAAE;QAdM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,UAAU,GAAG;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM;KACvC,EACD,aAAa,GAAG,KAAK,OAEP,EADX,IAAI,cAbiB,0HAczB,CADQ;IAEP,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IACJ,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,IAAA,wBAAgB,EAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,wBAAgB,EACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B,OAAO,CACL,8BAAC,sBAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,yBAAyB;YACzB,gBAAgB;SACjB;QAED,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YAEvC,OAAO,CACL,uCAAK,GAAG,EAAE,cAAc;gBACtB,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,MAAM,MAAM,GAAG,YAAsC,CAAA;oBAErD,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;4BACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;4BACtC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;4BACxC,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,IAAI,KAAK,QAAQ;yBAC3C,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,IAClB,IAAI,EACR,CACH,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAtFY,QAAA,KAAK,SAsFjB;AAED,aAAK,CAAC,MAAM,GAAG,gBAAM,CAAA;AACrB,aAAK,CAAC,WAAW,GAAG,qBAAW,CAAA;AAC/B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/lib/table'\nimport { default as AntdTable } from 'antd/lib/table'\nimport Column from 'antd/lib/table/Column'\nimport ColumnGroup from 'antd/lib/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n storageKey?: string\n enableToolbar?: boolean\n locale?: AntdTableProps<T>['locale'] & {\n loadingDescription?: string\n emptyText?: string\n }\n refresh?(): void\n}\n\nexport const Table = <T,>({\n className,\n locale,\n bordered,\n refresh,\n size,\n storageKey,\n columns,\n children,\n pagination = {\n showTotal: (total) => `共 ${total} 条记录`,\n },\n enableToolbar = false,\n ...rest\n}: TableProps<T>) => {\n const tableContainer = useRef<HTMLDivElement>(null)\n // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n // TABLE_SIZE_STORAGE_KEY,\n // 'default'\n // )\n const normalizedColumns = useMemo(\n () => columns || normalizeColumns<T>(children as React.ReactChildren),\n [children, columns]\n )\n const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n normalizedColumns,\n storageKey\n )\n\n /**\n * update the innerSize when props size changes\n */\n // useEffect(() => {\n // if (size) {\n // setInnerSize(size)\n // }\n // }, [setInnerSize, size])\n\n return (\n <TableContext.Provider\n value={{\n // size: innerSize,\n tableContainer,\n columnSetting,\n refresh,\n // setSize: setInnerSize,\n setColumnSetting,\n }}\n >\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('table')\n\n return (\n <div ref={tableContainer}>\n <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n {(localeObject) => {\n const locale = localeObject as Record<string, string>\n\n return (\n <AntdTable\n className={classNames(\n prefixCls,\n {\n [`${prefixCls}-borderless`]: !bordered,\n [`${prefixCls}-small`]: size === 'small',\n [`${prefixCls}-middle`]: size === 'middle',\n },\n className\n )}\n locale={locale}\n bordered={bordered}\n size={size}\n columns={displayColumns}\n pagination={pagination}\n {...rest}\n />\n )\n }}\n </LocaleReceiver>\n </div>\n )\n }}\n </ConfigConsumer>\n </TableContext.Provider>\n )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}
|
package/lib/table/table.less
CHANGED
|
@@ -21,6 +21,11 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.@{table-prefix-cls}-placeholder {
|
|
25
|
+
padding-top: @table-padding-horizontal;
|
|
26
|
+
padding-bottom: @table-padding-horizontal;
|
|
27
|
+
}
|
|
28
|
+
|
|
24
29
|
// customize the loading of table
|
|
25
30
|
.@{spin-prefix-cls}-nested-loading > div > .@{spin-prefix-cls} {
|
|
26
31
|
background-color: @white;
|