zmdms-webui 0.0.141 → 0.0.142

package/dist/es/print/components/ExportPdfBtn.js

@@ -0,0 +1,59 @@
+import { __awaiter, __generator, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, useCallback } from 'react';
+import { htmlToPdf } from '../utils.js';
+import ButtonCom from '../../button/button.js';
+
+var ExportPdfBtn = function (_a) {
+    var config = _a.config, waterRef = _a.waterRef, setSpinning = _a.setSpinning, clickExportHandle = _a.clickExportHandle, beforeExportHandle = _a.beforeExportHandle, afterExportHandle = _a.afterExportHandle;
+    var onExport = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isWater, res, err_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setSpinning && setSpinning(true);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 5, , 6]);
+                    if (!clickExportHandle) return [3 /*break*/, 3];
+                    return [4 /*yield*/, clickExportHandle()];
+                case 2:
+                    _b.sent();
+                    _b.label = 3;
+                case 3:
+                    beforeExportHandle && beforeExportHandle();
+                    isWater = ((_a = waterRef.current) === null || _a === void 0 ? void 0 : _a.getIsWater()) || true;
+                    return [4 /*yield*/, htmlToPdf({
+                            pageDom: ".ztxk-print--page",
+                            waterConfig: isWater ? config : undefined,
+                            isDownload: true,
+                        })];
+                case 4:
+                    res = _b.sent();
+                    console.log(res);
+                    setSpinning && setSpinning(false);
+                    return [3 /*break*/, 6];
+                case 5:
+                    err_1 = _b.sent();
+                    setSpinning && setSpinning(false);
+                    console.log("导出执行出错", err_1);
+                    return [3 /*break*/, 6];
+                case 6:
+                    afterExportHandle && afterExportHandle();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [
+        waterRef,
+        config,
+        setSpinning,
+        clickExportHandle,
+        beforeExportHandle,
+        afterExportHandle,
+    ]);
+    return (jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: onExport }, { children: "\u5BFC\u51FAPDF" })));
+};
+var ExportPdfBtn$1 = memo(ExportPdfBtn);
+
+export { ExportPdfBtn$1 as default };

package/dist/es/print/components/PrintBtn.js

@@ -0,0 +1,53 @@
+import { __awaiter, __generator, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, useCallback } from 'react';
+import { useLatest, useMount } from 'ahooks';
+import ButtonCom from '../../button/button.js';
+
+var PrintBtn = function (_a) {
+    var clickPrintHandle = _a.clickPrintHandle, beforePrintHandle = _a.beforePrintHandle, afterPrintHandle = _a.afterPrintHandle;
+    var beforePrintHandleRef = useLatest(beforePrintHandle);
+    var afterPrintHandleRef = useLatest(afterPrintHandle);
+    useMount(function () {
+        var beforeprintHandle = function (event) {
+            var _a;
+            (_a = beforePrintHandleRef.current) === null || _a === void 0 ? void 0 : _a.call(beforePrintHandleRef);
+        };
+        var afterprintHandle = function (event) {
+            var _a;
+            (_a = afterPrintHandleRef.current) === null || _a === void 0 ? void 0 : _a.call(afterPrintHandleRef);
+        };
+        window.addEventListener("beforeprint", beforeprintHandle);
+        window.addEventListener("afterprint", afterprintHandle);
+        return function () {
+            window.removeEventListener("beforeprint", beforeprintHandle);
+            window.removeEventListener("afterprint", afterprintHandle);
+        };
+    });
+    var onPrint = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    if (!clickPrintHandle) return [3 /*break*/, 2];
+                    return [4 /*yield*/, clickPrintHandle()];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    window.print();
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _a.sent();
+                    console.log("打印执行出错", err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [clickPrintHandle]);
+    return (jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: onPrint }, { children: "\u6253\u5370" })));
+};
+var PrintBtn$1 = memo(PrintBtn);
+
+export { PrintBtn$1 as default };

package/dist/es/print/components/WaterBtn.js

@@ -0,0 +1,26 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, forwardRef, useImperativeHandle } from 'react';
+import useToggleWater from '../useToggleWater.js';
+import { useMount } from 'ahooks';
+import ButtonCom from '../../button/button.js';
+
+var WaterBtn = function (_a, ref) {
+    var config = _a.config;
+    // 水印相关方法
+    var _b = useToggleWater(config), toggleWater = _b.toggleWater, isWater = _b.isWater;
+    useMount(function () {
+        toggleWater();
+    });
+    useImperativeHandle(ref, function () {
+        return {
+            getIsWater: function () {
+                return isWater;
+            },
+        };
+    });
+    return (jsx(ButtonCom, __assign({ type: "primary", className: "ph__item", onClick: toggleWater }, { children: isWater ? "移除水印" : "添加水印" })));
+};
+var WaterBtn$1 = memo(forwardRef(WaterBtn));
+
+export { WaterBtn$1 as default };

package/dist/es/print/index.css

@@ -1 +1 @@
-@media print{.non-printable,body *{display:none}.ztxk-print--content{display:block}}
+.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%}}

package/dist/es/print/interface.d.ts

@@ -1,16 +1,68 @@
 import React__default from 'react';
+import PrintPage from './print-page.js';
 
 interface IPrintProps {
     /** 是否显示打印按钮 */
-    showPrintBtn?: boolean;
+    isPrintBtn?: boolean;
+    /** 点击打印按钮时调用 */
+    clickPrintHandle?: () => Promise<any>;
+    /** 开始打印前 */
+    beforePrintHandle?: () => void;
+    /** 结束打印后 没法确定用户是否实际调用了打印功能 */
+    afterPrintHandle?: () => void;
+    /** 点击导出按钮时调用 */
+    clickExportHandle?: () => Promise<any>;
+    /** 开始导出前 */
+    beforeExportHandle?: () => void;
+    /** 结束导出后 */
+    afterExportHandle?: () => void;
+    /** 是否显示添加水印按钮 */
+    isWaterBtn?: boolean;
+    /** 水印相关配置 */
+    waterConfig?: IWaterConfig;
+    /** 是否显示导出pdf按钮 */
+    isExportPdfBtn?: boolean;
+    /** 导出PDF名字 */
+    pdfName?: string;
+    /** 容器类名 */
+    className?: string;
     /** 头部容器类名 */
     headerClassName?: string;
     /** 子元素 */
     children?: React__default.ReactNode;
+    /** 加载态 */
+    spinning?: boolean;
+}
+interface IWaterConfig {
+    width?: number;
+    height?: number;
+    rotate?: number;
+    zIndex?: number;
+    image?: string;
+    content?: string | string[];
+    font?: {
+        color?: CanvasFillStrokeStyles["fillStyle"];
+        fontSize?: number;
+        fontWeight?: "normal" | "light" | "weight" | number;
+        fontStyle?: "none" | "normal" | "italic" | "oblique";
+        fontFamily?: string;
+        textAlign?: CanvasTextAlign;
+    };
 }
 interface PrintComponent extends React__default.FC<IPrintProps> {
     displayName: string;
+    /** 不需要打印的样式 */
     NON_PRINTABLE: string;
+    PrintPage: typeof PrintPage;
+}
+interface IPrintPageProps {
+    children: React__default.ReactNode;
+    /** 当前是第几页 */
+    index?: number;
+    /** 总共几页 */
+    count?: number;
+    /** pdf名称 */
+    pdfName?: string;
 }
 
-export { IPrintProps, PrintComponent };
+export { IPrintPageProps, IPrintProps, IWaterConfig, PrintComponent };

package/dist/es/print/print-header.js

@@ -1,20 +1,28 @@
 import { __assign } from '../_virtual/_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import { memo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useRef } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import { NON_PRINTABLE } from './print.js';
+import useCreateWater from './useCreateWater.js';
+import WaterBtn from './components/WaterBtn.js';
+import PrintBtn from './components/PrintBtn.js';
+import ExportPdfBtn from './components/ExportPdfBtn.js';
 import ButtonCom from '../button/button.js';
 
 var PrintHeader = function (props) {
     var _a;
-    var _b = props.showPrintBtn, showPrintBtn = _b === void 0 ? true : _b, headerClassName = props.headerClassName;
+    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;
     // 主容器类名
     var classes = classNames("ztxk-print--header", headerClassName, (_a = {},
         _a[NON_PRINTABLE] = true,
         _a));
-    return (jsx("div", __assign({ className: classes }, { children: showPrintBtn && (jsx(ButtonCom, __assign({ type: "primary", onClick: function () {
-                window.print();
-            } }, { children: "\u6253\u5370" }))) })));
+    // 生成水印图片
+    var config = useCreateWater(waterConfig).config;
+    // 水印相关逻辑获取
+    var waterRef = useRef();
+    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 () {
+                    window.close();
+                } }, { children: "\u5173\u95ED" }))] })));
 };
 var PrintHeader$1 = memo(PrintHeader);
 

package/dist/es/print/print-page.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IPrintPageProps } from './interface.js';
+
+declare const PrintPage: React__default.FC<IPrintPageProps>;
+
+export { PrintPage as default };

package/dist/es/print/print-page.js

@@ -0,0 +1,9 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var PrintPage = function (_a) {
+    var children = _a.children, index = _a.index, count = _a.count, pdfName = _a.pdfName;
+    return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: "ztxk-print--page", "data-title": pdfName }, { children: [jsx("div", __assign({ className: "ztxk-print--page__content" }, { children: children })), index && (jsxs("footer", __assign({ className: "ztxk-print--page__pagination" }, { children: ["\u7B2C", index, "\u9875/\u5171", count, "\u9875"] })))] })), jsx("div", { className: "ztxk-print--page-break__after" })] }));
+};
+
+export { PrintPage as default };

package/dist/es/print/print.js

@@ -1,18 +1,36 @@
-import { __assign } from '../_virtual/_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, forwardRef } from 'react';
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, forwardRef, useState } from 'react';
 import PrintHeader from './print-header.js';
+import PrintPage from './print-page.js';
 import classNames from '../node_modules/classnames/index.js';
+import WatermarkCom from '../watermark/watermark.js';
+import { Spin } from 'antd';
 
 var NON_PRINTABLE = "non-printable";
 var Print = function (props, ref) {
-    var showPrintBtn = props.showPrintBtn, headerClassName = props.headerClassName, children = props.children;
+    var className = props.className, children = props.children, _a = props.spinning, outSpinning = _a === void 0 ? false : _a, headerProps = __rest(props, ["className", "children", "spinning"]);
+    // 设置默认值
+    // if (headerProps.isWaterBtn == null) {
+    //   headerProps.isWaterBtn = true;
+    // }
+    if (headerProps.isPrintBtn == null) {
+        headerProps.isPrintBtn = true;
+    }
+    if (headerProps.isExportPdfBtn == null) {
+        headerProps.isExportPdfBtn = true;
+    }
+    var waterConfig = headerProps.waterConfig;
     // 主容器类名
-    var classes = classNames("ztxk-print", headerClassName, {});
-    return (jsxs("div", __assign({ className: classes }, { children: [jsx(PrintHeader, { showPrintBtn: showPrintBtn, headerClassName: headerClassName }), jsx("div", __assign({ className: "ztxk-print--content" }, { children: children }))] })));
+    var classes = classNames("ztxk-print", className, {
+        "ztxk-print--water": headerProps.isWaterBtn,
+    });
+    var _b = useState(false), spinning = _b[0], setSpinning = _b[1];
+    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 })) }))] })) })));
 };
 var PrintCom = memo(forwardRef(Print));
 PrintCom.displayName = "ZTXK_WEBUI_Print";
-PrintCom.NON_PRINTABLE = NON_PRINTABLE;
+PrintCom.NON_PRINTABLE = NON_PRINTABLE;
+PrintCom.PrintPage = PrintPage;
 
 export { NON_PRINTABLE, PrintCom as default };

package/dist/es/print/useCreateWater.js

@@ -0,0 +1,36 @@
+import { useMemo } from 'react';
+import { mergeWaterConfig, createWater } from 'zmdms-utils';
+
+/**
+ * 生成水印
+ */
+function useCreateWater(waterConfig) {
+    var _a = mergeWaterConfig(waterConfig), image = _a.image, content = _a.content, width = _a.width, height = _a.height, rotate = _a.rotate, font = _a.font;
+    var config = useMemo(function () {
+        // 文本水印
+        if (!image) {
+            var _a = createWater({
+                content: content,
+                width: width,
+                height: height,
+                rotate: rotate,
+                font: font,
+            }), imgBase64 = _a.imgBase64, canvasWidth = _a.canvasWidth, canvasHeight = _a.canvasHeight;
+            return {
+                image: imgBase64,
+                width: canvasWidth,
+                height: canvasHeight,
+            };
+        }
+        return {
+            image: image,
+            width: width,
+            height: height,
+        };
+    }, [content, font, height, image, rotate, width]);
+    return {
+        config: config,
+    };
+}
+
+export { useCreateWater as default };

package/dist/es/print/useToggleWater.js

@@ -0,0 +1,25 @@
+import { useState, useCallback } from 'react';
+
+function useToggleWater(config) {
+    var _a = useState(false), isWater = _a[0], setIsWater = _a[1];
+    var toggleWater = useCallback(function () {
+        var waterStyleDom = document.getElementById("water-style-dom-110011");
+        if (waterStyleDom) {
+            setIsWater(false);
+            waterStyleDom.remove();
+            return;
+        }
+        setIsWater(true);
+        var styleDom = document.createElement("style");
+        styleDom.setAttribute("type", "text/css");
+        styleDom.setAttribute("id", "water-style-dom-110011");
+        styleDom.innerHTML = "\n      @media print {\n        body {\n          background-image: url('".concat(config === null || config === void 0 ? void 0 : config.image, "');\n          background-repeat: repeat !important;\n          background-position: left top;\n          -webkit-print-color-adjust: exact; /* Chrome, Safari */\n          color-adjust: exact;  /* Firefox */\n        }\n        .ztxk-print--content {\n          background-image: none !important;\n        }\n      }\n      @page { size: auto; }\n      .ztxk-print--content {\n        background-image: url('").concat(config === null || config === void 0 ? void 0 : config.image, "');\n        background-repeat: repeat !important;\n        background-position: left top;\n      }\n    ");
+        document.body.appendChild(styleDom);
+    }, [config]);
+    return {
+        toggleWater: toggleWater,
+        isWater: isWater,
+    };
+}
+
+export { useToggleWater as default };

package/dist/es/print/utils.js

@@ -0,0 +1,59 @@
+import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import dayjs from 'dayjs';
+import { domToCanvas, imgToPdf } from 'zmdms-utils';
+
+/**
+ * dom 转 pdf
+ */
+function htmlToPdf(config) {
+    var _this = this;
+    var container = config.container, pageDom = config.pageDom, imgToPdfOptions = __rest(config, ["container", "pageDom"]);
+    // 找到需要转换的dom
+    var domList;
+    if (typeof pageDom === "string") {
+        domList = container
+            ? container.querySelectorAll(pageDom)
+            : document.body.querySelectorAll(pageDom);
+        domList = Array.from(domList);
+    }
+    else {
+        domList = Array.isArray(pageDom) ? pageDom : [pageDom];
+    }
+    if (domList.length === 0) {
+        return Promise.reject("没有可以导出的元素!");
+    }
+    if (domList.length === 1) {
+        var domItem = domList[0];
+        var dataTitle_1 = domItem.dataset.title || "".concat(dayjs().format("YYYY-MM-DD"), "-1");
+        return domToCanvas(domItem).then(function (canvas) {
+            // 计算canvas的宽度和高度转换为PDF的宽度和高度
+            var canvasWidth = canvas.width;
+            var canvasHeight = canvas.height;
+            return imgToPdf(__assign({ image: canvas, width: canvasWidth, height: canvasHeight, pdfName: dataTitle_1 }, imgToPdfOptions));
+        });
+    }
+    else {
+        var promiseArr_1 = [];
+        domList.forEach(function (domItem, index) {
+            var dataTitle = domItem.dataset.title || "".concat(dayjs().format("YYYY-MM-DD"), "-").concat(index + 1);
+            var item = domToCanvas(domItem).then(function (canvas) { return __awaiter(_this, void 0, void 0, function () {
+                var canvasWidth, canvasHeight, pdf;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            canvasWidth = canvas.width;
+                            canvasHeight = canvas.height;
+                            return [4 /*yield*/, imgToPdf(__assign({ image: canvas, width: canvasWidth, height: canvasHeight, pdfName: dataTitle }, imgToPdfOptions))];
+                        case 1:
+                            pdf = _a.sent();
+                            return [2 /*return*/, pdf];
+                    }
+                });
+            }); });
+            promiseArr_1.push(item);
+        });
+        return Promise.all(promiseArr_1);
+    }
+}
+
+export { htmlToPdf };

package/dist/es/select/hooks.js

@@ -154,7 +154,6 @@ function useInitRemeberCheckedValues(_a) {
             return;
         }
         if (Array.isArray(value)) {
-            console.log(1111);
             var result = value.map(function (v) {
                 var _a, _b;
                 var checked = (_a = defaultCheckedValuesRef.current) === null || _a === void 0 ? void 0 : _a.find(function (item) { return (item === null || item === void 0 ? void 0 : item[dataKey]) === v; });
@@ -165,7 +164,6 @@ function useInitRemeberCheckedValues(_a) {
                 if (current) {
                     return current;
                 }
-                console.log("性能遍历");
                 var item = list === null || list === void 0 ? void 0 : list.find(function (item) {
                     if (!item) {
                         return null;

package/dist/es/table/components/EnhanceBodyCell.js

@@ -35,7 +35,7 @@ var EnhanceCell = function (props) {
     var isCurrentRef = useRef(false);
     // 修改验证状态之一
     var changeCurrentState = useCallback(function (isChange) {
-        console.log("验证开关是否打开", isChange);
+        // console.log("验证开关是否打开", isChange);
         // setIsCurrent(isChange);
         isCurrentRef.current = isChange;
     }, []);

package/dist/es/tree/interface.d.ts

@@ -31,6 +31,10 @@ interface ITreeProps extends TreeProps {
      * 懒加载一次性搜索树属性
      */
     lazySearchTreeData?: TreeProps["treeData"];
+    /**
+     * 是否展示统计
+     */
+    showCount?: boolean;
 }
 interface TreeComponent extends React__default.ForwardRefExoticComponent<ITreeProps & React__default.RefAttributes<unknown>> {
     DirectoryTree: typeof Tree.DirectoryTree;

package/dist/es/tree/tree.js

@@ -8,18 +8,18 @@ import { useBasicInfo, useAllCheckData, useAllDataHandle, useSearchHandle, useLa
 
 var Tree = function (props, ref) {
     var _a;
-    var searchType = props.searchType, onSearch = props.onSearch, className = props.className, style = props.style, treeStyle = props.treeStyle, cssTreeHeight = props.cssTreeHeight, _b = props.searchMode, searchMode = _b === void 0 ? "change" : _b, treeData = props.treeData, lazySearchTreeData = props.lazySearchTreeData, loadData = props.loadData, onCheck = props.onCheck, onSelect = props.onSelect, resetProps = __rest(props, ["searchType", "onSearch", "className", "style", "treeStyle", "cssTreeHeight", "searchMode", "treeData", "lazySearchTreeData", "loadData", "onCheck", "onSelect"]);
+    var searchType = props.searchType, onSearch = props.onSearch, className = props.className, style = props.style, treeStyle = props.treeStyle, cssTreeHeight = props.cssTreeHeight, _b = props.searchMode, searchMode = _b === void 0 ? "change" : _b, treeData = props.treeData, lazySearchTreeData = props.lazySearchTreeData, loadData = props.loadData, onCheck = props.onCheck, onSelect = props.onSelect, _c = props.showCount, showCount = _c === void 0 ? true : _c, resetProps = __rest(props, ["searchType", "onSearch", "className", "style", "treeStyle", "cssTreeHeight", "searchMode", "treeData", "lazySearchTreeData", "loadData", "onCheck", "onSelect", "showCount"]);
     var fieldNames = resetProps.fieldNames, checkedKeys = resetProps.checkedKeys;
     var classes = classNames("ztxk-tree", className, {
         "ztxk-tree--height": cssTreeHeight,
     });
     // 获取基础数据的key值
-    var _c = useBasicInfo({ fieldNames: fieldNames }), valueKey = _c.valueKey, titleKey = _c.titleKey, childrenKey = _c.childrenKey;
-    var _d = useAllCheckData({
+    var _d = useBasicInfo({ fieldNames: fieldNames }), valueKey = _d.valueKey, titleKey = _d.titleKey, childrenKey = _d.childrenKey;
+    var _e = useAllCheckData({
         onCheck: onCheck,
         onSelect: onSelect,
         valueKey: valueKey,
-    }), onCheckHandle = _d.onCheckHandle, onSelectHandle = _d.onSelectHandle, allCompleteData = _d.allCompleteData;
+    }), onCheckHandle = _e.onCheckHandle, onSelectHandle = _e.onSelectHandle, allCompleteData = _e.allCompleteData;
     // 获取拉平数据
     var flatDataList = useAllDataHandle({
         searchType: searchType,
@@ -28,7 +28,7 @@ var Tree = function (props, ref) {
         childrenKey: childrenKey,
         titleKey: titleKey,
     }).flatDataList;
-    var _e = useSearchHandle({
+    var _f = useSearchHandle({
         treeData: treeData,
         flatDataList: flatDataList,
         titleKey: titleKey,
@@ -36,8 +36,8 @@ var Tree = function (props, ref) {
         searchType: searchType,
         onSearch: onSearch,
         searchMode: searchMode,
-    }), onSearchHandle = _e.onSearchHandle, onChangeHandle = _e.onChangeHandle, searchValue = _e.searchValue, expandedKeys = _e.expandedKeys, autoExpandParent = _e.autoExpandParent, onExpand = _e.onExpand;
-    var _f = useLazySearchExpands(lazySearchTreeData), lazySearchExpandedKeys = _f.expandedKeys, lazySearchAutoExpandParent = _f.autoExpandParent, lazySearchOnExpand = _f.onExpand;
+    }), onSearchHandle = _f.onSearchHandle, onChangeHandle = _f.onChangeHandle, searchValue = _f.searchValue, expandedKeys = _f.expandedKeys, autoExpandParent = _f.autoExpandParent, onExpand = _f.onExpand;
+    var _g = useLazySearchExpands(lazySearchTreeData), lazySearchExpandedKeys = _g.expandedKeys, lazySearchAutoExpandParent = _g.autoExpandParent, lazySearchOnExpand = _g.onExpand;
     var showLazySearchTreeData = !!(searchType === "lazy" && searchValue);
     useImperativeHandle(ref, function () {
         return {
@@ -47,7 +47,7 @@ var Tree = function (props, ref) {
             },
         };
     });
-    return (jsxs("div", __assign({ className: classes, style: __assign({ height: cssTreeHeight }, style) }, { children: [searchType ? (jsx(MemoInput.Search, { value: searchValue, onChange: onChangeHandle, onSearch: onSearchHandle })) : null, (props.checkable || props.multiple) && checkedKeys ? (jsxs("div", { children: ["\u5DF2\u9009\u4E2D\uFF1A", checkedKeys
+    return (jsxs("div", __assign({ className: classes, style: __assign({ height: cssTreeHeight }, style) }, { children: [searchType ? (jsx(MemoInput.Search, { value: searchValue, onChange: onChangeHandle, onSearch: onSearchHandle })) : null, (props.checkable || props.multiple) && checkedKeys && showCount ? (jsxs("div", { children: ["\u5DF2\u9009\u4E2D\uFF1A", checkedKeys
                         ? Array.isArray(checkedKeys)
                             ? checkedKeys.length
                             : (_a = checkedKeys.checked) === null || _a === void 0 ? void 0 : _a.length

package/dist/es/watermark/index.d.ts

@@ -0,0 +1,5 @@
+import WatermarkCom from './watermark.js';
+
+
+
+export { WatermarkCom as default };

package/dist/es/watermark/index.js

@@ -0,0 +1,5 @@
+import WatermarkCom from './watermark.js';
+
+
+
+export { WatermarkCom as default };

package/dist/es/watermark/interface.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { IWaterConfig } from 'zmdms-utils/dist/es/water';
+
+interface IWatermark extends IWaterConfig {
+    children?: React__default.ReactNode;
+    className?: string;
+    visible?: boolean;
+}
+interface WatermarkComponent extends React__default.FC<IWatermark> {
+    displayName: string;
+}
+
+export { IWatermark, WatermarkComponent };

package/dist/es/watermark/watermark-div.js

@@ -0,0 +1,67 @@
+import { __rest } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, forwardRef, useRef, useState, useMemo, useImperativeHandle } from 'react';
+import { mergeWaterConfig, createWater } from 'zmdms-utils';
+import { useMutationObserver } from 'ahooks';
+
+var WatermarkDiv = function (props, ref) {
+    props.children; props.className; var waterConfigProps = __rest(props, ["children", "className"]);
+    var _a = mergeWaterConfig(waterConfigProps), zIndex = _a.zIndex, image = _a.image, content = _a.content, width = _a.width, height = _a.height, rotate = _a.rotate, font = _a.font, lineSpacing = _a.lineSpacing;
+    var waterDomRef = useRef(null);
+    var _b = useState(1), num = _b[0], setNum = _b[1];
+    var config = useMemo(function () {
+        // 文本水印
+        if (!image) {
+            var _a = createWater({
+                content: content,
+                width: width,
+                height: height,
+                rotate: rotate,
+                font: font,
+                lineSpacing: lineSpacing,
+            }), imgBase64 = _a.imgBase64, canvasWidth = _a.canvasWidth, canvasHeight = _a.canvasHeight;
+            return {
+                image: imgBase64,
+                width: canvasWidth,
+                height: canvasHeight,
+            };
+        }
+        return {
+            image: image,
+            width: width,
+            height: height,
+        };
+    }, [content, font, height, image, rotate, width, lineSpacing]);
+    useImperativeHandle(ref, function () {
+        return {
+            getWaterDomRef: function () { return waterDomRef.current; },
+            toggleVisible: function () {
+                if (waterDomRef.current) {
+                    waterDomRef.current.style.visibility = "hidden";
+                }
+            },
+        };
+    });
+    useMutationObserver(function (mutationsList) {
+        console.log("触发子级", mutationsList);
+        setNum(function (num) { return num + 1; });
+    }, waterDomRef, {
+        attributes: true,
+    });
+    return (jsx("div", { ref: waterDomRef, className: "ztxk-watermark--div", style: {
+            zIndex: zIndex,
+            position: "absolute",
+            visibility: "visible",
+            left: 0,
+            top: 0,
+            width: "100%",
+            height: "100%",
+            pointerEvents: "none",
+            backgroundRepeat: "repeat",
+            backgroundPosition: "left top",
+            backgroundImage: "url(".concat(config.image, ")"),
+        } }, num));
+};
+var WatermarkDiv$1 = memo(forwardRef(WatermarkDiv));
+
+export { WatermarkDiv$1 as default };

package/dist/es/watermark/watermark.d.ts

@@ -0,0 +1,5 @@
+import { WatermarkComponent } from './interface.js';
+
+declare const WatermarkCom: WatermarkComponent;
+
+export { WatermarkCom as default };