wargerm 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +21 -0
- package/README.md +30 -0
- package/README.zh-CN.md +30 -0
- package/dist/components/Button/index.d.ts +12 -0
- package/dist/components/IconFont/index.d.ts +3 -0
- package/dist/components/Input/index.d.ts +6 -0
- package/dist/components/Table/index.d.ts +66 -0
- package/dist/hooks/useClickOutside.d.ts +3 -0
- package/dist/hooks/useDebounce.d.ts +2 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.esm.js +479 -0
- package/dist/index.js +492 -0
- package/package.json +70 -0
package/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
MIT License
|
2
|
+
|
3
|
+
Copyright (c) 2020 UmiJS
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
@@ -0,0 +1,30 @@
|
|
1
|
+
## 📒 目录介绍
|
2
|
+
|
3
|
+
```
|
4
|
+
├── docs 文档存放路径
|
5
|
+
│ ├── index.md 首页展示
|
6
|
+
│ └── **.** 网站目录文档
|
7
|
+
├── src 组件主目录
|
8
|
+
│ ├── index.ts 组件注册
|
9
|
+
│ └── Foo 组件开发
|
10
|
+
├── .eslintrc.js eslint 配置
|
11
|
+
├── .fatherrc.ts father 配置
|
12
|
+
├── .umirc.ts dumi 配置
|
13
|
+
└── tsconfig.json typescript 配置
|
14
|
+
```
|
15
|
+
|
16
|
+
其余文件可自行查阅了解。
|
17
|
+
|
18
|
+
## 🤖 命令介绍
|
19
|
+
|
20
|
+
| 名称 | 描述 | 备注 |
|
21
|
+
| ----------------------- | -------------- | -------------------------------------------------------------------- |
|
22
|
+
| `npm run start` | 项目启动 | 使用 [dumi](https://github.com/umijs/dumi),组件开发和文档开发在一起 |
|
23
|
+
| `npm run test` | 组件测试 | - |
|
24
|
+
| `npm run test:coverage` | 代码覆盖率查看 | - |
|
25
|
+
| `npm run prettier` | 代码美化 | - |
|
26
|
+
| `npm run build` | 组件打包 | 使用 [father](https://github.com/umijs/father) 工具 |
|
27
|
+
| `npm run release` | 组件打包发布 | - |
|
28
|
+
| `npm run docs:build` | 文档打包 | - |
|
29
|
+
| `npm run docs:deploy` | 文档发布 | 这里默认是使用了 GitHub Pages |
|
30
|
+
| `npm run deploy` | 文档打包发布 | - |
|
package/README.zh-CN.md
ADDED
@@ -0,0 +1,30 @@
|
|
1
|
+
## 📒 目录介绍
|
2
|
+
|
3
|
+
```
|
4
|
+
├── docs 文档存放路径
|
5
|
+
│ ├── index.md 首页展示
|
6
|
+
│ └── **.** 网站目录文档
|
7
|
+
├── src 组件主目录
|
8
|
+
│ ├── index.ts 组件注册
|
9
|
+
│ └── Foo 组件开发
|
10
|
+
├── .eslintrc.js eslint 配置
|
11
|
+
├── .fatherrc.ts father 配置
|
12
|
+
├── .umirc.ts dumi 配置
|
13
|
+
└── tsconfig.json typescript 配置
|
14
|
+
```
|
15
|
+
|
16
|
+
其余文件可自行查阅了解。
|
17
|
+
|
18
|
+
## 🤖 命令介绍
|
19
|
+
|
20
|
+
| 名称 | 描述 | 备注 |
|
21
|
+
| ----------------------- | -------------- | -------------------------------------------------------------------- |
|
22
|
+
| `npm run start` | 项目启动 | 使用 [dumi](https://github.com/umijs/dumi),组件开发和文档开发在一起 |
|
23
|
+
| `npm run test` | 组件测试 | - |
|
24
|
+
| `npm run test:coverage` | 代码覆盖率查看 | - |
|
25
|
+
| `npm run prettier` | 代码美化 | - |
|
26
|
+
| `npm run build` | 组件打包 | 使用 [father](https://github.com/umijs/father) 工具 |
|
27
|
+
| `npm run release` | 组件打包发布 | - |
|
28
|
+
| `npm run docs:build` | 文档打包 | - |
|
29
|
+
| `npm run docs:deploy` | 文档发布 | 这里默认是使用了 GitHub Pages |
|
30
|
+
| `npm run deploy` | 文档打包发布 | - |
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
import { ButtonProps } from 'antd/lib/button';
|
3
|
+
interface IMultiple {
|
4
|
+
handleMenuClick?: (e: any) => void;
|
5
|
+
handleClick?: (e: any) => void;
|
6
|
+
children?: String[];
|
7
|
+
}
|
8
|
+
export interface IButtonProps extends ButtonProps {
|
9
|
+
multiple?: IMultiple;
|
10
|
+
}
|
11
|
+
declare const WButton: FC<IButtonProps>;
|
12
|
+
export default WButton;
|
@@ -0,0 +1,66 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
interface ColumnProps {
|
4
|
+
title: string;
|
5
|
+
dataIndex: string;
|
6
|
+
key?: string | number;
|
7
|
+
width?: number;
|
8
|
+
ellipsis?: Boolean;
|
9
|
+
showTitle?: Boolean;
|
10
|
+
fixed?: 'left' | 'right';
|
11
|
+
render?: (text: string, record: Record<string, any>, index: number) => ReactNode;
|
12
|
+
}
|
13
|
+
interface IRowSelection {
|
14
|
+
type: 'checkbox' | 'radio';
|
15
|
+
selectedRowKeys?: Array<string | number>;
|
16
|
+
defaultSelectedRowKeys?: Array<string | number>;
|
17
|
+
/**
|
18
|
+
* 选中项发生变化时的回调
|
19
|
+
*/
|
20
|
+
onChange?: (selectedRowKeys: Array<string | number>, selectedRows: Array<Record<string, any>>) => void;
|
21
|
+
/**
|
22
|
+
* 用户手动选择/取消选择某行的回调
|
23
|
+
*/
|
24
|
+
onSelect?: (record: Record<string, any>, selected: boolean, selectedRows: Record<string, any>[], nativeEvent: MouseEvent) => void;
|
25
|
+
/**
|
26
|
+
* 用户手动选择/取消选择所有行的回调
|
27
|
+
*/
|
28
|
+
onSelectAll?: (selected: boolean, selectedRows: Record<string, any>[], changeRows: Record<string, any>[]) => void;
|
29
|
+
}
|
30
|
+
interface Iscroll {
|
31
|
+
/**
|
32
|
+
* 当分页、排序、筛选变化后是否滚动到表格顶部
|
33
|
+
*/
|
34
|
+
scrollToFirstRowOnChange?: boolean;
|
35
|
+
/**
|
36
|
+
* 设置横向滚动,也可用于指定滚动区域的宽,可以设置为像素值,百分比,true 和 'max-content'
|
37
|
+
*/
|
38
|
+
x?: string | number | true;
|
39
|
+
/**
|
40
|
+
* 设置纵向滚动,也可用于指定滚动区域的高,可以设置为像素值
|
41
|
+
*/
|
42
|
+
y?: string | number;
|
43
|
+
}
|
44
|
+
declare type Props = {
|
45
|
+
className?: string;
|
46
|
+
rowClassName?: (record: Record<string, any>, index: number) => string;
|
47
|
+
style?: React.CSSProperties;
|
48
|
+
tbodyStyle?: React.CSSProperties;
|
49
|
+
thStyle?: React.CSSProperties;
|
50
|
+
columns: ColumnProps[];
|
51
|
+
border?: Boolean;
|
52
|
+
dataSource: Record<string, any>[];
|
53
|
+
rowKey: ((record: Record<string, any>) => number | string) | string;
|
54
|
+
onRow?: (record: Record<string, any>, index: any) => Record<string, any>;
|
55
|
+
rowSelection?: IRowSelection;
|
56
|
+
scroll?: Iscroll;
|
57
|
+
pagination?: boolean | Record<string, any>;
|
58
|
+
children?: ReactNode;
|
59
|
+
};
|
60
|
+
declare function Table({ columns, dataSource, rowKey, onRow, className, rowClassName, rowSelection, style, tbodyStyle, thStyle, border, scroll, pagination, ...props }: Props): JSX.Element;
|
61
|
+
declare namespace Table {
|
62
|
+
var defaultProps: {
|
63
|
+
rowKey: string;
|
64
|
+
};
|
65
|
+
}
|
66
|
+
export default Table;
|
package/dist/index.d.ts
ADDED
@@ -0,0 +1,479 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import { Menu, Dropdown, Button, Input, Checkbox, Radio, Tooltip, Pagination } from 'antd';
|
3
|
+
import { createFromIconfontCN } from '@ant-design/icons';
|
4
|
+
import classnames from 'classnames';
|
5
|
+
import uniqBy from 'lodash/uniqBy';
|
6
|
+
|
7
|
+
function styleInject(css, ref) {
|
8
|
+
if ( ref === void 0 ) ref = {};
|
9
|
+
var insertAt = ref.insertAt;
|
10
|
+
|
11
|
+
if (!css || typeof document === 'undefined') { return; }
|
12
|
+
|
13
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
14
|
+
var style = document.createElement('style');
|
15
|
+
style.type = 'text/css';
|
16
|
+
|
17
|
+
if (insertAt === 'top') {
|
18
|
+
if (head.firstChild) {
|
19
|
+
head.insertBefore(style, head.firstChild);
|
20
|
+
} else {
|
21
|
+
head.appendChild(style);
|
22
|
+
}
|
23
|
+
} else {
|
24
|
+
head.appendChild(style);
|
25
|
+
}
|
26
|
+
|
27
|
+
if (style.styleSheet) {
|
28
|
+
style.styleSheet.cssText = css;
|
29
|
+
} else {
|
30
|
+
style.appendChild(document.createTextNode(css));
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
var css_248z = "/* Color\n----------------------- */\n/* Border\n----------------------- */\n::-webkit-scrollbar {\n width: 6px;\n}\n::-webkit-scrollbar-track {\n background: hsla(0, 0%, 100%, 0.1);\n -webkit-box-shadow: inset006pxrgba(255, 0, 0, 0.3);\n}\n::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);\n}\n::-webkit-scrollbar-thumb:window-inactive {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-prefers-color='dark'] .__dumi-default-previewer {\n background: linear-gradient(#1c274f 0%, #2f4262 100%);\n}\n[data-prefers-color='light'] .__dumi-default-previewer {\n background: linear-gradient(#9fb5c6 0%, #ccdfee 100%);\n}\n[data-prefers-color='dark'] .ant-btn {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n border: 1px solid #41a9d4;\n width: 95px;\n height: 30px;\n font-size: 14px;\n font-family: Adobe Heiti Std R, Adobe Heiti Std R-R;\n font-weight: R;\n text-align: left;\n color: #3665ea;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .ant-btn-primary {\n color: #fff;\n background: rgba(6, 15, 41, 0.7);\n border: 1px solid #41a9d4;\n}\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary {\n background: rgba(229, 145, 145, 0.7);\n color: #fff;\n border: none;\n}\n[data-prefers-color='dark'] .ant-btn-link {\n background: none;\n border: none;\n}\n[data-prefers-color='dark'] .ant-btn[disabled],\n[data-prefers-color='dark'] .ant-btn[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled],\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='dark'] .ant-btn-link[disabled],\n[data-prefers-color='dark'] .ant-btn-link[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn-link[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn-link[disabled]:active {\n background: none;\n border: none;\n}\n[data-prefers-color='dark'] .ant-dropdown-trigger {\n width: 30px;\n height: 30px;\n}\n[data-prefers-color='dark'] .ant-dropdown-menu {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n}\n[data-prefers-color='dark'] .ant-dropdown-menu .ant-dropdown-menu-item {\n color: #3665ea;\n}\n[data-prefers-color='dark'] .ant-dropdown-menu-item:hover,\n[data-prefers-color='dark'] .ant-dropdown-menu-submenu-title:hover {\n background: rgba(40, 130, 254, 0.7);\n color: #fff;\n}\n[data-prefers-color='light'] .ant-btn {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n border: 1px solid #41a9d4;\n width: 95px;\n height: 30px;\n font-size: 14px;\n font-family: Adobe Heiti Std R, Adobe Heiti Std R-R;\n font-weight: R;\n text-align: left;\n color: #3665ea;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .ant-btn-primary {\n background: rgba(40, 130, 254, 0.7);\n border: 1px solid #41a9d4;\n color: #fff;\n}\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary {\n background: rgba(229, 145, 145, 0.7);\n color: #fff;\n border: none;\n}\n[data-prefers-color='light'] .ant-btn-link {\n background: none;\n border: none;\n}\n[data-prefers-color='light'] .ant-btn[disabled],\n[data-prefers-color='light'] .ant-btn[disabled]:hover,\n[data-prefers-color='light'] .ant-btn[disabled]:focus,\n[data-prefers-color='light'] .ant-btn[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled],\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:hover,\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:focus,\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='light'] .ant-btn-link[disabled],\n[data-prefers-color='light'] .ant-btn-link[disabled]:hover,\n[data-prefers-color='light'] .ant-btn-link[disabled]:focus,\n[data-prefers-color='light'] .ant-btn-link[disabled]:active {\n background: none;\n border: none;\n}\n[data-prefers-color='light'] .ant-dropdown-trigger {\n width: 30px;\n height: 30px;\n}\n[data-prefers-color='light'] .ant-dropdown-menu {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n}\n[data-prefers-color='light'] .ant-dropdown-menu .ant-dropdown-menu-item {\n color: #3665ea;\n}\n[data-prefers-color='light'] .ant-dropdown-menu-item:hover,\n[data-prefers-color='light'] .ant-dropdown-menu-submenu-title:hover {\n background: rgba(40, 130, 254, 0.7);\n color: #fff;\n}\n[data-prefers-color='dark'] input {\n padding: 0;\n outline: none;\n border: none;\n}\n[data-prefers-color='dark'] input.ant-input {\n background-color: transparent;\n height: 28px;\n border: 1px solid #4383a4;\n color: #fff;\n padding-left: 10px;\n}\n[data-prefers-color='dark'] input.ant-input:focus,\n[data-prefers-color='dark'] input.ant-input-focused {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] input.ant-input:hover {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='light'] input {\n padding: 0;\n outline: none;\n border: none;\n}\n[data-prefers-color='light'] input.ant-input {\n background-color: transparent;\n height: 28px;\n border: 1px solid #4383a4;\n color: #fff;\n padding-left: 10px;\n}\n[data-prefers-color='light'] input.ant-input:focus,\n[data-prefers-color='light'] input.ant-input-focused {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='light'] input.ant-input:hover {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] .container {\n position: relative;\n}\n[data-prefers-color='dark'] .container .theader .th {\n height: 32px;\n padding-left: 6px;\n display: flex;\n background-color: #212f51;\n}\n[data-prefers-color='dark'] .container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n[data-prefers-color='dark'] .container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n background-color: #263759;\n margin-bottom: 17px;\n}\n[data-prefers-color='dark'] .container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n[data-prefers-color='dark'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n[data-prefers-color='dark'] .ant-pagination-item-active {\n background: transparent;\n}\n[data-prefers-color='light'] .container {\n position: relative;\n}\n[data-prefers-color='light'] .container .theader .th {\n height: 32px;\n padding-left: 6px;\n display: flex;\n background-color: #212f51;\n}\n[data-prefers-color='light'] .container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n[data-prefers-color='light'] .container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n background-color: #263759;\n margin-bottom: 17px;\n}\n[data-prefers-color='light'] .container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n[data-prefers-color='light'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n[data-prefers-color='light'] .ant-pagination-item-active {\n background: transparent;\n}\n";
|
35
|
+
styleInject(css_248z);
|
36
|
+
|
37
|
+
function ownKeys(object, enumerableOnly) {
|
38
|
+
var keys = Object.keys(object);
|
39
|
+
|
40
|
+
if (Object.getOwnPropertySymbols) {
|
41
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
42
|
+
|
43
|
+
if (enumerableOnly) {
|
44
|
+
symbols = symbols.filter(function (sym) {
|
45
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
46
|
+
});
|
47
|
+
}
|
48
|
+
|
49
|
+
keys.push.apply(keys, symbols);
|
50
|
+
}
|
51
|
+
|
52
|
+
return keys;
|
53
|
+
}
|
54
|
+
|
55
|
+
function _objectSpread2(target) {
|
56
|
+
for (var i = 1; i < arguments.length; i++) {
|
57
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
58
|
+
|
59
|
+
if (i % 2) {
|
60
|
+
ownKeys(Object(source), true).forEach(function (key) {
|
61
|
+
_defineProperty(target, key, source[key]);
|
62
|
+
});
|
63
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
64
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
65
|
+
} else {
|
66
|
+
ownKeys(Object(source)).forEach(function (key) {
|
67
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
68
|
+
});
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
return target;
|
73
|
+
}
|
74
|
+
|
75
|
+
function _typeof(obj) {
|
76
|
+
"@babel/helpers - typeof";
|
77
|
+
|
78
|
+
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
79
|
+
_typeof = function (obj) {
|
80
|
+
return typeof obj;
|
81
|
+
};
|
82
|
+
} else {
|
83
|
+
_typeof = function (obj) {
|
84
|
+
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
85
|
+
};
|
86
|
+
}
|
87
|
+
|
88
|
+
return _typeof(obj);
|
89
|
+
}
|
90
|
+
|
91
|
+
function _defineProperty(obj, key, value) {
|
92
|
+
if (key in obj) {
|
93
|
+
Object.defineProperty(obj, key, {
|
94
|
+
value: value,
|
95
|
+
enumerable: true,
|
96
|
+
configurable: true,
|
97
|
+
writable: true
|
98
|
+
});
|
99
|
+
} else {
|
100
|
+
obj[key] = value;
|
101
|
+
}
|
102
|
+
|
103
|
+
return obj;
|
104
|
+
}
|
105
|
+
|
106
|
+
function _extends() {
|
107
|
+
_extends = Object.assign || function (target) {
|
108
|
+
for (var i = 1; i < arguments.length; i++) {
|
109
|
+
var source = arguments[i];
|
110
|
+
|
111
|
+
for (var key in source) {
|
112
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
113
|
+
target[key] = source[key];
|
114
|
+
}
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
return target;
|
119
|
+
};
|
120
|
+
|
121
|
+
return _extends.apply(this, arguments);
|
122
|
+
}
|
123
|
+
|
124
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
125
|
+
if (source == null) return {};
|
126
|
+
var target = {};
|
127
|
+
var sourceKeys = Object.keys(source);
|
128
|
+
var key, i;
|
129
|
+
|
130
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
131
|
+
key = sourceKeys[i];
|
132
|
+
if (excluded.indexOf(key) >= 0) continue;
|
133
|
+
target[key] = source[key];
|
134
|
+
}
|
135
|
+
|
136
|
+
return target;
|
137
|
+
}
|
138
|
+
|
139
|
+
function _objectWithoutProperties(source, excluded) {
|
140
|
+
if (source == null) return {};
|
141
|
+
|
142
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
143
|
+
|
144
|
+
var key, i;
|
145
|
+
|
146
|
+
if (Object.getOwnPropertySymbols) {
|
147
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
148
|
+
|
149
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
150
|
+
key = sourceSymbolKeys[i];
|
151
|
+
if (excluded.indexOf(key) >= 0) continue;
|
152
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
153
|
+
target[key] = source[key];
|
154
|
+
}
|
155
|
+
}
|
156
|
+
|
157
|
+
return target;
|
158
|
+
}
|
159
|
+
|
160
|
+
function _slicedToArray(arr, i) {
|
161
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
162
|
+
}
|
163
|
+
|
164
|
+
function _toConsumableArray(arr) {
|
165
|
+
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
166
|
+
}
|
167
|
+
|
168
|
+
function _arrayWithoutHoles(arr) {
|
169
|
+
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
170
|
+
}
|
171
|
+
|
172
|
+
function _arrayWithHoles(arr) {
|
173
|
+
if (Array.isArray(arr)) return arr;
|
174
|
+
}
|
175
|
+
|
176
|
+
function _iterableToArray(iter) {
|
177
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
178
|
+
}
|
179
|
+
|
180
|
+
function _iterableToArrayLimit(arr, i) {
|
181
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
182
|
+
|
183
|
+
if (_i == null) return;
|
184
|
+
var _arr = [];
|
185
|
+
var _n = true;
|
186
|
+
var _d = false;
|
187
|
+
|
188
|
+
var _s, _e;
|
189
|
+
|
190
|
+
try {
|
191
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
192
|
+
_arr.push(_s.value);
|
193
|
+
|
194
|
+
if (i && _arr.length === i) break;
|
195
|
+
}
|
196
|
+
} catch (err) {
|
197
|
+
_d = true;
|
198
|
+
_e = err;
|
199
|
+
} finally {
|
200
|
+
try {
|
201
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
202
|
+
} finally {
|
203
|
+
if (_d) throw _e;
|
204
|
+
}
|
205
|
+
}
|
206
|
+
|
207
|
+
return _arr;
|
208
|
+
}
|
209
|
+
|
210
|
+
function _unsupportedIterableToArray(o, minLen) {
|
211
|
+
if (!o) return;
|
212
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
213
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
214
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
215
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
216
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
217
|
+
}
|
218
|
+
|
219
|
+
function _arrayLikeToArray(arr, len) {
|
220
|
+
if (len == null || len > arr.length) len = arr.length;
|
221
|
+
|
222
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
223
|
+
|
224
|
+
return arr2;
|
225
|
+
}
|
226
|
+
|
227
|
+
function _nonIterableSpread() {
|
228
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
229
|
+
}
|
230
|
+
|
231
|
+
function _nonIterableRest() {
|
232
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
233
|
+
}
|
234
|
+
|
235
|
+
var _excluded = ["multiple", "children", "disabled"];
|
236
|
+
|
237
|
+
var WButton = function WButton(props) {
|
238
|
+
var multiple = props.multiple,
|
239
|
+
children = props.children,
|
240
|
+
disabled = props.disabled,
|
241
|
+
extraProps = _objectWithoutProperties(props, _excluded);
|
242
|
+
|
243
|
+
var menu = /*#__PURE__*/React.createElement(Menu, {
|
244
|
+
onClick: multiple && multiple.handleMenuClick
|
245
|
+
}, multiple && multiple.children && multiple.children.map(function (child, index) {
|
246
|
+
return /*#__PURE__*/React.createElement(Menu.Item, {
|
247
|
+
key: index
|
248
|
+
}, child);
|
249
|
+
}));
|
250
|
+
return multiple ? /*#__PURE__*/React.createElement(Dropdown.Button, {
|
251
|
+
disabled: disabled,
|
252
|
+
onClick: multiple && multiple.handleClick,
|
253
|
+
overlay: menu
|
254
|
+
}, children) : /*#__PURE__*/React.createElement(Button, _objectSpread2({
|
255
|
+
disabled: disabled
|
256
|
+
}, extraProps), children);
|
257
|
+
};
|
258
|
+
|
259
|
+
WButton.defaultProps = {};
|
260
|
+
|
261
|
+
/*
|
262
|
+
* @Author: lijin
|
263
|
+
* @Date: 2021-08-04 16:24:47
|
264
|
+
* @LastEditTime: 2021-09-09 15:57:23
|
265
|
+
* @LastEditors: lijin
|
266
|
+
* @Description:
|
267
|
+
* @FilePath: \wargerm\src\IconFont\index.tsx
|
268
|
+
* 可以输入预定的版权声明、个性签名、空行等
|
269
|
+
*/
|
270
|
+
// iconFontScriptUrl 修改成自己的iconfont图标项目地址
|
271
|
+
// 注意:如果需要图标多色,Iconfont图标项目里要进行批量去色处理
|
272
|
+
// 使用:
|
273
|
+
// import IconFont from '@/components/IconFont';
|
274
|
+
// <IconFont type='icon-demo' className='xxx-xxx' />
|
275
|
+
|
276
|
+
var index = createFromIconfontCN({
|
277
|
+
scriptUrl: '//at.alicdn.com/t/font_2720974_ec0fzxnc7ul.js'
|
278
|
+
});
|
279
|
+
|
280
|
+
var WInput = function WInput(props) {
|
281
|
+
var extraProps = _extends({}, props);
|
282
|
+
|
283
|
+
return /*#__PURE__*/React.createElement(Input, _objectSpread2({}, extraProps));
|
284
|
+
};
|
285
|
+
|
286
|
+
WInput.defaultProps = {};
|
287
|
+
|
288
|
+
var _excluded$1 = ["columns", "dataSource", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination"];
|
289
|
+
function Table(_ref) {
|
290
|
+
var columns = _ref.columns,
|
291
|
+
dataSource = _ref.dataSource,
|
292
|
+
_ref$rowKey = _ref.rowKey,
|
293
|
+
rowKey = _ref$rowKey === void 0 ? 'key' : _ref$rowKey,
|
294
|
+
onRow = _ref.onRow,
|
295
|
+
className = _ref.className,
|
296
|
+
rowClassName = _ref.rowClassName,
|
297
|
+
rowSelection = _ref.rowSelection,
|
298
|
+
style = _ref.style,
|
299
|
+
tbodyStyle = _ref.tbodyStyle,
|
300
|
+
thStyle = _ref.thStyle,
|
301
|
+
_ref$border = _ref.border,
|
302
|
+
scroll = _ref.scroll,
|
303
|
+
_ref$pagination = _ref.pagination,
|
304
|
+
pagination = _ref$pagination === void 0 ? false : _ref$pagination,
|
305
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
306
|
+
|
307
|
+
var _useState = useState(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [])),
|
308
|
+
_useState2 = _slicedToArray(_useState, 2),
|
309
|
+
selectedRowKeys = _useState2[0],
|
310
|
+
setSelectedKeys = _useState2[1];
|
311
|
+
|
312
|
+
var _useState3 = useState([]),
|
313
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
314
|
+
selectedRows = _useState4[0],
|
315
|
+
setSelectedRows = _useState4[1];
|
316
|
+
|
317
|
+
var onSelectAllChange = function onSelectAllChange(e) {
|
318
|
+
if (e.target.checked) {
|
319
|
+
setSelectedKeys(dataSource.map(function (record) {
|
320
|
+
return typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
|
321
|
+
}));
|
322
|
+
setSelectedRows(function () {
|
323
|
+
var _rowSelection$onSelec;
|
324
|
+
|
325
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec = rowSelection.onSelectAll) === null || _rowSelection$onSelec === void 0 ? void 0 : _rowSelection$onSelec.call(rowSelection, e.target.checked, dataSource, dataSource);
|
326
|
+
return dataSource;
|
327
|
+
});
|
328
|
+
} else {
|
329
|
+
setSelectedKeys([]);
|
330
|
+
setSelectedRows(function () {
|
331
|
+
var _rowSelection$onSelec2;
|
332
|
+
|
333
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec2 = rowSelection.onSelectAll) === null || _rowSelection$onSelec2 === void 0 ? void 0 : _rowSelection$onSelec2.call(rowSelection, e.target.checked, [], dataSource);
|
334
|
+
return [];
|
335
|
+
});
|
336
|
+
}
|
337
|
+
};
|
338
|
+
|
339
|
+
return /*#__PURE__*/React.createElement("div", {
|
340
|
+
className: classnames(_defineProperty({
|
341
|
+
container: true
|
342
|
+
}, className || 'defalut-table', true)),
|
343
|
+
style: style
|
344
|
+
}, /*#__PURE__*/React.createElement("div", {
|
345
|
+
className: "theader"
|
346
|
+
}, /*#__PURE__*/React.createElement("div", {
|
347
|
+
className: "th",
|
348
|
+
style: thStyle
|
349
|
+
}, (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'checkbox' && /*#__PURE__*/React.createElement("div", {
|
350
|
+
style: {
|
351
|
+
width: '50px',
|
352
|
+
flex: '0 1 auto'
|
353
|
+
},
|
354
|
+
className: "td"
|
355
|
+
}, /*#__PURE__*/React.createElement(Checkbox, {
|
356
|
+
checked: dataSource.every(function (record) {
|
357
|
+
return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
|
358
|
+
}),
|
359
|
+
indeterminate: !dataSource.every(function (record) {
|
360
|
+
return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
|
361
|
+
}) && dataSource.some(function (record) {
|
362
|
+
return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
|
363
|
+
}),
|
364
|
+
onChange: onSelectAllChange
|
365
|
+
}, ' ')), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React.createElement("div", {
|
366
|
+
style: {
|
367
|
+
width: '50px',
|
368
|
+
flex: '0 1 auto'
|
369
|
+
},
|
370
|
+
className: "td"
|
371
|
+
}), columns.map(function (column) {
|
372
|
+
return /*#__PURE__*/React.createElement("div", {
|
373
|
+
key: column.dataIndex,
|
374
|
+
style: {
|
375
|
+
width: column.width + 'px',
|
376
|
+
flex: column.width ? '0 1 auto' : '1'
|
377
|
+
},
|
378
|
+
className: "td"
|
379
|
+
}, column.title);
|
380
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
381
|
+
className: "tbody",
|
382
|
+
style: _objectSpread2({
|
383
|
+
height: (style === null || style === void 0 ? void 0 : style.height) ? "calc(".concat(style.height, " - ").concat(52 + (pagination === false ? 0 : 42), "px)") : '200px'
|
384
|
+
}, tbodyStyle)
|
385
|
+
}, dataSource.map(function (record, index) {
|
386
|
+
var _ref2, _ref3;
|
387
|
+
|
388
|
+
var key = typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
|
389
|
+
return /*#__PURE__*/React.createElement("div", _objectSpread2({
|
390
|
+
key: key,
|
391
|
+
className: classnames(_defineProperty({
|
392
|
+
tr: true
|
393
|
+
}, typeof rowClassName === 'function' ? rowClassName(record, index) : '', true))
|
394
|
+
}, typeof onRow === 'function' ? onRow(record, index) : {}), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'checkbox' && /*#__PURE__*/React.createElement("div", {
|
395
|
+
style: {
|
396
|
+
width: '50px',
|
397
|
+
flex: '0 1 auto'
|
398
|
+
},
|
399
|
+
className: "td"
|
400
|
+
}, /*#__PURE__*/React.createElement(Checkbox, {
|
401
|
+
checked: (_ref2 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref2 === void 0 ? void 0 : _ref2.includes(key),
|
402
|
+
onClick: function onClick(e) {
|
403
|
+
return e.stopPropagation();
|
404
|
+
},
|
405
|
+
onChange: function onChange(event) {
|
406
|
+
setSelectedKeys(function (keys) {
|
407
|
+
var rows = uniqBy([].concat(_toConsumableArray(selectedRows), [record]), typeof rowKey === 'function' ? rowKey(record) : rowKey);
|
408
|
+
|
409
|
+
if (event.target.checked) {
|
410
|
+
var _rowSelection$onChang, _rowSelection$onSelec3;
|
411
|
+
|
412
|
+
setSelectedRows(rows);
|
413
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys), [key]))), rows);
|
414
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec3 = rowSelection.onSelect) === null || _rowSelection$onSelec3 === void 0 ? void 0 : _rowSelection$onSelec3.call(rowSelection, record, event.target.checked, rows, event.nativeEvent);
|
415
|
+
return _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(keys), [key])));
|
416
|
+
} else {
|
417
|
+
var _rowSelection$onSelec4, _rowSelection$onChang2;
|
418
|
+
|
419
|
+
var selectedKeys = _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(keys))));
|
420
|
+
|
421
|
+
var _index = selectedKeys.indexOf(key);
|
422
|
+
|
423
|
+
selectedKeys.splice(_index, 1);
|
424
|
+
rows.splice(_index, 1);
|
425
|
+
setSelectedRows(rows);
|
426
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec4 = rowSelection.onSelect) === null || _rowSelection$onSelec4 === void 0 ? void 0 : _rowSelection$onSelec4.call(rowSelection, record, event.target.checked, rows, event.nativeEvent);
|
427
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 ? void 0 : _rowSelection$onChang2.call(rowSelection, selectedKeys, rows);
|
428
|
+
return selectedKeys;
|
429
|
+
}
|
430
|
+
});
|
431
|
+
}
|
432
|
+
}, ' ')), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React.createElement("div", {
|
433
|
+
style: {
|
434
|
+
width: '50px',
|
435
|
+
flex: '0 1 auto'
|
436
|
+
},
|
437
|
+
className: "td"
|
438
|
+
}, /*#__PURE__*/React.createElement(Radio, {
|
439
|
+
checked: (_ref3 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref3 === void 0 ? void 0 : _ref3.includes(key),
|
440
|
+
onClick: function onClick(e) {
|
441
|
+
return e.stopPropagation();
|
442
|
+
},
|
443
|
+
onChange: function onChange(event) {
|
444
|
+
var _rowSelection$onSelec5, _rowSelection$onChang3;
|
445
|
+
|
446
|
+
setSelectedKeys([key]);
|
447
|
+
setSelectedRows([record]);
|
448
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec5 = rowSelection.onSelect) === null || _rowSelection$onSelec5 === void 0 ? void 0 : _rowSelection$onSelec5.call(rowSelection, record, event.target.checked, [record], event.nativeEvent);
|
449
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang3 = rowSelection.onChange) === null || _rowSelection$onChang3 === void 0 ? void 0 : _rowSelection$onChang3.call(rowSelection, _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), [key]))), [record]);
|
450
|
+
}
|
451
|
+
})), columns.map(function (column) {
|
452
|
+
return column.render ? column.render(record[column.dataIndex], record, index) : column.showTitle ? /*#__PURE__*/React.createElement(Tooltip, {
|
453
|
+
key: column.dataIndex,
|
454
|
+
placement: "top",
|
455
|
+
title: record[column.dataIndex]
|
456
|
+
}, /*#__PURE__*/React.createElement("div", {
|
457
|
+
className: 'td' + (column.ellipsis ? ' ellipsis' : ''),
|
458
|
+
style: {
|
459
|
+
width: column.width + 'px',
|
460
|
+
flex: column.width ? '0 1 auto' : '1'
|
461
|
+
}
|
462
|
+
}, record[column.dataIndex])) : /*#__PURE__*/React.createElement("div", {
|
463
|
+
key: column.dataIndex,
|
464
|
+
className: 'td' + (column.ellipsis ? ' ellipsis' : ''),
|
465
|
+
style: {
|
466
|
+
width: column.width + 'px',
|
467
|
+
flex: column.width ? '0 1 auto' : '1'
|
468
|
+
}
|
469
|
+
}, record[column.dataIndex]);
|
470
|
+
}));
|
471
|
+
})), _typeof(pagination) === 'object' && /*#__PURE__*/React.createElement(Pagination, _objectSpread2({
|
472
|
+
className: "mt10"
|
473
|
+
}, pagination)));
|
474
|
+
}
|
475
|
+
Table.defaultProps = {
|
476
|
+
rowKey: 'key'
|
477
|
+
};
|
478
|
+
|
479
|
+
export { WButton as Button, index as IconFont, WInput as Input, Table };
|
package/dist/index.js
ADDED
@@ -0,0 +1,492 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var antd = require('antd');
|
7
|
+
var icons = require('@ant-design/icons');
|
8
|
+
var classnames = require('classnames');
|
9
|
+
var uniqBy = require('lodash/uniqBy');
|
10
|
+
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
12
|
+
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
14
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
15
|
+
var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
|
16
|
+
|
17
|
+
function styleInject(css, ref) {
|
18
|
+
if ( ref === void 0 ) ref = {};
|
19
|
+
var insertAt = ref.insertAt;
|
20
|
+
|
21
|
+
if (!css || typeof document === 'undefined') { return; }
|
22
|
+
|
23
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
24
|
+
var style = document.createElement('style');
|
25
|
+
style.type = 'text/css';
|
26
|
+
|
27
|
+
if (insertAt === 'top') {
|
28
|
+
if (head.firstChild) {
|
29
|
+
head.insertBefore(style, head.firstChild);
|
30
|
+
} else {
|
31
|
+
head.appendChild(style);
|
32
|
+
}
|
33
|
+
} else {
|
34
|
+
head.appendChild(style);
|
35
|
+
}
|
36
|
+
|
37
|
+
if (style.styleSheet) {
|
38
|
+
style.styleSheet.cssText = css;
|
39
|
+
} else {
|
40
|
+
style.appendChild(document.createTextNode(css));
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
var css_248z = "/* Color\n----------------------- */\n/* Border\n----------------------- */\n::-webkit-scrollbar {\n width: 6px;\n}\n::-webkit-scrollbar-track {\n background: hsla(0, 0%, 100%, 0.1);\n -webkit-box-shadow: inset006pxrgba(255, 0, 0, 0.3);\n}\n::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);\n}\n::-webkit-scrollbar-thumb:window-inactive {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-prefers-color='dark'] .__dumi-default-previewer {\n background: linear-gradient(#1c274f 0%, #2f4262 100%);\n}\n[data-prefers-color='light'] .__dumi-default-previewer {\n background: linear-gradient(#9fb5c6 0%, #ccdfee 100%);\n}\n[data-prefers-color='dark'] .ant-btn {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n border: 1px solid #41a9d4;\n width: 95px;\n height: 30px;\n font-size: 14px;\n font-family: Adobe Heiti Std R, Adobe Heiti Std R-R;\n font-weight: R;\n text-align: left;\n color: #3665ea;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .ant-btn-primary {\n color: #fff;\n background: rgba(6, 15, 41, 0.7);\n border: 1px solid #41a9d4;\n}\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary {\n background: rgba(229, 145, 145, 0.7);\n color: #fff;\n border: none;\n}\n[data-prefers-color='dark'] .ant-btn-link {\n background: none;\n border: none;\n}\n[data-prefers-color='dark'] .ant-btn[disabled],\n[data-prefers-color='dark'] .ant-btn[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled],\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='dark'] .ant-btn-link[disabled],\n[data-prefers-color='dark'] .ant-btn-link[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn-link[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn-link[disabled]:active {\n background: none;\n border: none;\n}\n[data-prefers-color='dark'] .ant-dropdown-trigger {\n width: 30px;\n height: 30px;\n}\n[data-prefers-color='dark'] .ant-dropdown-menu {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n}\n[data-prefers-color='dark'] .ant-dropdown-menu .ant-dropdown-menu-item {\n color: #3665ea;\n}\n[data-prefers-color='dark'] .ant-dropdown-menu-item:hover,\n[data-prefers-color='dark'] .ant-dropdown-menu-submenu-title:hover {\n background: rgba(40, 130, 254, 0.7);\n color: #fff;\n}\n[data-prefers-color='light'] .ant-btn {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n border: 1px solid #41a9d4;\n width: 95px;\n height: 30px;\n font-size: 14px;\n font-family: Adobe Heiti Std R, Adobe Heiti Std R-R;\n font-weight: R;\n text-align: left;\n color: #3665ea;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .ant-btn-primary {\n background: rgba(40, 130, 254, 0.7);\n border: 1px solid #41a9d4;\n color: #fff;\n}\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary {\n background: rgba(229, 145, 145, 0.7);\n color: #fff;\n border: none;\n}\n[data-prefers-color='light'] .ant-btn-link {\n background: none;\n border: none;\n}\n[data-prefers-color='light'] .ant-btn[disabled],\n[data-prefers-color='light'] .ant-btn[disabled]:hover,\n[data-prefers-color='light'] .ant-btn[disabled]:focus,\n[data-prefers-color='light'] .ant-btn[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled],\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:hover,\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:focus,\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='light'] .ant-btn-link[disabled],\n[data-prefers-color='light'] .ant-btn-link[disabled]:hover,\n[data-prefers-color='light'] .ant-btn-link[disabled]:focus,\n[data-prefers-color='light'] .ant-btn-link[disabled]:active {\n background: none;\n border: none;\n}\n[data-prefers-color='light'] .ant-dropdown-trigger {\n width: 30px;\n height: 30px;\n}\n[data-prefers-color='light'] .ant-dropdown-menu {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n}\n[data-prefers-color='light'] .ant-dropdown-menu .ant-dropdown-menu-item {\n color: #3665ea;\n}\n[data-prefers-color='light'] .ant-dropdown-menu-item:hover,\n[data-prefers-color='light'] .ant-dropdown-menu-submenu-title:hover {\n background: rgba(40, 130, 254, 0.7);\n color: #fff;\n}\n[data-prefers-color='dark'] input {\n padding: 0;\n outline: none;\n border: none;\n}\n[data-prefers-color='dark'] input.ant-input {\n background-color: transparent;\n height: 28px;\n border: 1px solid #4383a4;\n color: #fff;\n padding-left: 10px;\n}\n[data-prefers-color='dark'] input.ant-input:focus,\n[data-prefers-color='dark'] input.ant-input-focused {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] input.ant-input:hover {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='light'] input {\n padding: 0;\n outline: none;\n border: none;\n}\n[data-prefers-color='light'] input.ant-input {\n background-color: transparent;\n height: 28px;\n border: 1px solid #4383a4;\n color: #fff;\n padding-left: 10px;\n}\n[data-prefers-color='light'] input.ant-input:focus,\n[data-prefers-color='light'] input.ant-input-focused {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='light'] input.ant-input:hover {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] .container {\n position: relative;\n}\n[data-prefers-color='dark'] .container .theader .th {\n height: 32px;\n padding-left: 6px;\n display: flex;\n background-color: #212f51;\n}\n[data-prefers-color='dark'] .container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n[data-prefers-color='dark'] .container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n background-color: #263759;\n margin-bottom: 17px;\n}\n[data-prefers-color='dark'] .container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n[data-prefers-color='dark'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n[data-prefers-color='dark'] .ant-pagination-item-active {\n background: transparent;\n}\n[data-prefers-color='light'] .container {\n position: relative;\n}\n[data-prefers-color='light'] .container .theader .th {\n height: 32px;\n padding-left: 6px;\n display: flex;\n background-color: #212f51;\n}\n[data-prefers-color='light'] .container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n[data-prefers-color='light'] .container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n background-color: #263759;\n margin-bottom: 17px;\n}\n[data-prefers-color='light'] .container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n[data-prefers-color='light'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n[data-prefers-color='light'] .ant-pagination-item-active {\n background: transparent;\n}\n";
|
45
|
+
styleInject(css_248z);
|
46
|
+
|
47
|
+
function ownKeys(object, enumerableOnly) {
|
48
|
+
var keys = Object.keys(object);
|
49
|
+
|
50
|
+
if (Object.getOwnPropertySymbols) {
|
51
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
52
|
+
|
53
|
+
if (enumerableOnly) {
|
54
|
+
symbols = symbols.filter(function (sym) {
|
55
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
56
|
+
});
|
57
|
+
}
|
58
|
+
|
59
|
+
keys.push.apply(keys, symbols);
|
60
|
+
}
|
61
|
+
|
62
|
+
return keys;
|
63
|
+
}
|
64
|
+
|
65
|
+
function _objectSpread2(target) {
|
66
|
+
for (var i = 1; i < arguments.length; i++) {
|
67
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
68
|
+
|
69
|
+
if (i % 2) {
|
70
|
+
ownKeys(Object(source), true).forEach(function (key) {
|
71
|
+
_defineProperty(target, key, source[key]);
|
72
|
+
});
|
73
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
74
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
75
|
+
} else {
|
76
|
+
ownKeys(Object(source)).forEach(function (key) {
|
77
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
78
|
+
});
|
79
|
+
}
|
80
|
+
}
|
81
|
+
|
82
|
+
return target;
|
83
|
+
}
|
84
|
+
|
85
|
+
function _typeof(obj) {
|
86
|
+
"@babel/helpers - typeof";
|
87
|
+
|
88
|
+
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
89
|
+
_typeof = function (obj) {
|
90
|
+
return typeof obj;
|
91
|
+
};
|
92
|
+
} else {
|
93
|
+
_typeof = function (obj) {
|
94
|
+
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
95
|
+
};
|
96
|
+
}
|
97
|
+
|
98
|
+
return _typeof(obj);
|
99
|
+
}
|
100
|
+
|
101
|
+
function _defineProperty(obj, key, value) {
|
102
|
+
if (key in obj) {
|
103
|
+
Object.defineProperty(obj, key, {
|
104
|
+
value: value,
|
105
|
+
enumerable: true,
|
106
|
+
configurable: true,
|
107
|
+
writable: true
|
108
|
+
});
|
109
|
+
} else {
|
110
|
+
obj[key] = value;
|
111
|
+
}
|
112
|
+
|
113
|
+
return obj;
|
114
|
+
}
|
115
|
+
|
116
|
+
function _extends() {
|
117
|
+
_extends = Object.assign || function (target) {
|
118
|
+
for (var i = 1; i < arguments.length; i++) {
|
119
|
+
var source = arguments[i];
|
120
|
+
|
121
|
+
for (var key in source) {
|
122
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
123
|
+
target[key] = source[key];
|
124
|
+
}
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
return target;
|
129
|
+
};
|
130
|
+
|
131
|
+
return _extends.apply(this, arguments);
|
132
|
+
}
|
133
|
+
|
134
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
135
|
+
if (source == null) return {};
|
136
|
+
var target = {};
|
137
|
+
var sourceKeys = Object.keys(source);
|
138
|
+
var key, i;
|
139
|
+
|
140
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
141
|
+
key = sourceKeys[i];
|
142
|
+
if (excluded.indexOf(key) >= 0) continue;
|
143
|
+
target[key] = source[key];
|
144
|
+
}
|
145
|
+
|
146
|
+
return target;
|
147
|
+
}
|
148
|
+
|
149
|
+
function _objectWithoutProperties(source, excluded) {
|
150
|
+
if (source == null) return {};
|
151
|
+
|
152
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
153
|
+
|
154
|
+
var key, i;
|
155
|
+
|
156
|
+
if (Object.getOwnPropertySymbols) {
|
157
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
158
|
+
|
159
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
160
|
+
key = sourceSymbolKeys[i];
|
161
|
+
if (excluded.indexOf(key) >= 0) continue;
|
162
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
163
|
+
target[key] = source[key];
|
164
|
+
}
|
165
|
+
}
|
166
|
+
|
167
|
+
return target;
|
168
|
+
}
|
169
|
+
|
170
|
+
function _slicedToArray(arr, i) {
|
171
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
172
|
+
}
|
173
|
+
|
174
|
+
function _toConsumableArray(arr) {
|
175
|
+
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
176
|
+
}
|
177
|
+
|
178
|
+
function _arrayWithoutHoles(arr) {
|
179
|
+
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
180
|
+
}
|
181
|
+
|
182
|
+
function _arrayWithHoles(arr) {
|
183
|
+
if (Array.isArray(arr)) return arr;
|
184
|
+
}
|
185
|
+
|
186
|
+
function _iterableToArray(iter) {
|
187
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
188
|
+
}
|
189
|
+
|
190
|
+
function _iterableToArrayLimit(arr, i) {
|
191
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
192
|
+
|
193
|
+
if (_i == null) return;
|
194
|
+
var _arr = [];
|
195
|
+
var _n = true;
|
196
|
+
var _d = false;
|
197
|
+
|
198
|
+
var _s, _e;
|
199
|
+
|
200
|
+
try {
|
201
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
202
|
+
_arr.push(_s.value);
|
203
|
+
|
204
|
+
if (i && _arr.length === i) break;
|
205
|
+
}
|
206
|
+
} catch (err) {
|
207
|
+
_d = true;
|
208
|
+
_e = err;
|
209
|
+
} finally {
|
210
|
+
try {
|
211
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
212
|
+
} finally {
|
213
|
+
if (_d) throw _e;
|
214
|
+
}
|
215
|
+
}
|
216
|
+
|
217
|
+
return _arr;
|
218
|
+
}
|
219
|
+
|
220
|
+
function _unsupportedIterableToArray(o, minLen) {
|
221
|
+
if (!o) return;
|
222
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
223
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
224
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
225
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
226
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
227
|
+
}
|
228
|
+
|
229
|
+
function _arrayLikeToArray(arr, len) {
|
230
|
+
if (len == null || len > arr.length) len = arr.length;
|
231
|
+
|
232
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
233
|
+
|
234
|
+
return arr2;
|
235
|
+
}
|
236
|
+
|
237
|
+
function _nonIterableSpread() {
|
238
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
239
|
+
}
|
240
|
+
|
241
|
+
function _nonIterableRest() {
|
242
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
243
|
+
}
|
244
|
+
|
245
|
+
var _excluded = ["multiple", "children", "disabled"];
|
246
|
+
|
247
|
+
var WButton = function WButton(props) {
|
248
|
+
var multiple = props.multiple,
|
249
|
+
children = props.children,
|
250
|
+
disabled = props.disabled,
|
251
|
+
extraProps = _objectWithoutProperties(props, _excluded);
|
252
|
+
|
253
|
+
var menu = /*#__PURE__*/React__default['default'].createElement(antd.Menu, {
|
254
|
+
onClick: multiple && multiple.handleMenuClick
|
255
|
+
}, multiple && multiple.children && multiple.children.map(function (child, index) {
|
256
|
+
return /*#__PURE__*/React__default['default'].createElement(antd.Menu.Item, {
|
257
|
+
key: index
|
258
|
+
}, child);
|
259
|
+
}));
|
260
|
+
return multiple ? /*#__PURE__*/React__default['default'].createElement(antd.Dropdown.Button, {
|
261
|
+
disabled: disabled,
|
262
|
+
onClick: multiple && multiple.handleClick,
|
263
|
+
overlay: menu
|
264
|
+
}, children) : /*#__PURE__*/React__default['default'].createElement(antd.Button, _objectSpread2({
|
265
|
+
disabled: disabled
|
266
|
+
}, extraProps), children);
|
267
|
+
};
|
268
|
+
|
269
|
+
WButton.defaultProps = {};
|
270
|
+
|
271
|
+
/*
|
272
|
+
* @Author: lijin
|
273
|
+
* @Date: 2021-08-04 16:24:47
|
274
|
+
* @LastEditTime: 2021-09-09 15:57:23
|
275
|
+
* @LastEditors: lijin
|
276
|
+
* @Description:
|
277
|
+
* @FilePath: \wargerm\src\IconFont\index.tsx
|
278
|
+
* 可以输入预定的版权声明、个性签名、空行等
|
279
|
+
*/
|
280
|
+
// iconFontScriptUrl 修改成自己的iconfont图标项目地址
|
281
|
+
// 注意:如果需要图标多色,Iconfont图标项目里要进行批量去色处理
|
282
|
+
// 使用:
|
283
|
+
// import IconFont from '@/components/IconFont';
|
284
|
+
// <IconFont type='icon-demo' className='xxx-xxx' />
|
285
|
+
|
286
|
+
var index = icons.createFromIconfontCN({
|
287
|
+
scriptUrl: '//at.alicdn.com/t/font_2720974_ec0fzxnc7ul.js'
|
288
|
+
});
|
289
|
+
|
290
|
+
var WInput = function WInput(props) {
|
291
|
+
var extraProps = _extends({}, props);
|
292
|
+
|
293
|
+
return /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2({}, extraProps));
|
294
|
+
};
|
295
|
+
|
296
|
+
WInput.defaultProps = {};
|
297
|
+
|
298
|
+
var _excluded$1 = ["columns", "dataSource", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination"];
|
299
|
+
function Table(_ref) {
|
300
|
+
var columns = _ref.columns,
|
301
|
+
dataSource = _ref.dataSource,
|
302
|
+
_ref$rowKey = _ref.rowKey,
|
303
|
+
rowKey = _ref$rowKey === void 0 ? 'key' : _ref$rowKey,
|
304
|
+
onRow = _ref.onRow,
|
305
|
+
className = _ref.className,
|
306
|
+
rowClassName = _ref.rowClassName,
|
307
|
+
rowSelection = _ref.rowSelection,
|
308
|
+
style = _ref.style,
|
309
|
+
tbodyStyle = _ref.tbodyStyle,
|
310
|
+
thStyle = _ref.thStyle,
|
311
|
+
_ref$border = _ref.border,
|
312
|
+
scroll = _ref.scroll,
|
313
|
+
_ref$pagination = _ref.pagination,
|
314
|
+
pagination = _ref$pagination === void 0 ? false : _ref$pagination,
|
315
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
316
|
+
|
317
|
+
var _useState = React.useState(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [])),
|
318
|
+
_useState2 = _slicedToArray(_useState, 2),
|
319
|
+
selectedRowKeys = _useState2[0],
|
320
|
+
setSelectedKeys = _useState2[1];
|
321
|
+
|
322
|
+
var _useState3 = React.useState([]),
|
323
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
324
|
+
selectedRows = _useState4[0],
|
325
|
+
setSelectedRows = _useState4[1];
|
326
|
+
|
327
|
+
var onSelectAllChange = function onSelectAllChange(e) {
|
328
|
+
if (e.target.checked) {
|
329
|
+
setSelectedKeys(dataSource.map(function (record) {
|
330
|
+
return typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
|
331
|
+
}));
|
332
|
+
setSelectedRows(function () {
|
333
|
+
var _rowSelection$onSelec;
|
334
|
+
|
335
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec = rowSelection.onSelectAll) === null || _rowSelection$onSelec === void 0 ? void 0 : _rowSelection$onSelec.call(rowSelection, e.target.checked, dataSource, dataSource);
|
336
|
+
return dataSource;
|
337
|
+
});
|
338
|
+
} else {
|
339
|
+
setSelectedKeys([]);
|
340
|
+
setSelectedRows(function () {
|
341
|
+
var _rowSelection$onSelec2;
|
342
|
+
|
343
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec2 = rowSelection.onSelectAll) === null || _rowSelection$onSelec2 === void 0 ? void 0 : _rowSelection$onSelec2.call(rowSelection, e.target.checked, [], dataSource);
|
344
|
+
return [];
|
345
|
+
});
|
346
|
+
}
|
347
|
+
};
|
348
|
+
|
349
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
350
|
+
className: classnames__default['default'](_defineProperty({
|
351
|
+
container: true
|
352
|
+
}, className || 'defalut-table', true)),
|
353
|
+
style: style
|
354
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
355
|
+
className: "theader"
|
356
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
357
|
+
className: "th",
|
358
|
+
style: thStyle
|
359
|
+
}, (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'checkbox' && /*#__PURE__*/React__default['default'].createElement("div", {
|
360
|
+
style: {
|
361
|
+
width: '50px',
|
362
|
+
flex: '0 1 auto'
|
363
|
+
},
|
364
|
+
className: "td"
|
365
|
+
}, /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
|
366
|
+
checked: dataSource.every(function (record) {
|
367
|
+
return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
|
368
|
+
}),
|
369
|
+
indeterminate: !dataSource.every(function (record) {
|
370
|
+
return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
|
371
|
+
}) && dataSource.some(function (record) {
|
372
|
+
return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
|
373
|
+
}),
|
374
|
+
onChange: onSelectAllChange
|
375
|
+
}, ' ')), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React__default['default'].createElement("div", {
|
376
|
+
style: {
|
377
|
+
width: '50px',
|
378
|
+
flex: '0 1 auto'
|
379
|
+
},
|
380
|
+
className: "td"
|
381
|
+
}), columns.map(function (column) {
|
382
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
383
|
+
key: column.dataIndex,
|
384
|
+
style: {
|
385
|
+
width: column.width + 'px',
|
386
|
+
flex: column.width ? '0 1 auto' : '1'
|
387
|
+
},
|
388
|
+
className: "td"
|
389
|
+
}, column.title);
|
390
|
+
}))), /*#__PURE__*/React__default['default'].createElement("div", {
|
391
|
+
className: "tbody",
|
392
|
+
style: _objectSpread2({
|
393
|
+
height: (style === null || style === void 0 ? void 0 : style.height) ? "calc(".concat(style.height, " - ").concat(52 + (pagination === false ? 0 : 42), "px)") : '200px'
|
394
|
+
}, tbodyStyle)
|
395
|
+
}, dataSource.map(function (record, index) {
|
396
|
+
var _ref2, _ref3;
|
397
|
+
|
398
|
+
var key = typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
|
399
|
+
return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
|
400
|
+
key: key,
|
401
|
+
className: classnames__default['default'](_defineProperty({
|
402
|
+
tr: true
|
403
|
+
}, typeof rowClassName === 'function' ? rowClassName(record, index) : '', true))
|
404
|
+
}, typeof onRow === 'function' ? onRow(record, index) : {}), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'checkbox' && /*#__PURE__*/React__default['default'].createElement("div", {
|
405
|
+
style: {
|
406
|
+
width: '50px',
|
407
|
+
flex: '0 1 auto'
|
408
|
+
},
|
409
|
+
className: "td"
|
410
|
+
}, /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
|
411
|
+
checked: (_ref2 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref2 === void 0 ? void 0 : _ref2.includes(key),
|
412
|
+
onClick: function onClick(e) {
|
413
|
+
return e.stopPropagation();
|
414
|
+
},
|
415
|
+
onChange: function onChange(event) {
|
416
|
+
setSelectedKeys(function (keys) {
|
417
|
+
var rows = uniqBy__default['default']([].concat(_toConsumableArray(selectedRows), [record]), typeof rowKey === 'function' ? rowKey(record) : rowKey);
|
418
|
+
|
419
|
+
if (event.target.checked) {
|
420
|
+
var _rowSelection$onChang, _rowSelection$onSelec3;
|
421
|
+
|
422
|
+
setSelectedRows(rows);
|
423
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys), [key]))), rows);
|
424
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec3 = rowSelection.onSelect) === null || _rowSelection$onSelec3 === void 0 ? void 0 : _rowSelection$onSelec3.call(rowSelection, record, event.target.checked, rows, event.nativeEvent);
|
425
|
+
return _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(keys), [key])));
|
426
|
+
} else {
|
427
|
+
var _rowSelection$onSelec4, _rowSelection$onChang2;
|
428
|
+
|
429
|
+
var selectedKeys = _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(keys))));
|
430
|
+
|
431
|
+
var _index = selectedKeys.indexOf(key);
|
432
|
+
|
433
|
+
selectedKeys.splice(_index, 1);
|
434
|
+
rows.splice(_index, 1);
|
435
|
+
setSelectedRows(rows);
|
436
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec4 = rowSelection.onSelect) === null || _rowSelection$onSelec4 === void 0 ? void 0 : _rowSelection$onSelec4.call(rowSelection, record, event.target.checked, rows, event.nativeEvent);
|
437
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 ? void 0 : _rowSelection$onChang2.call(rowSelection, selectedKeys, rows);
|
438
|
+
return selectedKeys;
|
439
|
+
}
|
440
|
+
});
|
441
|
+
}
|
442
|
+
}, ' ')), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React__default['default'].createElement("div", {
|
443
|
+
style: {
|
444
|
+
width: '50px',
|
445
|
+
flex: '0 1 auto'
|
446
|
+
},
|
447
|
+
className: "td"
|
448
|
+
}, /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
|
449
|
+
checked: (_ref3 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref3 === void 0 ? void 0 : _ref3.includes(key),
|
450
|
+
onClick: function onClick(e) {
|
451
|
+
return e.stopPropagation();
|
452
|
+
},
|
453
|
+
onChange: function onChange(event) {
|
454
|
+
var _rowSelection$onSelec5, _rowSelection$onChang3;
|
455
|
+
|
456
|
+
setSelectedKeys([key]);
|
457
|
+
setSelectedRows([record]);
|
458
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec5 = rowSelection.onSelect) === null || _rowSelection$onSelec5 === void 0 ? void 0 : _rowSelection$onSelec5.call(rowSelection, record, event.target.checked, [record], event.nativeEvent);
|
459
|
+
rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang3 = rowSelection.onChange) === null || _rowSelection$onChang3 === void 0 ? void 0 : _rowSelection$onChang3.call(rowSelection, _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), [key]))), [record]);
|
460
|
+
}
|
461
|
+
})), columns.map(function (column) {
|
462
|
+
return column.render ? column.render(record[column.dataIndex], record, index) : column.showTitle ? /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
|
463
|
+
key: column.dataIndex,
|
464
|
+
placement: "top",
|
465
|
+
title: record[column.dataIndex]
|
466
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
467
|
+
className: 'td' + (column.ellipsis ? ' ellipsis' : ''),
|
468
|
+
style: {
|
469
|
+
width: column.width + 'px',
|
470
|
+
flex: column.width ? '0 1 auto' : '1'
|
471
|
+
}
|
472
|
+
}, record[column.dataIndex])) : /*#__PURE__*/React__default['default'].createElement("div", {
|
473
|
+
key: column.dataIndex,
|
474
|
+
className: 'td' + (column.ellipsis ? ' ellipsis' : ''),
|
475
|
+
style: {
|
476
|
+
width: column.width + 'px',
|
477
|
+
flex: column.width ? '0 1 auto' : '1'
|
478
|
+
}
|
479
|
+
}, record[column.dataIndex]);
|
480
|
+
}));
|
481
|
+
})), _typeof(pagination) === 'object' && /*#__PURE__*/React__default['default'].createElement(antd.Pagination, _objectSpread2({
|
482
|
+
className: "mt10"
|
483
|
+
}, pagination)));
|
484
|
+
}
|
485
|
+
Table.defaultProps = {
|
486
|
+
rowKey: 'key'
|
487
|
+
};
|
488
|
+
|
489
|
+
exports.Button = WButton;
|
490
|
+
exports.IconFont = index;
|
491
|
+
exports.Input = WInput;
|
492
|
+
exports.Table = Table;
|
package/package.json
ADDED
@@ -0,0 +1,70 @@
|
|
1
|
+
{
|
2
|
+
"private": false,
|
3
|
+
"name": "wargerm",
|
4
|
+
"version": "0.1.0",
|
5
|
+
"scripts": {
|
6
|
+
"start": "dumi dev",
|
7
|
+
"docs:build": "dumi build",
|
8
|
+
"docs:deploy": "gh-pages -d docs-dist",
|
9
|
+
"build": "father-build",
|
10
|
+
"deploy": "npm run docs:build && npm run docs:deploy",
|
11
|
+
"release": "npm run build && npm publish",
|
12
|
+
"prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
|
13
|
+
"test": "umi-test",
|
14
|
+
"test:coverage": "umi-test --coverage"
|
15
|
+
},
|
16
|
+
"main": "dist/index.js",
|
17
|
+
"module": "dist/index.esm.js",
|
18
|
+
"unpkg": "dist/index.umd.min.js",
|
19
|
+
"typings": "dist/index.d.ts",
|
20
|
+
"author": "jinly2",
|
21
|
+
"license": "MIT",
|
22
|
+
"keywords": [
|
23
|
+
"React",
|
24
|
+
"Component"
|
25
|
+
],
|
26
|
+
"gitHooks": {
|
27
|
+
"pre-commit": "lint-staged"
|
28
|
+
},
|
29
|
+
"repository": {
|
30
|
+
"type": "git",
|
31
|
+
"url": "https://gitee.com/jin2/wargerm.git",
|
32
|
+
"branch": "main"
|
33
|
+
},
|
34
|
+
"files": [
|
35
|
+
"dist",
|
36
|
+
"es",
|
37
|
+
"lib"
|
38
|
+
],
|
39
|
+
"lint-staged": {
|
40
|
+
"*.{js,jsx,less,md,json}": [
|
41
|
+
"prettier --write"
|
42
|
+
],
|
43
|
+
"*.ts?(x)": [
|
44
|
+
"prettier --parser=typescript --write"
|
45
|
+
]
|
46
|
+
},
|
47
|
+
"dependencies": {},
|
48
|
+
"peerDependencies": {
|
49
|
+
"@ant-design/icons": ">=4.2.0",
|
50
|
+
"antd": ">=4.7.0",
|
51
|
+
"classnames": ">=2.2.0",
|
52
|
+
"lodash": ">=4.0.0",
|
53
|
+
"react": ">=17.0.0"
|
54
|
+
},
|
55
|
+
"devDependencies": {
|
56
|
+
"@ant-design/icons": "^4.6.4",
|
57
|
+
"@types/lodash": "^4.14.173",
|
58
|
+
"@umijs/test": "^3.0.5",
|
59
|
+
"antd": "^4.16.13",
|
60
|
+
"babel-plugin-import": "^1.13.3",
|
61
|
+
"classnames": "^2.3.1",
|
62
|
+
"dumi": "^1.1.0",
|
63
|
+
"father-build": "^1.19.1",
|
64
|
+
"gh-pages": "^3.0.0",
|
65
|
+
"lint-staged": "^10.0.7",
|
66
|
+
"prettier": "^1.19.1",
|
67
|
+
"react": "^16.12.0",
|
68
|
+
"yorkie": "^2.0.0"
|
69
|
+
}
|
70
|
+
}
|