zmdms-webui 0.0.145 → 0.0.147
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/es/applayout/index.css +1 -1
- package/dist/es/print/components/ExportPdfBtn.js +14 -15
- package/dist/es/print/components/WaterBtn.js +5 -19
- package/dist/es/print/index.css +1 -1
- package/dist/es/print/interface.d.ts +1 -0
- package/dist/es/print/print-header.js +7 -5
- package/dist/es/print/print.js +4 -3
- package/dist/es/select/hooks.js +7 -1
- package/dist/es/select/select.js +3 -1
- package/dist/es/watermark/index.css +1 -0
- package/dist/es/watermark/watermark.js +5 -3
- package/dist/index.dark.css +1 -1
- package/dist/index.default.css +1 -1
- package/package.json +2 -2
- package/dist/es/print/useToggleWater.js +0 -25
- package/dist/es/print/utils.js +0 -59
|
@@ -1 +1 @@
|
|
|
1
|
-
.zmdms-container{background-color:#e9ecf3}.zmdms-container .zmdms-sider{background-color:#5b76f6;background-repeat:no-repeat;background-size:100% auto;background-size:cover;z-index:102}.zmdms-container .zmdms-content{background-color:#e9ecf3}.zmdms-container .zmdms-content--header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;line-height:48px;padding:0 0 0 10px}.zmdms-container .zmdms-content--header .ant-tabs{flex:1;margin-top:8px;width:calc(100% - 350px)}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 5px 0 10px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-nav{margin-bottom:0}.zmdms-container .zmdms-content--content{height:calc(100vh - 48px);position:relative}.zmdms-container .zmdms-content--header-info{color:#000000a6;display:flex;height:48px;max-width:350px}.zmdms-container .zmdms-content--header-info .full-screen{cursor:pointer;text-align:center;width:36px}.zmdms-container .zmdms-content--header-info .user-operation{align-items:center;cursor:pointer;display:flex;padding:0 12px}.zmdms-container .zmdms-content--header-info .user-operation:hover{background-color:#f7f7f7}.zmdms-container .zmdms-content--header-info .user-operation>span:last-child{color:#000000a6;display:inline-block;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.zmdms-menu{display:flex;flex-direction:column;height:100vh}.zmdms-menu .zmdms-logo{align-items:center;display:block;display:flex;height:48px;padding:9px 0 5px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu.ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title{align-items:center;background-color:#5b76f5;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0;padding:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6;right:6px}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-title-content{flex:none;width:88%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub.ant-menu-inline{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected{background:#5b76f5;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu .zmdms-menu--main>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected{background:#5b76f6;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub{padding:0}.zmdms-menu--sub .ant-drawer-content{background:#0000;background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.zmdms-menu--sub .ant-drawer-content .ant-menu{background:#0000;color:#fff}.zmdms-menu--sub.ant-drawer-left>.ant-drawer-content-wrapper{left:-1px}.zmdms-menu--sub .ant-drawer-header{border-bottom:none;padding:0}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title{align-items:center;color:#fff;display:flex;height:48px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title img{width:118px}.zmdms-menu--sub .ant-drawer-body{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;font-size:13px;overflow-x:hidden;padding:0}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu.ant-menu-submenu-inline{border-bottom:1px solid #8d9eff47;padding-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline{background:#0000;padding:0 10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-item,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;height:30px;line-height:30px;margin:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:not(:last-child),.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:last-child,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:last-child{margin-bottom:10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title{color:#fff;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected{background-color:#5b76f5!important;color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub .ant-drawer-footer{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;border-top:1px solid #5670ea;display:flex;height:40px;justify-content:center;line-height:40px;padding:3px 10px}.zmdms-menu--sub .ant-drawer-footer .zt-btn-link{color:#fff}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}
|
|
1
|
+
.zmdms-container{background-color:#e9ecf3}.zmdms-container .zmdms-sider{background-color:#5b76f6;background-repeat:no-repeat;background-size:100% auto;background-size:cover;z-index:102}.zmdms-container .zmdms-content{background-color:#e9ecf3}.zmdms-container .zmdms-content--header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;line-height:48px;padding:0 0 0 10px}.zmdms-container .zmdms-content--header .ant-tabs{flex:1;margin-top:8px;width:calc(100% - 350px)}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 5px 0 10px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-nav{margin-bottom:0}.zmdms-container .zmdms-content--content{height:calc(100vh - 48px);position:relative}.zmdms-container .zmdms-content--header-info{color:#000000a6;display:flex;height:48px;max-width:350px}.zmdms-container .zmdms-content--header-info .full-screen{cursor:pointer;text-align:center;width:36px}.zmdms-container .zmdms-content--header-info .user-operation{align-items:center;cursor:pointer;display:flex;padding:0 12px}.zmdms-container .zmdms-content--header-info .user-operation:hover{background-color:#f7f7f7}.zmdms-container .zmdms-content--header-info .user-operation>span:last-child{color:#000000a6;display:inline-block;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.zmdms-menu{display:flex;flex-direction:column;height:100vh}.zmdms-menu .zmdms-logo{align-items:center;display:block;display:flex;height:48px;padding:9px 0 5px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu.ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title{align-items:center;background-color:#5b76f5;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0;padding:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6;right:6px}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-title-content{flex:none;width:88%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub.ant-menu-inline{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected{background:#5b76f5;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu .zmdms-menu--main>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected{background:#5b76f6;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub{padding:0}.zmdms-menu--sub .ant-drawer-content{background:#0000;background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.zmdms-menu--sub .ant-drawer-content .ant-menu{background:#0000;color:#fff}.zmdms-menu--sub.ant-drawer-left>.ant-drawer-content-wrapper{left:-1px}.zmdms-menu--sub .ant-drawer-header{background:#0000;border-bottom:none;padding:0}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title{align-items:center;color:#fff;display:flex;height:48px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title img{width:118px}.zmdms-menu--sub .ant-drawer-body{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;font-size:13px;overflow-x:hidden;padding:0}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu.ant-menu-submenu-inline{border-bottom:1px solid #8d9eff47;padding-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline{background:#0000;padding:0 10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-item,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;height:30px;line-height:30px;margin:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:not(:last-child),.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:last-child,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:last-child{margin-bottom:10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title{color:#fff;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected{background-color:#5b76f5!important;color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub .ant-drawer-footer{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;border-top:1px solid #5670ea;display:flex;height:40px;justify-content:center;line-height:40px;padding:3px 10px}.zmdms-menu--sub .ant-drawer-footer .zt-btn-link{color:#fff}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}
|
|
@@ -1,41 +1,40 @@
|
|
|
1
1
|
import { __awaiter, __generator, __assign } from '../../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { memo, useCallback } from 'react';
|
|
4
|
-
import { htmlToPdf } from '
|
|
4
|
+
import { htmlToPdf } from 'zmdms-utils';
|
|
5
5
|
import ButtonCom from '../../button/button.js';
|
|
6
6
|
|
|
7
7
|
var ExportPdfBtn = function (_a) {
|
|
8
|
-
var config = _a.config,
|
|
8
|
+
var config = _a.config, getWaterVisibleFn = _a.getWaterVisibleFn, setSpinning = _a.setSpinning, clickExportHandle = _a.clickExportHandle, beforeExportHandle = _a.beforeExportHandle, afterExportHandle = _a.afterExportHandle;
|
|
9
9
|
var onExport = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
switch (_b.label) {
|
|
10
|
+
var currentIsWater, isWater, err_1;
|
|
11
|
+
return __generator(this, function (_a) {
|
|
12
|
+
switch (_a.label) {
|
|
14
13
|
case 0:
|
|
15
14
|
setSpinning && setSpinning(true);
|
|
16
|
-
|
|
15
|
+
_a.label = 1;
|
|
17
16
|
case 1:
|
|
18
|
-
|
|
17
|
+
_a.trys.push([1, 5, , 6]);
|
|
19
18
|
if (!clickExportHandle) return [3 /*break*/, 3];
|
|
20
19
|
return [4 /*yield*/, clickExportHandle()];
|
|
21
20
|
case 2:
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
_a.sent();
|
|
22
|
+
_a.label = 3;
|
|
24
23
|
case 3:
|
|
25
24
|
beforeExportHandle && beforeExportHandle();
|
|
26
|
-
|
|
25
|
+
currentIsWater = getWaterVisibleFn();
|
|
26
|
+
isWater = currentIsWater == null ? true : currentIsWater;
|
|
27
27
|
return [4 /*yield*/, htmlToPdf({
|
|
28
28
|
pageDom: ".ztxk-print--page",
|
|
29
29
|
waterConfig: isWater ? config : undefined,
|
|
30
30
|
isDownload: true,
|
|
31
31
|
})];
|
|
32
32
|
case 4:
|
|
33
|
-
|
|
34
|
-
console.log(res);
|
|
33
|
+
_a.sent();
|
|
35
34
|
setSpinning && setSpinning(false);
|
|
36
35
|
return [3 /*break*/, 6];
|
|
37
36
|
case 5:
|
|
38
|
-
err_1 =
|
|
37
|
+
err_1 = _a.sent();
|
|
39
38
|
setSpinning && setSpinning(false);
|
|
40
39
|
console.log("导出执行出错", err_1);
|
|
41
40
|
return [3 /*break*/, 6];
|
|
@@ -45,7 +44,7 @@ var ExportPdfBtn = function (_a) {
|
|
|
45
44
|
}
|
|
46
45
|
});
|
|
47
46
|
}); }, [
|
|
48
|
-
|
|
47
|
+
getWaterVisibleFn,
|
|
49
48
|
config,
|
|
50
49
|
setSpinning,
|
|
51
50
|
clickExportHandle,
|
|
@@ -1,26 +1,12 @@
|
|
|
1
1
|
import { __assign } from '../../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { memo
|
|
4
|
-
import useToggleWater from '../useToggleWater.js';
|
|
5
|
-
import { useMount } from 'ahooks';
|
|
3
|
+
import { memo } from 'react';
|
|
6
4
|
import ButtonCom from '../../button/button.js';
|
|
7
5
|
|
|
8
|
-
var WaterBtn = function (_a
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
var _b = useToggleWater(config), toggleWater = _b.toggleWater, isWater = _b.isWater;
|
|
12
|
-
useMount(function () {
|
|
13
|
-
toggleWater();
|
|
14
|
-
});
|
|
15
|
-
useImperativeHandle(ref, function () {
|
|
16
|
-
return {
|
|
17
|
-
getIsWater: function () {
|
|
18
|
-
return isWater;
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
});
|
|
22
|
-
return (jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: toggleWater }, { children: isWater ? "移除水印" : "添加水印" })));
|
|
6
|
+
var WaterBtn = function (_a) {
|
|
7
|
+
var setWaterVisible = _a.setWaterVisible, waterVisible = _a.waterVisible;
|
|
8
|
+
return (jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: function () { return setWaterVisible === null || setWaterVisible === void 0 ? void 0 : setWaterVisible(!waterVisible); } }, { children: waterVisible ? "移除水印" : "添加水印" })));
|
|
23
9
|
};
|
|
24
|
-
var WaterBtn$1 = memo(
|
|
10
|
+
var WaterBtn$1 = memo(WaterBtn);
|
|
25
11
|
|
|
26
12
|
export { WaterBtn$1 as default };
|
package/dist/es/print/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ztxk-print .ztxk-print--header{background-color:#fff;padding:10px;position:sticky;top:0;z-index:100}.ztxk-print .ztxk-print--header .ph__item,.ztxk-print .ztxk-print--header button{margin-left:10px}.ztxk-print .ztxk-print--header .ph__item:first-child,.ztxk-print .ztxk-print--header button:first-child{margin-left:0}.ztxk-print .ztxk-print--content{font-family:microsoft-yahei;min-height:500px;width:100%}.ztxk-print .ztxk-print--content .ztxk-print--main{margin:auto;width:1000px}.ztxk-print .ztxk-print--page-break__before{display:block;page-break-before:always}.ztxk-print .ztxk-print--page__pagination{margin:10px 0;text-align:center}.ztxk-print .ztxk-print--page-break__after{display:block;page-break-after:always}@media print{.non-printable{display:none}.non-printable,body *{visibility:hidden}.ztxk-print--content,.ztxk-print--content *{visibility:visible}footer.ztxk-print--page__pagination{bottom:0;position:fixed;width:100%}}
|
|
1
|
+
.ztxk-print .ztxk-print--header{background-color:#fff;padding:10px;position:sticky;top:0;z-index:100}.ztxk-print .ztxk-print--header .ph__item,.ztxk-print .ztxk-print--header button{margin-left:10px}.ztxk-print .ztxk-print--header .ph__item:first-child,.ztxk-print .ztxk-print--header button:first-child{margin-left:0}.ztxk-print .ztxk-print--content{font-family:microsoft-yahei;min-height:500px;width:100%}.ztxk-print .ztxk-print--content .ztxk-print--main{margin:auto;width:1000px}.ztxk-print .ztxk-print--content .ztxk-print--main .ztxk-print--page{min-height:200px}.ztxk-print .ztxk-print--page-break__before{display:block;page-break-before:always}.ztxk-print .ztxk-print--page__pagination{margin:10px 0;text-align:center}.ztxk-print .ztxk-print--page-break__after{display:block;page-break-after:always}.ztxk-print .ztxk-print--page-break__after:last-child{display:none;page-break-after:auto}@media print{.non-printable{display:none}.non-printable,body *{visibility:hidden}.ztxk-print--content,.ztxk-print--content *{visibility:visible}footer.ztxk-print--page__pagination{bottom:0;position:fixed;width:100%}}
|
|
@@ -1,26 +1,28 @@
|
|
|
1
1
|
import { __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { memo
|
|
3
|
+
import { memo } from 'react';
|
|
4
4
|
import classNames from '../node_modules/classnames/index.js';
|
|
5
5
|
import { NON_PRINTABLE } from './print.js';
|
|
6
6
|
import useCreateWater from './useCreateWater.js';
|
|
7
7
|
import WaterBtn from './components/WaterBtn.js';
|
|
8
8
|
import PrintBtn from './components/PrintBtn.js';
|
|
9
9
|
import ExportPdfBtn from './components/ExportPdfBtn.js';
|
|
10
|
+
import { useMemoizedFn } from 'ahooks';
|
|
10
11
|
import ButtonCom from '../button/button.js';
|
|
11
12
|
|
|
12
13
|
var PrintHeader = function (props) {
|
|
13
14
|
var _a;
|
|
14
|
-
var isPrintBtn = props.isPrintBtn, clickPrintHandle = props.clickPrintHandle, beforePrintHandle = props.beforePrintHandle, afterPrintHandle = props.afterPrintHandle, isWaterBtn = props.isWaterBtn, waterConfig = props.waterConfig, isExportPdfBtn = props.isExportPdfBtn, clickExportHandle = props.clickExportHandle, beforeExportHandle = props.beforeExportHandle, afterExportHandle = props.afterExportHandle, headerClassName = props.headerClassName, setSpinning = props.setSpinning;
|
|
15
|
+
var isPrintBtn = props.isPrintBtn, clickPrintHandle = props.clickPrintHandle, beforePrintHandle = props.beforePrintHandle, afterPrintHandle = props.afterPrintHandle, waterVisible = props.waterVisible, setWaterVisible = props.setWaterVisible, isWaterBtn = props.isWaterBtn, waterConfig = props.waterConfig, isExportPdfBtn = props.isExportPdfBtn, clickExportHandle = props.clickExportHandle, beforeExportHandle = props.beforeExportHandle, afterExportHandle = props.afterExportHandle, headerClassName = props.headerClassName, setSpinning = props.setSpinning;
|
|
15
16
|
// 主容器类名
|
|
16
17
|
var classes = classNames("ztxk-print--header", headerClassName, (_a = {},
|
|
17
18
|
_a[NON_PRINTABLE] = true,
|
|
18
19
|
_a));
|
|
19
20
|
// 生成水印图片
|
|
20
21
|
var config = useCreateWater(waterConfig).config;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
var getWaterVisibleFn = useMemoizedFn(function () {
|
|
23
|
+
return waterVisible;
|
|
24
|
+
});
|
|
25
|
+
return (jsxs("div", __assign({ className: classes }, { children: [isWaterBtn && (jsx(WaterBtn, { waterVisible: waterVisible, setWaterVisible: setWaterVisible })), isPrintBtn && (jsx(PrintBtn, { clickPrintHandle: clickPrintHandle, beforePrintHandle: beforePrintHandle, afterPrintHandle: afterPrintHandle })), isExportPdfBtn && (jsx(ExportPdfBtn, { config: config, getWaterVisibleFn: getWaterVisibleFn, setSpinning: setSpinning, clickExportHandle: clickExportHandle, beforeExportHandle: beforeExportHandle, afterExportHandle: afterExportHandle })), jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: function () {
|
|
24
26
|
window.close();
|
|
25
27
|
} }, { children: "\u5173\u95ED" }))] })));
|
|
26
28
|
};
|
package/dist/es/print/print.js
CHANGED
|
@@ -9,7 +9,8 @@ import { Spin } from 'antd';
|
|
|
9
9
|
|
|
10
10
|
var NON_PRINTABLE = "non-printable";
|
|
11
11
|
var Print = function (props, ref) {
|
|
12
|
-
var className = props.className, children = props.children, _a = props.spinning, outSpinning = _a === void 0 ? false : _a, headerProps = __rest(props, ["className", "children", "spinning"]);
|
|
12
|
+
var className = props.className, children = props.children, _a = props.spinning, outSpinning = _a === void 0 ? false : _a, _b = props.defaultWaterVisible, defaultWaterVisible = _b === void 0 ? true : _b, headerProps = __rest(props, ["className", "children", "spinning", "defaultWaterVisible"]);
|
|
13
|
+
var _c = useState(defaultWaterVisible), waterVisible = _c[0], setWaterVisible = _c[1];
|
|
13
14
|
// 设置默认值
|
|
14
15
|
// if (headerProps.isWaterBtn == null) {
|
|
15
16
|
// headerProps.isWaterBtn = true;
|
|
@@ -25,8 +26,8 @@ var Print = function (props, ref) {
|
|
|
25
26
|
var classes = classNames("ztxk-print", className, {
|
|
26
27
|
"ztxk-print--water": headerProps.isWaterBtn,
|
|
27
28
|
});
|
|
28
|
-
var
|
|
29
|
-
return (jsx(Spin, __assign({ spinning: spinning || outSpinning }, { children: jsxs("div", __assign({ className: classes }, { children: [jsx(PrintHeader, __assign({ setSpinning: setSpinning }, headerProps)), jsx(WatermarkCom, __assign({ className: "ztxk-print--content" }, waterConfig, { children: jsx("div", __assign({ className: "ztxk-print--main" }, { children: children })) }))] })) })));
|
|
29
|
+
var _d = useState(false), spinning = _d[0], setSpinning = _d[1];
|
|
30
|
+
return (jsx(Spin, __assign({ spinning: spinning || outSpinning }, { children: jsxs("div", __assign({ className: classes }, { children: [jsx(PrintHeader, __assign({ setSpinning: setSpinning, waterVisible: waterVisible, setWaterVisible: setWaterVisible }, headerProps)), jsx(WatermarkCom, __assign({ className: "ztxk-print--content", visible: waterVisible }, waterConfig, { children: jsx("div", __assign({ className: "ztxk-print--main" }, { children: children })) }))] })) })));
|
|
30
31
|
};
|
|
31
32
|
var PrintCom = memo(forwardRef(Print));
|
|
32
33
|
PrintCom.displayName = "ZTXK_WEBUI_Print";
|
package/dist/es/select/hooks.js
CHANGED
|
@@ -84,9 +84,15 @@ function useRenderChildren(props) {
|
|
|
84
84
|
disabledValues.includes(value)) {
|
|
85
85
|
disabled = true;
|
|
86
86
|
}
|
|
87
|
+
console.log(title);
|
|
88
|
+
var resultTitle = Array.isArray(joinTitle)
|
|
89
|
+
? joinTitle === null || joinTitle === void 0 ? void 0 : joinTitle.join(joinStr)
|
|
90
|
+
: "";
|
|
87
91
|
return (jsxs(MemoSelect.Option
|
|
88
92
|
// key={`${key}${index}`}
|
|
89
|
-
, __assign({ value: value,
|
|
93
|
+
, __assign({ value: value,
|
|
94
|
+
// 原本传入需要显示的title
|
|
95
|
+
oldTitle: title, title: resultTitle, disabled: disabled }, { children: [resultTitle, Array.isArray(linefeedTitle) && linefeedTitle.length > 0 ? (jsx("div", __assign({ className: "ztxk-select--feed-item" }, { children: linefeedTitle === null || linefeedTitle === void 0 ? void 0 : linefeedTitle.join(lineFeedStr) }))) : ("")] }), key));
|
|
90
96
|
})] }));
|
|
91
97
|
}
|
|
92
98
|
return null;
|
package/dist/es/select/select.js
CHANGED
|
@@ -115,7 +115,9 @@ var Select = function (props, ref) {
|
|
|
115
115
|
var text = textContent(option === null || option === void 0 ? void 0 : option.children);
|
|
116
116
|
return (text === null || text === void 0 ? void 0 : text.toLowerCase().indexOf(input.toLowerCase().trim())) >= 0;
|
|
117
117
|
};
|
|
118
|
-
return (jsx(Select$1, __assign({ defaultValue: showAll ? "" : undefined, showArrow: true, allowClear: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle,
|
|
118
|
+
return (jsx(Select$1, __assign({ defaultValue: showAll ? "" : undefined, showArrow: true, allowClear: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle,
|
|
119
|
+
// 显示问题
|
|
120
|
+
optionLabelProp: list ? "oldTitle" : undefined, dropdownRender: dropdownRender
|
|
119
121
|
? dropdownRender
|
|
120
122
|
: dropdownButton
|
|
121
123
|
? dropdownButtonHandle
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ztxk-watermark.ztxk-watermark--hidden>.ztxk-watermark--div{display:none}
|
|
@@ -17,13 +17,15 @@ var reRendering = function (mutation, isWatermarkEle) {
|
|
|
17
17
|
};
|
|
18
18
|
// TODO: 通过方法设置水印隐藏 (有没有必要做)
|
|
19
19
|
var Watermark = function (props) {
|
|
20
|
-
var children = props.children, className = props.className
|
|
20
|
+
var children = props.children, className = props.className, _a = props.visible, visible = _a === void 0 ? true : _a, waterConfigProps = __rest(props, ["children", "className", "visible"]);
|
|
21
21
|
// 主容器类名
|
|
22
|
-
var classes = classNames("ztxk-watermark", className, {
|
|
22
|
+
var classes = classNames("ztxk-watermark", className, {
|
|
23
|
+
"ztxk-watermark--hidden": !visible,
|
|
24
|
+
});
|
|
23
25
|
var waterDomRef = useRef();
|
|
24
26
|
var waterDomChildHandleRef = useRef();
|
|
25
27
|
useMutationObserver(function (mutationsList) {
|
|
26
|
-
console.log("触发父级");
|
|
28
|
+
console.log("触发父级", mutationsList);
|
|
27
29
|
mutationsList.forEach(function (mutation) {
|
|
28
30
|
if (reRendering(mutation, function (node) {
|
|
29
31
|
return node === waterDomChildHandleRef.current.getWaterDomRef();
|