ztxkui 4.2.18-5 → 4.2.18-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.
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description
|
|
3
|
+
*/
|
|
4
|
+
import React, { useState, useRef } from 'react';
|
|
5
|
+
import SearchContainer from '../components/business/SearchContainer';
|
|
6
|
+
import Form from '../components/Form';
|
|
7
|
+
import Input from 'components/Input';
|
|
8
|
+
var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight;
|
|
9
|
+
var TextArea = Input.TextArea;
|
|
10
|
+
var SyhDemo = function () {
|
|
11
|
+
var form = Form.useForm()[0];
|
|
12
|
+
var _a = useState([]), records = _a[0], setRecords = _a[1];
|
|
13
|
+
var recordsRef = useRef([]);
|
|
14
|
+
var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
|
|
15
|
+
// 新增删除行改变
|
|
16
|
+
var _c = useState(false), lengthChange = _c[0], setLengthChange = _c[1];
|
|
17
|
+
var columns = [
|
|
18
|
+
{
|
|
19
|
+
title: '序号',
|
|
20
|
+
width: 62,
|
|
21
|
+
fixed: 'left',
|
|
22
|
+
key: 'index',
|
|
23
|
+
render: function (_text, _record, index) { return "" + (index + 1); },
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
title: '测试1',
|
|
27
|
+
width: 100,
|
|
28
|
+
dataIndex: 'test1',
|
|
29
|
+
key: 'test1',
|
|
30
|
+
editable: true,
|
|
31
|
+
validate: {},
|
|
32
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
33
|
+
if (firstRender) {
|
|
34
|
+
setFirstRender(false);
|
|
35
|
+
return true;
|
|
36
|
+
}
|
|
37
|
+
if (lengthChange) {
|
|
38
|
+
setLengthChange(false);
|
|
39
|
+
return true;
|
|
40
|
+
}
|
|
41
|
+
return record.test1 !== preRecord.test1;
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
title: '测试2',
|
|
46
|
+
width: 100,
|
|
47
|
+
dataIndex: 'test2',
|
|
48
|
+
key: 'test2',
|
|
49
|
+
editable: true,
|
|
50
|
+
editableConfig: {
|
|
51
|
+
type: 'inputNumber',
|
|
52
|
+
},
|
|
53
|
+
validate: {
|
|
54
|
+
validate: function (value, record, index, title) {
|
|
55
|
+
if (value === 102) {
|
|
56
|
+
return Promise.reject({
|
|
57
|
+
errorFields: [
|
|
58
|
+
{
|
|
59
|
+
errors: "\u6D4B\u8BD5-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u6D4B\u8BD52 \u4E0D\u80FD\u5C0F\u4E8E102\uFF01",
|
|
60
|
+
},
|
|
61
|
+
],
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return Promise.resolve();
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
shouldCellUpdate: function (record, preRecord) {
|
|
68
|
+
if (firstRender) {
|
|
69
|
+
setFirstRender(false);
|
|
70
|
+
return true;
|
|
71
|
+
}
|
|
72
|
+
if (lengthChange) {
|
|
73
|
+
setLengthChange(false);
|
|
74
|
+
return true;
|
|
75
|
+
}
|
|
76
|
+
return record.test2 !== preRecord.test2;
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
];
|
|
80
|
+
return (React.createElement(React.Fragment, null,
|
|
81
|
+
React.createElement(Form, { name: "syh-demo", form: form },
|
|
82
|
+
React.createElement(SearchContainer, null,
|
|
83
|
+
React.createElement(SearchLeft, null,
|
|
84
|
+
React.createElement(SearchItem, { width: "half", name: "a", label: "\u7B2C\u4E00" },
|
|
85
|
+
React.createElement(Input.TextArea, { autoSize: true, allowClear: true, onChange: function (e) {
|
|
86
|
+
console.log(e.target.value);
|
|
87
|
+
} })),
|
|
88
|
+
React.createElement(SearchItem, { width: "half", name: "b", label: "\u7B2C\u4E8C" },
|
|
89
|
+
React.createElement(Input, null)),
|
|
90
|
+
React.createElement(SearchItem, { width: "half", name: "c", label: "\u7B2C\u4E09" },
|
|
91
|
+
React.createElement(Input, null)),
|
|
92
|
+
React.createElement(SearchItem, { width: "half", name: "d", label: "\u7B2C\u56DB" },
|
|
93
|
+
React.createElement(Input, null)),
|
|
94
|
+
React.createElement(SearchItem, { width: "half", name: "e", label: "\u7B2C\u4E94" },
|
|
95
|
+
React.createElement(Input, null)),
|
|
96
|
+
React.createElement(SearchItem, { width: "half", name: "f", label: "\u7B2C\u516D" },
|
|
97
|
+
React.createElement(Input, null)),
|
|
98
|
+
React.createElement(SearchItem, { name: "g", label: "\u7B2C\u4E03" },
|
|
99
|
+
React.createElement(TextArea, { maxLength: 6 })))))));
|
|
100
|
+
};
|
|
101
|
+
export default SyhDemo;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Dayjs } from 'dayjs';
|
|
3
2
|
import 'antd/es/date-picker/style/index';
|
|
4
|
-
declare const DatePicker: import("
|
|
5
|
-
WeekPicker: import("
|
|
6
|
-
MonthPicker: import("
|
|
7
|
-
YearPicker: import("
|
|
8
|
-
RangePicker: import("
|
|
9
|
-
TimePicker: import("
|
|
10
|
-
QuarterPicker: import("
|
|
3
|
+
declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs>, unknown> & {
|
|
4
|
+
WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
|
|
5
|
+
MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
|
|
6
|
+
YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
|
|
7
|
+
RangePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<Dayjs>, unknown>;
|
|
8
|
+
TimePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, unknown>;
|
|
9
|
+
QuarterPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, unknown>;
|
|
11
10
|
};
|
|
12
11
|
export default DatePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { MenuProps } from 'antd/lib/menu';
|
|
3
3
|
interface IProps extends MenuProps {
|
|
4
4
|
}
|
|
@@ -6,7 +6,7 @@ declare function Menu(props: IProps): JSX.Element;
|
|
|
6
6
|
declare namespace Menu {
|
|
7
7
|
var Item: typeof import("antd/lib/menu/MenuItem").default;
|
|
8
8
|
var SubMenu: typeof import("antd/lib/menu/SubMenu").default;
|
|
9
|
-
var ItemGroup
|
|
10
|
-
var Divider:
|
|
9
|
+
var ItemGroup;
|
|
10
|
+
var Divider: React.FC<import("antd/lib/menu").MenuDividerProps>;
|
|
11
11
|
}
|
|
12
12
|
export default Menu;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const IconFont: import("react").
|
|
2
|
+
declare const IconFont: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
|
|
3
3
|
export default IconFont;
|
package/dist/index.js
CHANGED
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
// import SinaturesDemo from './DemoCom/SinaturesDemo';
|
|
25
25
|
// import TableDemoAll from './TableDemo';
|
|
26
26
|
// import CodeQueryDemo from './DemoCom/CodeQueryDemo';
|
|
27
|
+
// import SyhDemo from './DemoCom/SyhDemo';
|
|
27
28
|
// dayjs.locale(zhCn);
|
|
28
29
|
// ReactDOM.render(
|
|
29
30
|
// // <React.StrictMode>
|
|
@@ -33,6 +34,9 @@
|
|
|
33
34
|
// <Route exact path="/">
|
|
34
35
|
// <App />
|
|
35
36
|
// </Route>
|
|
37
|
+
// <Route exact path="/syh-demo">
|
|
38
|
+
// <SyhDemo />
|
|
39
|
+
// </Route>
|
|
36
40
|
// <Route exact path="/code-query">
|
|
37
41
|
// <CodeQueryDemo />
|
|
38
42
|
// </Route>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ztxkui",
|
|
3
|
-
"version": "4.2.18-
|
|
3
|
+
"version": "4.2.18-7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "React components library",
|
|
6
6
|
"author": "zt-front-end",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"dist"
|
|
13
13
|
],
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"antd": "
|
|
15
|
+
"antd": "4.17.0",
|
|
16
16
|
"axios": "^0.21.1",
|
|
17
17
|
"classnames": "^2.2.6",
|
|
18
18
|
"dayjs": "^1.10.4",
|