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.
@@ -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 '../utils.js';
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, waterRef = _a.waterRef, setSpinning = _a.setSpinning, clickExportHandle = _a.clickExportHandle, beforeExportHandle = _a.beforeExportHandle, afterExportHandle = _a.afterExportHandle;
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 isWater, res, err_1;
11
- var _a;
12
- return __generator(this, function (_b) {
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
- _b.label = 1;
15
+ _a.label = 1;
17
16
  case 1:
18
- _b.trys.push([1, 5, , 6]);
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
- _b.sent();
23
- _b.label = 3;
21
+ _a.sent();
22
+ _a.label = 3;
24
23
  case 3:
25
24
  beforeExportHandle && beforeExportHandle();
26
- isWater = ((_a = waterRef.current) === null || _a === void 0 ? void 0 : _a.getIsWater()) || true;
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
- res = _b.sent();
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 = _b.sent();
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
- waterRef,
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, forwardRef, useImperativeHandle } from 'react';
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, ref) {
9
- var config = _a.config;
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(forwardRef(WaterBtn));
10
+ var WaterBtn$1 = memo(WaterBtn);
25
11
 
26
12
  export { WaterBtn$1 as default };
@@ -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%}}
@@ -18,6 +18,7 @@ interface IPrintProps {
18
18
  afterExportHandle?: () => void;
19
19
  /** 是否显示添加水印按钮 */
20
20
  isWaterBtn?: boolean;
21
+ defaultWaterVisible?: boolean;
21
22
  /** 水印相关配置 */
22
23
  waterConfig?: IWaterConfig;
23
24
  /** 是否显示导出pdf按钮 */
@@ -1,26 +1,28 @@
1
1
  import { __assign } from '../_virtual/_tslib.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { memo, useRef } from 'react';
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
- var waterRef = useRef();
23
- return (jsxs("div", __assign({ className: classes }, { children: [isWaterBtn && jsx(WaterBtn, { config: config, ref: waterRef }), isPrintBtn && (jsx(PrintBtn, { clickPrintHandle: clickPrintHandle, beforePrintHandle: beforePrintHandle, afterPrintHandle: afterPrintHandle })), isExportPdfBtn && (jsx(ExportPdfBtn, { config: config, waterRef: waterRef, setSpinning: setSpinning, clickExportHandle: clickExportHandle, beforeExportHandle: beforeExportHandle, afterExportHandle: afterExportHandle })), jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: function () {
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
  };
@@ -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 _b = useState(false), spinning = _b[0], setSpinning = _b[1];
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";
@@ -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, title: title, disabled: disabled }, { children: [Array.isArray(joinTitle) ? joinTitle === null || joinTitle === void 0 ? void 0 : joinTitle.join(joinStr) : "", 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));
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;
@@ -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, dropdownRender: dropdownRender
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; props.visible; var waterConfigProps = __rest(props, ["children", "className", "visible"]);
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();