ztxkui 2.7.4 → 2.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DemoCom/BasicDemo.js +45 -1
- package/dist/DemoCom/PrintDemo.d.ts +7 -0
- package/dist/DemoCom/PrintDemo.js +57 -0
- package/dist/DemoCom/TableDemo.js +33 -1
- package/dist/DemoCom/TableDemo1.d.ts +7 -0
- package/dist/DemoCom/TableDemo1.js +235 -0
- package/dist/components/Empty/empty.d.ts +10 -0
- package/dist/components/Empty/empty.js +19 -0
- package/dist/components/Empty/index.d.ts +3 -0
- package/dist/components/Empty/index.js +2 -0
- package/dist/components/EnhanceSelect/index.d.ts +5 -1
- package/dist/components/EnhanceSelect/index.js +8 -2
- package/dist/components/business/NewList/item.js +4 -4
- package/dist/index.css +32 -4
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/index.js +11 -2
- package/package.json +2 -1
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import InputNumber from 'components/InputNumber';
|
|
2
2
|
import Tag from 'components/Tag';
|
|
3
3
|
import Input from 'components/Input';
|
|
4
|
+
import { FormList } from '../index';
|
|
5
|
+
import GridList from 'components/business/NewList';
|
|
4
6
|
import { useState } from 'react';
|
|
5
7
|
import './style.scss';
|
|
6
8
|
function BasicDemo() {
|
|
@@ -17,6 +19,48 @@ function BasicDemo() {
|
|
|
17
19
|
React.createElement(Tag, { type: "warning" }, "\u4F60\u597D")),
|
|
18
20
|
React.createElement("div", { className: "placeholder" },
|
|
19
21
|
React.createElement("button", { onClick: function () { return console.log(value); } }, "\u83B7\u53D6\u6570\u636E")),
|
|
20
|
-
React.createElement(Input.TextArea, { className: "placeholder" })
|
|
22
|
+
React.createElement(Input.TextArea, { className: "placeholder" }),
|
|
23
|
+
React.createElement("div", { style: { border: '1px solid red' } },
|
|
24
|
+
React.createElement(FormList, { gutter: 16 },
|
|
25
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u5355\u53F7\u63D0\u5355\u53F7\u63D0\u5355\u53F7\u63D0\u5355\u53F7" }, "111111"),
|
|
26
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u516C\u53F8" }, "222222"),
|
|
27
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u90E8\u95E8" }, "3333333"),
|
|
28
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u8D27\u5355\u4F4D" }, "444444")),
|
|
29
|
+
React.createElement(FormList, { gutter: 16 },
|
|
30
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u5355\u53F7" }, "111111"),
|
|
31
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u516C\u53F8" }, "222222"),
|
|
32
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u90E8\u95E8" }, "3333333"),
|
|
33
|
+
React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u8D27\u5355\u4F4D" }, "444444"))),
|
|
34
|
+
React.createElement("div", { style: { border: '1px solid red', marginTop: '10px' } },
|
|
35
|
+
React.createElement(GridList, { border: true, showBackground: true },
|
|
36
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1"),
|
|
37
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
38
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
39
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
40
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
41
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
42
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
43
|
+
React.createElement(GridList.FormItem, { span: 16, titleSpan: 8 - Math.ceil(8 * 0.4), title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))),
|
|
44
|
+
React.createElement("div", { style: { border: '1px solid red', marginTop: '10px' } },
|
|
45
|
+
React.createElement(GridList, { border: true },
|
|
46
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\u518D\u89C1"),
|
|
47
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
48
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
49
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
50
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
51
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
52
|
+
React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
53
|
+
React.createElement(GridList.FormItem, { span: 16, titleSpan: 8 - Math.ceil(8 * 0.4), title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))),
|
|
54
|
+
React.createElement("div", { style: { border: '1px solid red', marginTop: '10px' } },
|
|
55
|
+
React.createElement(GridList, { gutter: 16 },
|
|
56
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1"),
|
|
57
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5" },
|
|
58
|
+
React.createElement("div", null, "\u5475\u5475\u5475\u5475")),
|
|
59
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
60
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
61
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
62
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
63
|
+
React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
|
|
64
|
+
React.createElement(GridList.FormItem, { span: 6, titleSpan: 6 - Math.ceil(6 * 0.4), title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1")))));
|
|
21
65
|
}
|
|
22
66
|
export default BasicDemo;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author 陈亚雄
|
|
3
|
+
* @description
|
|
4
|
+
*/
|
|
5
|
+
import React, { useRef } from 'react';
|
|
6
|
+
// import { findDOMNode } from 'react-dom';
|
|
7
|
+
import { Button } from '../index';
|
|
8
|
+
import Table from 'components/Table';
|
|
9
|
+
import { useReactToPrint } from 'react-to-print';
|
|
10
|
+
var dataSource = new Array(10).fill('1').map(function (item, index) { return ({
|
|
11
|
+
test1: "\u6D4B\u8BD5\u4E00" + index,
|
|
12
|
+
test2: "\u6D4B\u8BD5\u4E8C" + index,
|
|
13
|
+
test3: "\u6D4B\u8BD5\u4E09" + index,
|
|
14
|
+
test4: "\u6D4B\u8BD5\u56DB" + index,
|
|
15
|
+
id: "" + index,
|
|
16
|
+
}); });
|
|
17
|
+
var PrintDemo = function () {
|
|
18
|
+
var componentRef = useRef();
|
|
19
|
+
var columns = [
|
|
20
|
+
{
|
|
21
|
+
title: '测试一',
|
|
22
|
+
width: 100,
|
|
23
|
+
dataIndex: 'test1',
|
|
24
|
+
key: 'test1',
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
title: '测试一',
|
|
28
|
+
width: 100,
|
|
29
|
+
dataIndex: 'test2',
|
|
30
|
+
key: 'test2',
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
title: '测试一',
|
|
34
|
+
width: 100,
|
|
35
|
+
dataIndex: 'test3',
|
|
36
|
+
key: 'test3',
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
title: '测试一',
|
|
40
|
+
width: 100,
|
|
41
|
+
dataIndex: 'test4',
|
|
42
|
+
key: 'test4',
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
var handlePrint = useReactToPrint({
|
|
46
|
+
content: function () { return componentRef.current; },
|
|
47
|
+
});
|
|
48
|
+
return (React.createElement(React.Fragment, null,
|
|
49
|
+
React.createElement("div", null,
|
|
50
|
+
React.createElement(Button, { onClick: function () {
|
|
51
|
+
handlePrint();
|
|
52
|
+
} }, "\u6253\u5370")),
|
|
53
|
+
React.createElement("div", { ref: componentRef },
|
|
54
|
+
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id" }),
|
|
55
|
+
React.createElement("iframe", { style: { width: '1000px', height: '400px' }, title: "\u6D4B\u8BD5iframe\u6253\u5370", src: "http://localhost:8787/table" }))));
|
|
56
|
+
};
|
|
57
|
+
export default PrintDemo;
|
|
@@ -17,6 +17,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
|
17
17
|
import React, { useEffect, useState, useCallback, useRef } from 'react';
|
|
18
18
|
import Table from 'components/Table';
|
|
19
19
|
import EnhanceSelect from 'components/EnhanceSelect';
|
|
20
|
+
import { OperationBtnGroup, Empty } from '../index';
|
|
20
21
|
import MaterialComp, {
|
|
21
22
|
// clearData,
|
|
22
23
|
clearDataFn,
|
|
@@ -676,6 +677,36 @@ var TableDemo = function () {
|
|
|
676
677
|
} }));
|
|
677
678
|
},
|
|
678
679
|
},
|
|
680
|
+
{
|
|
681
|
+
title: '操作',
|
|
682
|
+
width: 300,
|
|
683
|
+
fixed: 'right',
|
|
684
|
+
key: 'operation',
|
|
685
|
+
render: function (text, record, index) {
|
|
686
|
+
return (React.createElement(OperationBtnGroup, { status: "10", id: "11", statusBtnConfig: {
|
|
687
|
+
'10': [
|
|
688
|
+
{
|
|
689
|
+
name: '财务审核',
|
|
690
|
+
type: 'submitApprove',
|
|
691
|
+
authority: true,
|
|
692
|
+
confirmMsg: '是否确定作废?作废后单据不能再操作。',
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
name: '超长文本',
|
|
696
|
+
type: 'submitApprove',
|
|
697
|
+
authority: true,
|
|
698
|
+
confirmMsg: '横穿阿斯利康大家按时了看到阿斯利康大家按时了看到阿拉山口巨大数量的阿斯利康大家按时的ask来得及',
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
name: '撤回',
|
|
702
|
+
type: 'submitApprove',
|
|
703
|
+
authority: true,
|
|
704
|
+
confirmMsg: '是否确定撤回?',
|
|
705
|
+
},
|
|
706
|
+
],
|
|
707
|
+
} }));
|
|
708
|
+
},
|
|
709
|
+
},
|
|
679
710
|
];
|
|
680
711
|
// 本地偏好设置相关
|
|
681
712
|
var _f = useState(getStorage('test-table') || []), tableLayout = _f[0], setTableLayout = _f[1];
|
|
@@ -753,7 +784,8 @@ var TableDemo = function () {
|
|
|
753
784
|
// 表格行拖拽
|
|
754
785
|
onMoveRow: onMoveRowHandle }),
|
|
755
786
|
React.createElement("div", null,
|
|
756
|
-
React.createElement("button", { onClick: function () { return console.log(records); } }, "\u83B7\u53D6\u6570\u636E"))
|
|
787
|
+
React.createElement("button", { onClick: function () { return console.log(records); } }, "\u83B7\u53D6\u6570\u636E")),
|
|
788
|
+
React.createElement(Empty, null)));
|
|
757
789
|
};
|
|
758
790
|
function getStorage(key) {
|
|
759
791
|
try {
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* @author 陈亚雄
|
|
14
|
+
* @description
|
|
15
|
+
*/
|
|
16
|
+
import React, { useState, useCallback, useRef, useEffect } from 'react';
|
|
17
|
+
// redux
|
|
18
|
+
// ztxkui公共组件
|
|
19
|
+
import Table from 'components/Table';
|
|
20
|
+
import EnhanceSelect from 'components/EnhanceSelect';
|
|
21
|
+
// 路由配置
|
|
22
|
+
// store
|
|
23
|
+
// 自定义组件
|
|
24
|
+
// 其他文件
|
|
25
|
+
var companyList = [
|
|
26
|
+
{ id: '100', name: '百度' },
|
|
27
|
+
{ id: '200', name: '阿里' },
|
|
28
|
+
{ id: '300', name: '腾讯' },
|
|
29
|
+
];
|
|
30
|
+
var depListObj = {
|
|
31
|
+
'100': [
|
|
32
|
+
{ id: '100100', name: '百度-事业部' },
|
|
33
|
+
{ id: '100200', name: '百度-电商部' },
|
|
34
|
+
{ id: '100300', name: '百度-工程部' },
|
|
35
|
+
],
|
|
36
|
+
'200': [
|
|
37
|
+
{ id: '200100', name: '阿里-事业部' },
|
|
38
|
+
{ id: '200200', name: '阿里-电商部' },
|
|
39
|
+
{ id: '200300', name: '阿里-工程部' },
|
|
40
|
+
],
|
|
41
|
+
'300': [
|
|
42
|
+
{ id: '300100', name: '腾讯-事业部' },
|
|
43
|
+
{ id: '300200', name: '腾讯-电商部' },
|
|
44
|
+
{ id: '300300', name: '腾讯-工程部' },
|
|
45
|
+
],
|
|
46
|
+
all: [
|
|
47
|
+
{ id: '100100', name: '百度-事业部' },
|
|
48
|
+
{ id: '100200', name: '百度-电商部' },
|
|
49
|
+
{ id: '100300', name: '百度-工程部' },
|
|
50
|
+
{ id: '200100', name: '阿里-事业部' },
|
|
51
|
+
{ id: '200200', name: '阿里-电商部' },
|
|
52
|
+
{ id: '200300', name: '阿里-工程部' },
|
|
53
|
+
{ id: '300100', name: '腾讯-事业部' },
|
|
54
|
+
{ id: '300200', name: '腾讯-电商部' },
|
|
55
|
+
{ id: '300300', name: '腾讯-工程部' },
|
|
56
|
+
],
|
|
57
|
+
};
|
|
58
|
+
var TableDemo1 = function () {
|
|
59
|
+
var _a = useState([
|
|
60
|
+
{ id: '1' },
|
|
61
|
+
{ id: '2' },
|
|
62
|
+
{ id: '3' },
|
|
63
|
+
]), records = _a[0], setRecords = _a[1];
|
|
64
|
+
var recordsRef = useRef();
|
|
65
|
+
// 初始化渲染,针对配置了editable、editableConfig的列配置
|
|
66
|
+
var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
|
|
67
|
+
useEffect(function () {
|
|
68
|
+
setFirstRender(true);
|
|
69
|
+
}, []);
|
|
70
|
+
useEffect(function () {
|
|
71
|
+
recordsRef.current = records;
|
|
72
|
+
}, [records]);
|
|
73
|
+
// 表格列配置
|
|
74
|
+
var columns = [
|
|
75
|
+
{
|
|
76
|
+
title: '序号',
|
|
77
|
+
width: 62,
|
|
78
|
+
fixed: 'left',
|
|
79
|
+
align: 'center',
|
|
80
|
+
key: 'index',
|
|
81
|
+
render: function (_text, _record, index) { return "" + (index + 1); },
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
title: '公司',
|
|
85
|
+
width: 120,
|
|
86
|
+
key: 'company',
|
|
87
|
+
dataIndex: 'company',
|
|
88
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
89
|
+
return record.company !== preRecord.company;
|
|
90
|
+
},
|
|
91
|
+
render: function (_text, _record, index) {
|
|
92
|
+
console.log('公司下拉框-render', index);
|
|
93
|
+
return (React.createElement(EnhanceSelect, { list: companyList, value: _text, onChange: function (value, option, fullData) {
|
|
94
|
+
var newRecord = {
|
|
95
|
+
company: value,
|
|
96
|
+
department: '',
|
|
97
|
+
};
|
|
98
|
+
onEditableSaveHandle(newRecord, index);
|
|
99
|
+
} }));
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
title: '部门',
|
|
104
|
+
width: 120,
|
|
105
|
+
key: 'department',
|
|
106
|
+
dataIndex: 'department',
|
|
107
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
108
|
+
return (record.company !== preRecord.company ||
|
|
109
|
+
record.department !== preRecord.department);
|
|
110
|
+
},
|
|
111
|
+
render: function (_text, _record, index) {
|
|
112
|
+
console.log('部门下拉框-render', index);
|
|
113
|
+
var company = _record.company;
|
|
114
|
+
var depList = depListObj.all;
|
|
115
|
+
if (company) {
|
|
116
|
+
depList = depListObj[company];
|
|
117
|
+
}
|
|
118
|
+
return (React.createElement(EnhanceSelect, { list: depList, value: _text, onChange: function (value, option, fullData) {
|
|
119
|
+
var newRecord = {
|
|
120
|
+
department: value,
|
|
121
|
+
};
|
|
122
|
+
onEditableSaveHandle(newRecord, index);
|
|
123
|
+
} }));
|
|
124
|
+
},
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
title: '输入text',
|
|
128
|
+
width: 120,
|
|
129
|
+
key: 'inText',
|
|
130
|
+
dataIndex: 'inText',
|
|
131
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
132
|
+
if (firstRender) {
|
|
133
|
+
setFirstRender(false);
|
|
134
|
+
return true;
|
|
135
|
+
}
|
|
136
|
+
return record.inText !== preRecord.inText;
|
|
137
|
+
},
|
|
138
|
+
editable: true,
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
title: '输入text1',
|
|
142
|
+
width: 120,
|
|
143
|
+
key: 'inText1',
|
|
144
|
+
dataIndex: 'inText1',
|
|
145
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
146
|
+
if (firstRender) {
|
|
147
|
+
setFirstRender(false);
|
|
148
|
+
return true;
|
|
149
|
+
}
|
|
150
|
+
return record.inText1 !== preRecord.inText1;
|
|
151
|
+
},
|
|
152
|
+
editable: true,
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
title: '输入number',
|
|
156
|
+
width: 120,
|
|
157
|
+
key: 'inNumber',
|
|
158
|
+
dataIndex: 'inNumber',
|
|
159
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
160
|
+
if (firstRender) {
|
|
161
|
+
setFirstRender(false);
|
|
162
|
+
return true;
|
|
163
|
+
}
|
|
164
|
+
return record.inNumber !== preRecord.inNumber;
|
|
165
|
+
},
|
|
166
|
+
editable: true,
|
|
167
|
+
editableConfig: {
|
|
168
|
+
type: 'inputNumber',
|
|
169
|
+
},
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
title: '输入number1',
|
|
173
|
+
width: 120,
|
|
174
|
+
key: 'inNumber1',
|
|
175
|
+
dataIndex: 'inNumber1',
|
|
176
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
177
|
+
if (firstRender) {
|
|
178
|
+
setFirstRender(false);
|
|
179
|
+
return true;
|
|
180
|
+
}
|
|
181
|
+
return record.inNumber1 !== preRecord.inNumber1;
|
|
182
|
+
},
|
|
183
|
+
editable: true,
|
|
184
|
+
editableConfig: {
|
|
185
|
+
type: 'inputNumber',
|
|
186
|
+
},
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
title: '下拉框1',
|
|
190
|
+
width: 120,
|
|
191
|
+
key: 'selector',
|
|
192
|
+
dataIndex: 'selector',
|
|
193
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
194
|
+
return record.selector !== preRecord.selector;
|
|
195
|
+
},
|
|
196
|
+
render: function (_text, _record, index) {
|
|
197
|
+
console.log('下拉框1-render', index);
|
|
198
|
+
return React.createElement(EnhanceSelect, null);
|
|
199
|
+
},
|
|
200
|
+
},
|
|
201
|
+
];
|
|
202
|
+
var onEditableSaveHandle = useCallback(function (record, index, _dataIndex) {
|
|
203
|
+
var _a;
|
|
204
|
+
if (_dataIndex === void 0) { _dataIndex = ''; }
|
|
205
|
+
if (typeof index === 'number') {
|
|
206
|
+
var newRecords = recordsRef.current.slice();
|
|
207
|
+
var item = newRecords[index];
|
|
208
|
+
newRecords.splice(index, 1, _dataIndex
|
|
209
|
+
? __assign(__assign(__assign({}, record), item), (_a = {}, _a[_dataIndex] = record[_dataIndex], _a)) : __assign(__assign({}, item), record));
|
|
210
|
+
setRecords(newRecords);
|
|
211
|
+
}
|
|
212
|
+
}, []);
|
|
213
|
+
console.log('render');
|
|
214
|
+
return (React.createElement(React.Fragment, null,
|
|
215
|
+
React.createElement(Table, { columns: columns, dataSource: records, rowKey: "id", onEditableSave: onEditableSaveHandle }),
|
|
216
|
+
React.createElement("button", { onClick: function () {
|
|
217
|
+
console.log(records);
|
|
218
|
+
} }, "\u83B7\u53D6\u6570\u636E")));
|
|
219
|
+
};
|
|
220
|
+
export default TableDemo1;
|
|
221
|
+
// import React, { useEffect, useState } from 'react';
|
|
222
|
+
// export default function TableDemo1() {
|
|
223
|
+
// const [count, setCount] = useState<number>(-1);
|
|
224
|
+
// useEffect(() => {
|
|
225
|
+
// console.log()
|
|
226
|
+
// setCount(0);
|
|
227
|
+
// });
|
|
228
|
+
// console.log('log');
|
|
229
|
+
// return (
|
|
230
|
+
// <div>
|
|
231
|
+
// 111
|
|
232
|
+
// <button>{count}</button>
|
|
233
|
+
// </div>
|
|
234
|
+
// );
|
|
235
|
+
// }
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EmptyProps } from 'antd/lib/empty';
|
|
3
|
+
export interface IProps extends EmptyProps {
|
|
4
|
+
}
|
|
5
|
+
declare function Empty(props: IProps): JSX.Element;
|
|
6
|
+
declare namespace Empty {
|
|
7
|
+
var PRESENTED_IMAGE_SIMPLE: React.ReactNode;
|
|
8
|
+
var PRESENTED_IMAGE_DEFAULT: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export default Empty;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { Empty as AntEmpty } from 'antd';
|
|
14
|
+
function Empty(props) {
|
|
15
|
+
return React.createElement(AntEmpty, __assign({ image: AntEmpty.PRESENTED_IMAGE_SIMPLE }, props));
|
|
16
|
+
}
|
|
17
|
+
Empty.PRESENTED_IMAGE_SIMPLE = AntEmpty.PRESENTED_IMAGE_SIMPLE;
|
|
18
|
+
Empty.PRESENTED_IMAGE_DEFAULT = AntEmpty.PRESENTED_IMAGE_DEFAULT;
|
|
19
|
+
export default Empty;
|
|
@@ -99,6 +99,10 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
99
99
|
* 增加需要禁用的选项
|
|
100
100
|
*/
|
|
101
101
|
disabledValues?: any[];
|
|
102
|
+
/**
|
|
103
|
+
* 搜索时需要删除的key
|
|
104
|
+
*/
|
|
105
|
+
searchDeleteKeys?: string[];
|
|
102
106
|
}
|
|
103
107
|
/**
|
|
104
108
|
* 增强下拉框功能组件
|
|
@@ -115,6 +119,6 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
115
119
|
* { code: 200, data: { records: [] } } || { status: 200, data: { code: 200, data: { records: [] } } }
|
|
116
120
|
* 如果数据不能在接口层面满足以上形式,那么组件提供transformData属性,转换接口数据格式
|
|
117
121
|
*/
|
|
118
|
-
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, disabledValues, ...restProps }: IProps<VT>): JSX.Element;
|
|
122
|
+
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, onSearch, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, disabledValues, searchDeleteKeys, ...restProps }: IProps<VT>): JSX.Element;
|
|
119
123
|
declare const _default: React.MemoExoticComponent<typeof EnhanceSelect>;
|
|
120
124
|
export default _default;
|
|
@@ -76,7 +76,7 @@ function getData(request, options) {
|
|
|
76
76
|
* 如果数据不能在接口层面满足以上形式,那么组件提供transformData属性,转换接口数据格式
|
|
77
77
|
*/
|
|
78
78
|
function EnhanceSelect(_a) {
|
|
79
|
-
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 30000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "mustHasParams", "disabledValues"]);
|
|
79
|
+
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 30000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, onSearch = _a.onSearch, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, searchDeleteKeys = _a.searchDeleteKeys, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "onSearch", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "mustHasParams", "disabledValues", "searchDeleteKeys"]);
|
|
80
80
|
var currentClick = useRef(true);
|
|
81
81
|
// 下拉数据源
|
|
82
82
|
var _h = useFetchState([]), selectList = _h[0], setSelectList = _h[1];
|
|
@@ -169,6 +169,10 @@ function EnhanceSelect(_a) {
|
|
|
169
169
|
var searchParams = {};
|
|
170
170
|
if (value) {
|
|
171
171
|
searchParams[searchKey] = value;
|
|
172
|
+
Array.isArray(searchDeleteKeys) &&
|
|
173
|
+
searchDeleteKeys.forEach(function (key) {
|
|
174
|
+
Reflect.deleteProperty(outParams, key);
|
|
175
|
+
});
|
|
172
176
|
}
|
|
173
177
|
if (dataKeyValue) {
|
|
174
178
|
searchParams[searchDataKey] = dataKeyValue + '';
|
|
@@ -230,10 +234,12 @@ function EnhanceSelect(_a) {
|
|
|
230
234
|
transformData,
|
|
231
235
|
setLoading,
|
|
232
236
|
setMultipleList,
|
|
237
|
+
searchDeleteKeys,
|
|
233
238
|
]);
|
|
234
239
|
var searchHandle = function (value) {
|
|
235
240
|
// 当value有值时才进行搜索
|
|
236
241
|
// if (value) {
|
|
242
|
+
onSearch && onSearch(value);
|
|
237
243
|
getRemoteDataHandle(value, '');
|
|
238
244
|
// }
|
|
239
245
|
};
|
|
@@ -492,6 +498,6 @@ function EnhanceSelect(_a) {
|
|
|
492
498
|
}
|
|
493
499
|
currentClick.current = true;
|
|
494
500
|
};
|
|
495
|
-
return (React.createElement(Select, __assign({ defaultValue: showAll ? '' : undefined, allowClear: true, showSearch: true, filterOption: remoteSearch ? false : filterOptionHandle, onSearch: remoteSearch ? onSearchHandle :
|
|
501
|
+
return (React.createElement(Select, __assign({ defaultValue: showAll ? '' : undefined, allowClear: true, showSearch: true, filterOption: remoteSearch ? false : filterOptionHandle, onSearch: remoteSearch ? onSearchHandle : onSearch, onChange: onChangeHandle, optionLabelProp: "title", loading: loading, onFocus: onFocusHandle, onBlur: onBlurHandle, onClear: onClearHandle, onSelect: onSelectHandle, onClick: onClickHandle, open: isOpen }, restProps, { disabled: remoteSearch ? restProps.disabled : loading || restProps.disabled }), renderSelectOption()));
|
|
496
502
|
}
|
|
497
503
|
export default memo(EnhanceSelect);
|
|
@@ -16,11 +16,11 @@ var Item = function (_a) {
|
|
|
16
16
|
var children = _a.children, className = _a.className, title = _a.title, _b = _a.colon, colon = _b === void 0 ? true : _b, span = _a.span, titleSpan = _a.titleSpan, titleProps = _a.titleProps, textProps = _a.textProps, showDiff = _a.showDiff;
|
|
17
17
|
var classes = classNames('zt-new-grid-item', className);
|
|
18
18
|
return (React.createElement(React.Fragment, null,
|
|
19
|
-
React.createElement(Col, __assign({ className: classes + ' zt-new-grid-item--title', span: titleSpan ? titleSpan : Math.ceil(span * 0.4) }, titleProps),
|
|
20
|
-
title,
|
|
21
|
-
colon && ':'),
|
|
19
|
+
React.createElement(Col, __assign({ className: classes + ' zt-new-grid-item--title', span: titleSpan ? titleSpan : Math.ceil(span * 0.4), title: title }, titleProps),
|
|
20
|
+
React.createElement("span", { className: "zt-new-grid-item--title-text" }, title),
|
|
21
|
+
React.createElement("span", { className: "zt-new-grid-item--title-colon" }, colon && ':')),
|
|
22
22
|
React.createElement(Col, __assign({ className: showDiff
|
|
23
23
|
? classes + ' zt-new-grid-item--text zt-new-grid-item--diff'
|
|
24
|
-
: classes + ' zt-new-grid-item--text', span: titleSpan ? span - titleSpan : span - Math.ceil(span * 0.4) }, textProps), children)));
|
|
24
|
+
: classes + ' zt-new-grid-item--text', span: titleSpan ? span - titleSpan : span - Math.ceil(span * 0.4), title: typeof children === 'string' ? children : undefined }, textProps), children)));
|
|
25
25
|
};
|
|
26
26
|
export default Item;
|
package/dist/index.css
CHANGED
|
@@ -343,6 +343,18 @@ template {
|
|
|
343
343
|
display: none;
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
+
.ant-popover.ant-popconfirm .ant-popover-message {
|
|
347
|
+
padding: 4px 0 10px;
|
|
348
|
+
min-width: 200px;
|
|
349
|
+
max-width: 300px;
|
|
350
|
+
}
|
|
351
|
+
.ant-popover.ant-popconfirm .ant-popover-message .anticon {
|
|
352
|
+
top: 9.0005px;
|
|
353
|
+
}
|
|
354
|
+
.ant-popover.ant-popconfirm .ant-popover-buttons {
|
|
355
|
+
text-align: center;
|
|
356
|
+
}
|
|
357
|
+
|
|
346
358
|
.zt-btn,
|
|
347
359
|
.ant-btn {
|
|
348
360
|
height: 30px;
|
|
@@ -1574,7 +1586,7 @@ template {
|
|
|
1574
1586
|
border-bottom: 1px solid #dde8f5;
|
|
1575
1587
|
}
|
|
1576
1588
|
.zt-new-grid.zt-new-grid--border .zt-new-grid-item.zt-new-grid-item--text {
|
|
1577
|
-
padding:
|
|
1589
|
+
padding: 2px 4px;
|
|
1578
1590
|
}
|
|
1579
1591
|
.zt-new-grid.zt-new-grid--background .zt-new-grid-item--title {
|
|
1580
1592
|
background: #fafafa;
|
|
@@ -1585,18 +1597,34 @@ template {
|
|
|
1585
1597
|
overflow: hidden;
|
|
1586
1598
|
}
|
|
1587
1599
|
.zt-new-grid .zt-new-grid-item.zt-new-grid-item--title {
|
|
1588
|
-
padding:
|
|
1600
|
+
padding: 2px 0 2px 4px;
|
|
1589
1601
|
word-wrap: break-word;
|
|
1590
|
-
color: #
|
|
1602
|
+
color: #888888;
|
|
1591
1603
|
text-align: right;
|
|
1604
|
+
display: flex;
|
|
1605
|
+
}
|
|
1606
|
+
.zt-new-grid .zt-new-grid-item.zt-new-grid-item--title .zt-new-grid-item--title-text {
|
|
1607
|
+
display: inline-block;
|
|
1608
|
+
flex: 1;
|
|
1609
|
+
}
|
|
1610
|
+
.zt-new-grid .zt-new-grid-item.zt-new-grid-item--title .zt-new-grid-item--title-colon {
|
|
1611
|
+
padding: 0 0 0 1px;
|
|
1592
1612
|
}
|
|
1593
1613
|
.zt-new-grid .zt-new-grid-item.zt-new-grid-item--diff {
|
|
1594
1614
|
background-color: red;
|
|
1595
1615
|
}
|
|
1596
1616
|
.zt-new-grid .zt-new-grid-item.zt-new-grid-item--text {
|
|
1597
|
-
padding:
|
|
1617
|
+
padding: 3px 0;
|
|
1598
1618
|
word-wrap: break-word;
|
|
1599
1619
|
color: #333333;
|
|
1620
|
+
overflow: hidden;
|
|
1621
|
+
text-overflow: ellipsis;
|
|
1622
|
+
/*将对象作为弹性伸缩盒子模型显示*/
|
|
1623
|
+
display: -webkit-box;
|
|
1624
|
+
/*用来限制在一个块元素中显示的文本的行数*/
|
|
1625
|
+
-webkit-line-clamp: 3;
|
|
1626
|
+
/*设置伸缩盒对象的子元素的排列方式*/
|
|
1627
|
+
-webkit-box-orient: vertical;
|
|
1600
1628
|
}
|
|
1601
1629
|
|
|
1602
1630
|
.analyse-drawer .analyse-container {
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss","../src/components/business/SortList/_styles.scss"],"names":[],"mappings":";AAAQ;ACCR;AAyBA;AAgBA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/styles/_common.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss","../src/components/business/SortList/_styles.scss"],"names":[],"mappings":"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ACE,OJ5CC;;;AKTT;EACE;;AACA;EACE;EACA,OAPiB;EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WNsCa;;AMrCb;EACE;EACA;EACA;EACA,ONHG;EMIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YNlBA;;AMsBF;EACE;EACA,ONxBA;EMyBA,YNjCE;;AMoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,ON1CE;EM2CF,YNnDI;;AMoDJ;EACE,ON7CA;;AMiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YNjEA;;AMqEF;EACE;EACA,ONvEA;EMwEA,YNhFE;;AMmFN;EACE;;AAGJ;EACE,ONvFG;;AMyFL;EACE;EACA,WNxDW;;;AOtCf;EACE;;AAEA;EACE;EACA;EACA,kBPaM;EOZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aP6BI;;AO3BN;EACE,gBP0BI;;AOtBN;EACE,cPoBG;;AOnBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WPPS;;AOQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YRMM;EQLN;;AACA;EACE,YRFS;EQGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;A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A;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YlBZH;EkBaG;EACA;EACA;EACA;;AAMN;EACE,kBlBpBQ;;AkBwBV;EACE;EACA;EACA;EACA,YlBxBE;;AkB0BF;EACE,OlBxBG;;AkByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YlB5CE;;AkB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YnBhBS;;AmBmBb;EACE;EACA,WnBUW;EmBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OnBzBK;EmB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OnBjCK;;;AoBVT;EACE,OpBCG;EoBAH;EACA,kBpBDG;;AoBGL;EACE,mBpBHK;;;AqBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YtBRS;;AsBWb;EACE;EACA,WtBmBW;EsBlBX;;AACA;EACE;EACA;EACA,OtBdK;EsBeL;EACA;;AACA;EACE;EACA;;AAQF;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA,OtBtCK;EsBuCL;EACA;AACA;EACA;AACA;EACA;AACA;EACA;;;ACxDJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAKN;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;;ACnEN;EACE;EACA;;;AAIA;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA","file":"index.css"}
|
package/dist/index.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ export { default as SortableCancel } from './components/SortableCancel';
|
|
|
20
20
|
export { default as Container } from './components/business/Container';
|
|
21
21
|
export { default as SearchContainer } from './components/business/SearchContainer';
|
|
22
22
|
export { default as Footer } from './components/business/Footer';
|
|
23
|
-
export { default as FormList } from './components/business/
|
|
23
|
+
export { default as FormList } from './components/business/NewList';
|
|
24
24
|
export { default as Upload } from './components/Upload';
|
|
25
25
|
export { default as ZtIcon } from './components/ZtIcon';
|
|
26
26
|
export { default as DetailHeader } from './components/business/DetailHeader';
|
|
@@ -38,6 +38,7 @@ export { default as Tag } from './components/Tag';
|
|
|
38
38
|
export { UserInfo, UserPassword } from './components/business/Common';
|
|
39
39
|
export { default as Analyse } from './components/business/Analyse';
|
|
40
40
|
export { default as SortList } from './components/business/SortList';
|
|
41
|
-
export {
|
|
41
|
+
export { default as Empty } from './components/Empty';
|
|
42
|
+
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
42
43
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
43
44
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/dist/index.js
CHANGED
|
@@ -14,10 +14,12 @@
|
|
|
14
14
|
// import TimelineDemo from './DemoCom/TimelineDemo';
|
|
15
15
|
// import WeChatDemo from './DemoCom/WechatDemo';
|
|
16
16
|
// import TableDemo from './DemoCom/TableDemo';
|
|
17
|
+
// import TableDemo1 from './DemoCom/TableDemo1';
|
|
17
18
|
// import BasicDemo from './DemoCom/BasicDemo';
|
|
18
19
|
// import FormDemo from './DemoCom/FormDemo';
|
|
19
20
|
// import TableAnalyse from './DemoCom/TableAnalyse';
|
|
20
21
|
// import DragSort from './DemoCom/DragSort';
|
|
22
|
+
// import PrintDemo from './DemoCom/PrintDemo';
|
|
21
23
|
// dayjs.locale(zhCn);
|
|
22
24
|
// ReactDOM.render(
|
|
23
25
|
// // <React.StrictMode>
|
|
@@ -51,12 +53,18 @@
|
|
|
51
53
|
// <Route exact path="/table">
|
|
52
54
|
// <TableDemo />
|
|
53
55
|
// </Route>
|
|
56
|
+
// <Route exact path="/table1">
|
|
57
|
+
// <TableDemo1 />
|
|
58
|
+
// </Route>
|
|
54
59
|
// <Route exact path="/basic">
|
|
55
60
|
// <BasicDemo />
|
|
56
61
|
// </Route>
|
|
57
62
|
// <Route exact path="/form">
|
|
58
63
|
// <FormDemo />
|
|
59
64
|
// </Route>
|
|
65
|
+
// <Route exact path="/print">
|
|
66
|
+
// <PrintDemo />
|
|
67
|
+
// </Route>
|
|
60
68
|
// <Route exact path="/table-analyse">
|
|
61
69
|
// <TableAnalyse />
|
|
62
70
|
// </Route>
|
|
@@ -110,7 +118,7 @@ export { default as SortableCancel } from './components/SortableCancel';
|
|
|
110
118
|
export { default as Container } from './components/business/Container';
|
|
111
119
|
export { default as SearchContainer } from './components/business/SearchContainer';
|
|
112
120
|
export { default as Footer } from './components/business/Footer';
|
|
113
|
-
export { default as FormList } from './components/business/
|
|
121
|
+
export { default as FormList } from './components/business/NewList';
|
|
114
122
|
export { default as Upload } from './components/Upload';
|
|
115
123
|
export { default as ZtIcon } from './components/ZtIcon';
|
|
116
124
|
export { default as DetailHeader } from './components/business/DetailHeader';
|
|
@@ -128,6 +136,7 @@ export { default as Tag } from './components/Tag';
|
|
|
128
136
|
export { UserInfo, UserPassword } from './components/business/Common';
|
|
129
137
|
export { default as Analyse } from './components/business/Analyse';
|
|
130
138
|
export { default as SortList } from './components/business/SortList';
|
|
131
|
-
export {
|
|
139
|
+
export { default as Empty } from './components/Empty';
|
|
140
|
+
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
132
141
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
133
142
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ztxkui",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "React components library",
|
|
6
6
|
"author": "zt-front-end",
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
"number-precision": "^1.5.0",
|
|
21
21
|
"react-dnd": "^14.0.2",
|
|
22
22
|
"react-dnd-html5-backend": "^14.0.0",
|
|
23
|
+
"react-to-print": "^2.14.7",
|
|
23
24
|
"ztxkutils": "^2.5.1"
|
|
24
25
|
},
|
|
25
26
|
"scripts": {
|