ztxkui 3.1.9 → 3.1.12
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/UploadDemo.js +5 -1
- package/dist/components/PrintContainer/print-container.d.ts +2 -0
- package/dist/components/PrintContainer/print-container.js +5 -5
- package/dist/components/Table/hooks/useColumns.d.ts +4 -0
- package/dist/components/Table/hooks/useColumns.js +4 -2
- package/dist/components/Table/table-adddel-column.d.ts +4 -0
- package/dist/components/Table/table-adddel-column.js +2 -2
- package/dist/components/Table/table.d.ts +4 -0
- package/dist/components/Table/table.js +3 -1
- package/dist/components/UploadSingle/index.d.ts +6 -1
- package/dist/components/UploadSingle/index.js +4 -1
- package/dist/components/UploadSingle/upload-single.js +5 -1
- package/package.json +1 -1
package/dist/UploadDemo.js
CHANGED
|
@@ -167,12 +167,16 @@ function UploadDemo() {
|
|
|
167
167
|
var getHandle = function () {
|
|
168
168
|
console.log(uploadTableRef.current.getSelectedRows());
|
|
169
169
|
};
|
|
170
|
+
var beforeUploadFn = function (file, fileList) {
|
|
171
|
+
console.log('请传入特殊值');
|
|
172
|
+
return UploadSingle.LIST_IGNORE;
|
|
173
|
+
};
|
|
170
174
|
return (React.createElement("div", null,
|
|
171
175
|
React.createElement(UploadSingle, { action: "http://192.168.0.83:8888/api/zmdms-resource/oss/endpoint/put-file-attach", data: {
|
|
172
176
|
system: '2',
|
|
173
177
|
}, headers: {
|
|
174
178
|
'Zmdms-Auth': token,
|
|
175
|
-
}, method: "post" }),
|
|
179
|
+
}, method: "post", beforeUpload: beforeUploadFn }),
|
|
176
180
|
React.createElement("div", null),
|
|
177
181
|
React.createElement(Link, { to: "/test" }, "test"),
|
|
178
182
|
React.createElement(Upload, { method: "post", headers: {
|
|
@@ -17,12 +17,12 @@ import { Button, Spin } from '../../index';
|
|
|
17
17
|
// 其他文件
|
|
18
18
|
import { addWaterHandle, removeWaterHandle, printCurrentDom, htmlToPdf, } from 'ztxkutils/dist/print';
|
|
19
19
|
var PrintContainer = function (_a) {
|
|
20
|
-
var children = _a.children, waterText = _a.waterText, onFonsizeChange = _a.onFonsizeChange, hiddenClassName = _a.hiddenClassName, _b = _a.isAddExportPage, isAddExportPage = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c;
|
|
21
|
-
var
|
|
22
|
-
var
|
|
20
|
+
var children = _a.children, waterText = _a.waterText, onFonsizeChange = _a.onFonsizeChange, hiddenClassName = _a.hiddenClassName, _b = _a.isAddExportPage, isAddExportPage = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.pdfName, pdfName = _d === void 0 ? 'pdf文件' : _d;
|
|
21
|
+
var _e = useState(false), showWater = _e[0], setShowWater = _e[1];
|
|
22
|
+
var _f = useState(false), pdfShowWater = _f[0], setPdfShowWater = _f[1];
|
|
23
23
|
var containerRef = useRef();
|
|
24
24
|
var allDomRef = useRef();
|
|
25
|
-
var
|
|
25
|
+
var _g = useState(false), spinning = _g[0], setSpinning = _g[1];
|
|
26
26
|
useEffect(function () {
|
|
27
27
|
setSpinning(loading);
|
|
28
28
|
}, [loading]);
|
|
@@ -107,7 +107,7 @@ var PrintContainer = function (_a) {
|
|
|
107
107
|
setTimeout(function () {
|
|
108
108
|
htmlToPdf({
|
|
109
109
|
dom: containerRef.current,
|
|
110
|
-
pdfName:
|
|
110
|
+
pdfName: pdfName,
|
|
111
111
|
isShowPage: isAddExportPage,
|
|
112
112
|
})
|
|
113
113
|
.then(function () {
|
|
@@ -15,8 +15,12 @@ interface IProps<RecordType> {
|
|
|
15
15
|
onAddAndDelHandle?: (type: 'add' | 'del', index: number) => void;
|
|
16
16
|
/**隐藏新增icon */
|
|
17
17
|
hideAddIcon?: boolean;
|
|
18
|
+
/**新增icon提示文字 */
|
|
19
|
+
addIconText?: string;
|
|
18
20
|
/**隐藏删除icon */
|
|
19
21
|
hideDelIcon?: boolean;
|
|
22
|
+
/**删除icon提示文字 */
|
|
23
|
+
delIconText?: string;
|
|
20
24
|
showDynamicHandle?: () => void;
|
|
21
25
|
/**表格列编辑事件 */
|
|
22
26
|
onEditableSave?: (record: RecordType, index: number | undefined, dataIndex: string) => void;
|
|
@@ -50,7 +50,7 @@ function getStorage(key) {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
function useColumns(props) {
|
|
53
|
-
var columns = props.columns, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, hideDelIcon = props.hideDelIcon, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo;
|
|
53
|
+
var columns = props.columns, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, delIconText = props.delIconText, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo;
|
|
54
54
|
var tableLayout = getStorage(showColumnDynamicKey);
|
|
55
55
|
// 新的columns
|
|
56
56
|
var _a = useState(getTableLayoutFullData(columns, tableLayout)), newColumns = _a[0], setNewColumns = _a[1];
|
|
@@ -179,7 +179,7 @@ function useColumns(props) {
|
|
|
179
179
|
width: 52,
|
|
180
180
|
fixed: 'left',
|
|
181
181
|
align: 'center',
|
|
182
|
-
render: function (text, render, index) { return (React.createElement(TableAddDelColumn, { onAddAndDelHandle: function (type) { return onAddAndDelHandle(type, index); }, hideAddIcon: hideAddIcon, hideDelIcon: hideDelIcon })); },
|
|
182
|
+
render: function (text, render, index) { return (React.createElement(TableAddDelColumn, { onAddAndDelHandle: function (type) { return onAddAndDelHandle(type, index); }, hideAddIcon: hideAddIcon, addIconText: addIconText, hideDelIcon: hideDelIcon, delIconText: delIconText })); },
|
|
183
183
|
};
|
|
184
184
|
_newColumns.unshift(newColumn);
|
|
185
185
|
}
|
|
@@ -201,7 +201,9 @@ function useColumns(props) {
|
|
|
201
201
|
showColumnDynamic,
|
|
202
202
|
onAddAndDelHandle,
|
|
203
203
|
hideAddIcon,
|
|
204
|
+
addIconText,
|
|
204
205
|
hideDelIcon,
|
|
206
|
+
delIconText,
|
|
205
207
|
ColumnDynamicCom,
|
|
206
208
|
onEditableSave,
|
|
207
209
|
configInfo,
|
|
@@ -4,8 +4,12 @@ interface IProps {
|
|
|
4
4
|
onAddAndDelHandle?: (type: 'add' | 'del') => void;
|
|
5
5
|
/**隐藏新增icon */
|
|
6
6
|
hideAddIcon?: boolean;
|
|
7
|
+
/**新增icon提示文字 */
|
|
8
|
+
addIconText?: string;
|
|
7
9
|
/**隐藏删除icon */
|
|
8
10
|
hideDelIcon?: boolean;
|
|
11
|
+
/**删除icon提示文字 */
|
|
12
|
+
delIconText?: string;
|
|
9
13
|
}
|
|
10
14
|
declare const _default: React.NamedExoticComponent<IProps>;
|
|
11
15
|
export default _default;
|
|
@@ -2,12 +2,12 @@ import React, { memo } from 'react';
|
|
|
2
2
|
import { PlusOutlined, MinusOutlined } from '@ant-design/icons';
|
|
3
3
|
import { Popconfirm } from '../../index';
|
|
4
4
|
var TableAddDelColumn = function (_a) {
|
|
5
|
-
var onAddAndDelHandle = _a.onAddAndDelHandle, hideAddIcon = _a.hideAddIcon, hideDelIcon = _a.hideDelIcon;
|
|
5
|
+
var onAddAndDelHandle = _a.onAddAndDelHandle, hideAddIcon = _a.hideAddIcon, addIconText = _a.addIconText, hideDelIcon = _a.hideDelIcon, _b = _a.delIconText, delIconText = _b === void 0 ? '是否删除该行?' : _b;
|
|
6
6
|
return (React.createElement(React.Fragment, null,
|
|
7
7
|
hideAddIcon ? null : (React.createElement("div", { title: "\u65B0\u589E\u4E00\u884C", className: "zt-column__add-icon" },
|
|
8
8
|
React.createElement(PlusOutlined, { onClick: function () { return onAddAndDelHandle && onAddAndDelHandle('add'); } }))),
|
|
9
9
|
hideDelIcon ? null : (React.createElement("div", { title: "\u5220\u9664\u8BE5\u884C", className: "zt-column__del-icon" },
|
|
10
|
-
React.createElement(Popconfirm, { title:
|
|
10
|
+
React.createElement(Popconfirm, { title: delIconText, onConfirm: function () { return onAddAndDelHandle && onAddAndDelHandle('del'); } },
|
|
11
11
|
React.createElement(MinusOutlined, null))))));
|
|
12
12
|
};
|
|
13
13
|
export default memo(TableAddDelColumn);
|
|
@@ -8,8 +8,12 @@ export interface IProps<RecordType> extends Omit<TableProps<RecordType>, 'column
|
|
|
8
8
|
onAddAndDelHandle?: (type: 'add' | 'del', index: number) => void;
|
|
9
9
|
/**隐藏新增icon */
|
|
10
10
|
hideAddIcon?: boolean;
|
|
11
|
+
/**新增icon提示文字 */
|
|
12
|
+
addIconText?: string;
|
|
11
13
|
/**隐藏删除icon */
|
|
12
14
|
hideDelIcon?: boolean;
|
|
15
|
+
/**删除icon提示文字 */
|
|
16
|
+
delIconText?: string;
|
|
13
17
|
/**是否显示动态表头配置 */
|
|
14
18
|
showColumnDynamic?: boolean;
|
|
15
19
|
/**动态表头配置,是否缓存,动态列配置如果要缓存得话,必须得使用一个全局唯一得key来标识 */
|
|
@@ -101,7 +101,7 @@ var components = {
|
|
|
101
101
|
*/
|
|
102
102
|
function Table(props) {
|
|
103
103
|
var _this = this;
|
|
104
|
-
var className = props.className, scroll = props.scroll, _a = props.pagination, pagination = _a === void 0 ? false : _a, _b = props.bordered, bordered = _b === void 0 ? true : _b, columns = props.columns, initColumns = props.initColumns, dataSource = props.dataSource, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, hideDelIcon = props.hideDelIcon, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, summaryConfig = props.summaryConfig, summaryFixed = props.summaryFixed, summary = props.summary, onMoveRow = props.onMoveRow, onEditableSave = props.onEditableSave, onDynamicChange = props.onDynamicChange, _c = props.isResizableColumn, isResizableColumn = _c === void 0 ? true : _c, configInfo = props.configInfo, tableHandleRef = props.tableHandleRef, tableName = props.tableName, restProps = __rest(props, ["className", "scroll", "pagination", "bordered", "columns", "initColumns", "dataSource", "onAddAndDelHandle", "hideAddIcon", "hideDelIcon", "showColumnDynamic", "showColumnDynamicKey", "summaryConfig", "summaryFixed", "summary", "onMoveRow", "onEditableSave", "onDynamicChange", "isResizableColumn", "configInfo", "tableHandleRef", "tableName"]);
|
|
104
|
+
var className = props.className, scroll = props.scroll, _a = props.pagination, pagination = _a === void 0 ? false : _a, _b = props.bordered, bordered = _b === void 0 ? true : _b, columns = props.columns, initColumns = props.initColumns, dataSource = props.dataSource, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, delIconText = props.delIconText, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, summaryConfig = props.summaryConfig, summaryFixed = props.summaryFixed, summary = props.summary, onMoveRow = props.onMoveRow, onEditableSave = props.onEditableSave, onDynamicChange = props.onDynamicChange, _c = props.isResizableColumn, isResizableColumn = _c === void 0 ? true : _c, configInfo = props.configInfo, tableHandleRef = props.tableHandleRef, tableName = props.tableName, restProps = __rest(props, ["className", "scroll", "pagination", "bordered", "columns", "initColumns", "dataSource", "onAddAndDelHandle", "hideAddIcon", "addIconText", "hideDelIcon", "delIconText", "showColumnDynamic", "showColumnDynamicKey", "summaryConfig", "summaryFixed", "summary", "onMoveRow", "onEditableSave", "onDynamicChange", "isResizableColumn", "configInfo", "tableHandleRef", "tableName"]);
|
|
105
105
|
// console.log('table render');
|
|
106
106
|
var classes = classNames('zt-table', className);
|
|
107
107
|
var _d = useState(false), dynamicVisible = _d[0], setDynamicVisible = _d[1];
|
|
@@ -122,7 +122,9 @@ function Table(props) {
|
|
|
122
122
|
showColumnDynamicKey: showColumnDynamicKey,
|
|
123
123
|
onAddAndDelHandle: onAddAndDelHandle,
|
|
124
124
|
hideAddIcon: hideAddIcon,
|
|
125
|
+
addIconText: addIconText,
|
|
125
126
|
hideDelIcon: hideDelIcon,
|
|
127
|
+
delIconText: delIconText,
|
|
126
128
|
showDynamicHandle: showDynamicHandle,
|
|
127
129
|
onEditableSave: onEditableSave,
|
|
128
130
|
configInfo: configInfo,
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import UploadSingle from './upload-single';
|
|
2
|
+
import { Upload as AntUpload } from 'antd';
|
|
2
3
|
import { UploadFile as AntUploadFile } from 'antd/lib/upload/interface';
|
|
3
4
|
export interface UploadFile<T = any> extends AntUploadFile<T> {
|
|
4
5
|
}
|
|
5
|
-
export
|
|
6
|
+
export declare type IUploadSingleComponent = typeof UploadSingle & {
|
|
7
|
+
LIST_IGNORE: typeof AntUpload.LIST_IGNORE;
|
|
8
|
+
};
|
|
9
|
+
declare const TransUploadSingle: IUploadSingleComponent;
|
|
10
|
+
export default TransUploadSingle;
|
|
@@ -37,12 +37,16 @@ import { checkFile } from '../utils/upload';
|
|
|
37
37
|
var delayTime = 1000;
|
|
38
38
|
var UploadSingle = function (_a) {
|
|
39
39
|
var _b, _c, _d, _e;
|
|
40
|
-
var _f = _a.text, text = _f === void 0 ? '导入' : _f, children = _a.children, ztAccept = _a.ztAccept, maxSize = _a.maxSize, maxSizeStr = _a.maxSizeStr, resultCallback = _a.resultCallback, apiBaseUrl = _a.apiBaseUrl, restProps = __rest(_a, ["text", "children", "ztAccept", "maxSize", "maxSizeStr", "resultCallback", "apiBaseUrl"]);
|
|
40
|
+
var _f = _a.text, text = _f === void 0 ? '导入' : _f, children = _a.children, ztAccept = _a.ztAccept, maxSize = _a.maxSize, maxSizeStr = _a.maxSizeStr, resultCallback = _a.resultCallback, apiBaseUrl = _a.apiBaseUrl, beforeUpload = _a.beforeUpload, restProps = __rest(_a, ["text", "children", "ztAccept", "maxSize", "maxSizeStr", "resultCallback", "apiBaseUrl", "beforeUpload"]);
|
|
41
41
|
var _g = useState(false), visible = _g[0], setVisible = _g[1];
|
|
42
42
|
var _h = useState(), percent = _h[0], setPercent = _h[1];
|
|
43
43
|
var time = useRef(0);
|
|
44
44
|
/** 文件上传之前的钩子 */
|
|
45
45
|
var beforeFileUpload = function (file, fileList) {
|
|
46
|
+
var result = beforeUpload && beforeUpload(file, fileList);
|
|
47
|
+
if (result) {
|
|
48
|
+
return result;
|
|
49
|
+
}
|
|
46
50
|
return checkFile(file, { ztAccept: ztAccept, maxSize: maxSize, maxSizeStr: maxSizeStr });
|
|
47
51
|
};
|
|
48
52
|
/** 文件改变触发事件 */
|