ztxkui 10.0.94 → 10.0.96

package/dist/components/PrintContainer/print-container.js

@@ -85,19 +85,20 @@ var EXPORT_PDF_PAGEFORMATL = [841.89, 595.28]; // [595.28, 641.89]
 var PrintContainer = function (_a) {
     var children = _a.children, waterText = _a.waterText, onFonsizeChange = _a.onFonsizeChange, hiddenClassName = _a.hiddenClassName, _b = _a.isAddExportPage, isAddExportPage = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.pdfName, pdfName = _d === void 0 ? 'pdf文件' : _d, request = _a.request, sealIdList = _a.sealIdList, _e = _a.showHandSeal, showHandSeal = _e === void 0 ? true : _e, _f = _a.showAutoSeal, showAutoSeal = _f === void 0 ? true : _f, _g = _a.needWatermark, needWatermark = _g === void 0 ? 0 : _g, fileId = _a.fileId, deptId = _a.deptId, flowId = _a.flowId, imgWaterBg = _a.imgWaterBg, onPrintCallback = _a.onPrintCallback, showPrintMessage = _a.showPrintMessage, onPrintBeforeCallback = _a.onPrintBeforeCallback, _h = _a.showPrintBtn, showPrintBtn = _h === void 0 ? true : _h, _j = _a.showPluginPrintBtn, showPluginPrintBtn = _j === void 0 ? true : _j, isUseXy = _a.isUseXy, localKey = _a.localKey, _k = _a.showExportBtn, showExportBtn = _k === void 0 ? true : _k, showSetFontBtn = _a.showSetFontBtn, isSetPosition = _a.isSetPosition, // 默认不需要偏移
     showAddSeal = _a.showAddSeal, apiUrl = _a.apiUrl, defaultAddWater = _a.defaultAddWater, fileBaseUrl = _a.fileBaseUrl, ecPrintFn = _a.ecPrintFn, ecPrintCreatePdfHandleAfter = _a.ecPrintCreatePdfHandleAfter, clickCreatePdfHandlePre = _a.clickCreatePdfHandlePre, clickCreatePdfHandleNext = _a.clickCreatePdfHandleNext, handleRef = _a.handleRef, showAboutExport = _a.showAboutExport, isAboutExportSeal = _a.isAboutExportSeal, onAboutExportBeforeCallback = _a.onAboutExportBeforeCallback, showAboutExportMessage = _a.showAboutExportMessage, onAboutExportCallback = _a.onAboutExportCallback, aboutExportZipName = _a.aboutExportZipName, aboutExportAddWater = _a.aboutExportAddWater, buttonRender = _a.buttonRender, isPhone = _a.isPhone, showWaterBtn = _a.showWaterBtn, isNeedSeal = _a.isNeedSeal;
-    var printContainer = React.useContext(ZtxkContext).printContainer;
+    var _l = React.useContext(ZtxkContext), printContainer = _l.printContainer, serviceNames = _l.serviceNames;
+    var _m = (serviceNames || {}).scmServiceName, scmServiceName = _m === void 0 ? '/zmdms-scm-system' : _m;
     if (!(printContainer === null || printContainer === void 0 ? void 0 : printContainer.print)) {
         showHandSeal = false;
         showAutoSeal = false;
     }
-    var _l = useState(false), showWater = _l[0], setShowWater = _l[1];
+    var _o = useState(false), showWater = _o[0], setShowWater = _o[1];
     var containerRef = useRef();
     var allDomRef = useRef();
-    var _m = useState(false), spinning = _m[0], setSpinning = _m[1];
+    var _p = useState(false), spinning = _p[0], setSpinning = _p[1];
     // 确认盖章后，会得到一个合同id 这个之后盖章要用
-    var _o = useState(), currentContractId = _o[0], setCurrentContractId = _o[1];
+    var _q = useState(), currentContractId = _q[0], setCurrentContractId = _q[1];
     // 盖章后会得到一个预览地址，这个地址耀保存,同一个合同id，不能重复盖章接口
-    var _p = useState(), currentViewUrl = _p[0], setCurrentViewUrl = _p[1];
+    var _r = useState(), currentViewUrl = _r[0], setCurrentViewUrl = _r[1];
     var onMouseDown = useMoveImg(containerRef).onMouseDown;
     useEffect(function () {
         try {
@@ -112,12 +113,12 @@ var PrintContainer = function (_a) {
             console.log(err);
         }
     }, [isPhone]);
-    var _q = useGetSealList(request, { deptId: deptId, flowId: flowId }, 
+    var _s = useGetSealList(request, { deptId: deptId, flowId: flowId }, 
     // 这里是否发请求获取印章列表信息逻辑做下改动。
     // 之前只要有自动盖章按钮、手动盖章按钮的时候才发送请求获取印章信息
     // 这里多添加一个条件 如果添加盖章按钮时，也获取印章信息
-    { sealIdList: sealIdList, isFetch: showAutoSeal || showHandSeal || isNeedSeal }), loadSealPromise = _q.loadSealPromise, _sealIdList = _q._sealIdList, autoSealList = _q.autoSealList, sealFileIdList = _q.sealFileIdList, isAutoSeal = _q.isAutoSeal;
-    var _r = useAddSealImg(loadSealPromise, sealFileIdList, apiUrl, onMouseDown), showSeal = _r.showSeal, onAddSeal = _r.onAddSeal, removeSealHandle = _r.removeSealHandle;
+    { sealIdList: sealIdList, isFetch: showAutoSeal || showHandSeal || isNeedSeal }), loadSealPromise = _s.loadSealPromise, _sealIdList = _s._sealIdList, autoSealList = _s.autoSealList, sealFileIdList = _s.sealFileIdList, isAutoSeal = _s.isAutoSeal;
+    var _t = useAddSealImg(loadSealPromise, sealFileIdList, apiUrl, onMouseDown), showSeal = _t.showSeal, onAddSeal = _t.onAddSeal, removeSealHandle = _t.removeSealHandle;
     var fontLoadHandle = useFont(showHandSeal || showAutoSeal || showAboutExport).fontLoadHandle;
     // 关联导出
     var onAboutExportHandle = useAboutExport(isAutoSeal, {
@@ -209,6 +210,7 @@ var PrintContainer = function (_a) {
                                         errorCallback: function () {
                                             setSpinning(false);
                                         },
+                                        scmServiceName: scmServiceName,
                                     });
                                 }
                                 else {
@@ -267,11 +269,11 @@ var PrintContainer = function (_a) {
         });
     }); };
     // 边距调整相关
-    var _s = useState(false), visible = _s[0], setVisible = _s[1];
-    var _t = useState({
+    var _u = useState(false), visible = _u[0], setVisible = _u[1];
+    var _v = useState({
         top: 0,
         left: 0,
-    }), value = _t[0], setValue = _t[1];
+    }), value = _v[0], setValue = _v[1];
     useNeedLodop();
     useInitSetPostion();
     var initDomPosition = useCallback(function () {
@@ -825,7 +827,7 @@ var PrintContainer = function (_a) {
                     formData.append('deptId', deptId);
                 }
                 request({
-                    url: '/api/zmdms-scm-system/seal/confirm-seal-position',
+                    url: "/api" + scmServiceName + "/seal/confirm-seal-position",
                     method: 'POST',
                     data: formData,
                     timeout: 300000,
@@ -872,7 +874,7 @@ var PrintContainer = function (_a) {
         }
         setSpinning(true);
         request({
-            url: '/api/zmdms-scm-system/seal/final-seal',
+            url: "/api" + scmServiceName + "/seal/final-seal",
             method: 'POST',
             data: {
                 contractId: currentContractId,
@@ -969,7 +971,7 @@ var PrintContainer = function (_a) {
                     });
                 }
                 request({
-                    url: '/api/zmdms-scm-system/seal/auto-seal',
+                    url: "/api" + scmServiceName + "/seal/auto-seal",
                     method: 'POST',
                     data: formData,
                     headers: {
@@ -1208,6 +1210,7 @@ var PrintContainer = function (_a) {
                     newStatusArr[i] = 'rejected';
                     resultHandle(i);
                 },
+                scmServiceName: scmServiceName,
             });
         });
     }
@@ -1250,6 +1253,7 @@ var PrintContainer = function (_a) {
                         isPhone: isPhone,
                         fileName: pdfName,
                         apiUrl: apiUrl,
+                        scmServiceName: scmServiceName,
                     });
                 }
                 else {
@@ -1290,6 +1294,7 @@ var PrintContainer = function (_a) {
                         errorCallback: function () {
                             setSpinning(false);
                         },
+                        scmServiceName: scmServiceName,
                     });
                 }
                 else {

package/dist/components/PrintContainer/sealHooks.js

@@ -14,20 +14,22 @@ import { useState, useEffect, useRef, useMemo } from 'react';
 import { createDownloadUrl } from 'ztxkutils/dist/fileOperation';
 import { getCurrentPosition } from './hooks';
 import { message } from '../../index';
+import useServiceName from '../../hooks/useServiceName';
 // 获取印章id方法
 export function useGetSealList(request, params, otherOptions) {
     var deptId = params.deptId, flowId = params.flowId;
     var sealIdList = otherOptions.sealIdList, isFetch = otherOptions.isFetch;
+    var _a = (useServiceName() || {}).scmServiceName, scmServiceName = _a === void 0 ? '/zmdms-scm-system' : _a;
     // 接口请求ref
     var loadSealPromise = useRef(null);
     // 收到盖章-印章列表
-    var _a = useState(), _sealIdList = _a[0], setSealIdList = _a[1];
+    var _b = useState(), _sealIdList = _b[0], setSealIdList = _b[1];
     // 自动盖章-印章列表
-    var _b = useState(), autoSealList = _b[0], setAutoSealList = _b[1];
+    var _c = useState(), autoSealList = _c[0], setAutoSealList = _c[1];
     // 印章id
-    var _c = useState(), sealFileIdList = _c[0], setSealFileIdList = _c[1];
+    var _d = useState(), sealFileIdList = _d[0], setSealFileIdList = _d[1];
     // 是否拥有印章
-    var _d = useState(false), hasSeal = _d[0], setHasSeal = _d[1];
+    var _e = useState(false), hasSeal = _e[0], setHasSeal = _e[1];
     // 根据传入参数设置印章 关键字
     useEffect(function () {
         if (sealIdList) {
@@ -38,7 +40,7 @@ export function useGetSealList(request, params, otherOptions) {
     useEffect(function () {
         if (deptId && flowId && request && isFetch) {
             loadSealPromise.current = request({
-                url: '/api/zmdms-scm-system/flowdeptseal/select-seal-info-list',
+                url: "/api" + scmServiceName + "/flowdeptseal/select-seal-info-list",
                 method: 'GET',
                 params: {
                     size: 200,
@@ -80,7 +82,7 @@ export function useGetSealList(request, params, otherOptions) {
                 message.error(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || '获取印章失败！');
             });
         }
-    }, [request, deptId, flowId, isFetch]);
+    }, [request, deptId, flowId, isFetch, scmServiceName]);
     // 是否能自动盖章
     var isAutoSeal = useMemo(function () {
         // 如果没有传入 流程id 那么说明也不需要盖章

package/dist/components/PrintContainer/service.d.ts

@@ -11,6 +11,7 @@ export declare function autoSealThenDownloadFilesHandle(request: any, formData:
     isPhone?: boolean;
     fileName?: string;
     apiUrl?: string;
+    scmServiceName?: string;
 }): any;
 /**
  * 自动盖章下载盖章件

package/dist/components/PrintContainer/service.js

@@ -57,9 +57,9 @@ function createDownloadUrl(apiUrl, fileId, otherOptions) {
  * @params formData: any 请求参数
  */
 export function autoSealThenDownloadFilesHandle(request, formData, options) {
-    var sucessCallback = options.sucessCallback, errorCallback = options.errorCallback, loadingCallback = options.loadingCallback, isPhone = options.isPhone, _a = options.apiUrl, apiUrl = _a === void 0 ? window.location.origin : _a, kkFileName = options.fileName;
+    var sucessCallback = options.sucessCallback, errorCallback = options.errorCallback, loadingCallback = options.loadingCallback, isPhone = options.isPhone, _a = options.apiUrl, apiUrl = _a === void 0 ? window.location.origin : _a, kkFileName = options.fileName, _b = options.scmServiceName, scmServiceName = _b === void 0 ? '/zmdms-scm-system' : _b;
     return request({
-        url: '/api/zmdms-scm-system/seal/auto-seal-then-download-files',
+        url: "/api" + scmServiceName + "/seal/auto-seal-then-download-files",
         method: 'POST',
         data: formData,
         headers: {

package/dist/components/TranslationButton/DownFile.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const DownFile: ({ request, tid, fileName }: {
+    request: any;
+    tid: any;
+    fileName: any;
+}) => JSX.Element;
+export default DownFile;

package/dist/components/TranslationButton/DownFile.js

@@ -0,0 +1,95 @@
+import i18next from 'ztxkutils/dist/i18next';
+import React, { useState, useCallback, useEffect } from 'react';
+import { DownloadOutlined } from '@ant-design/icons';
+import { Button, Dropdown, Menu, message } from '../../index';
+var DownFile = function (_a) {
+    var request = _a.request, tid = _a.tid, fileName = _a.fileName;
+    // 下载类型选择
+    var _b = useState([]), downloadTypeDict = _b[0], setDownloadTypeDict = _b[1];
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    // 获取下载类型字典
+    var getDownloadTypeDict = useCallback(function () {
+        return request === null || request === void 0 ? void 0 : request({
+            url: "/api/zmdms-system/dict/dictionary",
+            method: 'GET',
+            params: {
+                code: 'fy_file_type',
+            },
+        }).then(function (res) {
+            var _a;
+            if (res.status === 200 && res.data.data) {
+                setDownloadTypeDict((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data);
+            }
+        });
+    }, [request]);
+    useEffect(function () {
+        getDownloadTypeDict();
+    }, [getDownloadTypeDict]);
+    var download = function (dType) {
+        setLoading(true);
+        request({
+            url: "/api/zmdms-resource/fanyi/download-trans-file",
+            method: 'GET',
+            responseType: 'blob',
+            params: {
+                dtype: dType,
+                tid: tid,
+                fileName: fileName,
+            },
+        })
+            .then(function (res) {
+            try {
+                var blob = new Blob([res.data], {
+                    type: 'application/vnd.ms-excel',
+                });
+                if (blob.size < 1) {
+                    message.warning(i18next.t('下载失败，下载的内容为空！'));
+                    return;
+                }
+                var aLink = document.createElement('a');
+                aLink.style.display = 'none';
+                var href = window.URL.createObjectURL(blob);
+                aLink.href = href;
+                aLink.download = fileName;
+                document.body.appendChild(aLink);
+                aLink.click();
+                document.body.removeChild(aLink);
+                window.URL.revokeObjectURL(href);
+                return new File([blob], fileName);
+            }
+            catch (err) {
+                console.error(err);
+            }
+        })
+            .catch(function (err) {
+            var _a, _b, _c;
+            console.log(err);
+            try {
+                var blobData = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data;
+                blobData
+                    .text()
+                    .then(function (data) {
+                    var result = JSON.parse(data);
+                    message.error((result === null || result === void 0 ? void 0 : result.msg) || i18next.t('接口调用失败！'));
+                })
+                    .catch(function () {
+                    var _a, _b;
+                    message.error(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || i18next.t('接口调用失败！'));
+                });
+            }
+            catch (e) {
+                message.error(((_c = (_b = err === null || err === void 0 ? void 0 : err.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.msg) || i18next.t('接口调用失败！'));
+            }
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    };
+    return (React.createElement(Dropdown, { overlay: function () { return (React.createElement(Menu, { onClick: function (e) {
+                download(e.key);
+            } }, downloadTypeDict.map(function (item) {
+            return React.createElement(Menu.Item, { key: item.dictKey }, item.dictValue);
+        }))); }, placement: "bottomLeft" },
+        React.createElement(Button, { type: "primary", shape: "circle", icon: React.createElement(DownloadOutlined, null), size: 'small', loading: loading })));
+};
+export default DownFile;

package/dist/components/TranslationButton/PreviewFile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const PreviewFile: ({ request }: {
+    request: any;
+}) => JSX.Element;
+export default PreviewFile;

package/dist/components/TranslationButton/PreviewFile.js

@@ -0,0 +1,73 @@
+import i18next from 'ztxkutils/dist/i18next';
+import React from 'react';
+import { createOriginalUrl } from 'ztxkutils/dist/fileOperation';
+import { dangerouslySetXss } from 'ztxkutils/dist/tools';
+import { ZtxkContext } from '../../index';
+import DownFile from './DownFile';
+var PreviewFile = function (_a) {
+    var request = _a.request;
+    var fileBaseUrl = React.useContext(ZtxkContext).fileBaseUrl;
+    var params = new URLSearchParams(window.location.search);
+    var oldId = params.get('oldId');
+    var tid = params.get('tid');
+    var fileName = params.get('fileName') || '';
+    try {
+        fileName = decodeURIComponent(fileName);
+    }
+    catch (error) {
+        fileName = dangerouslySetXss(fileName);
+        console.error(i18next.t('解码文件名失败:'), error);
+    }
+    var _b = React.useState(''), translatedUrl = _b[0], setTranslatedUrl = _b[1];
+    var oldUrl = React.useMemo(function () {
+        if (oldId) {
+            return createOriginalUrl(fileBaseUrl, oldId, {
+                titleName: dangerouslySetXss(fileName || ''),
+            });
+        }
+        return '';
+    }, [fileBaseUrl, oldId, fileName]);
+    React.useEffect(function () {
+        if (tid) {
+            request({
+                url: "/api/zmdms-resource/fanyi/download-trans-file-id",
+                method: 'get',
+                params: {
+                    tid: tid,
+                    dtype: 3,
+                    fileName: fileName,
+                },
+            })
+                .then(function (res) {
+                setTranslatedUrl(createOriginalUrl(fileBaseUrl, res.data.data.attachId, {
+                    titleName: res.data.data.originalName,
+                }));
+            })
+                .catch(function (error) {
+                console.error(i18next.t('获取翻译文件失败:'), error);
+            });
+        }
+    }, [tid, fileBaseUrl, fileName, request]);
+    return (React.createElement("div", { style: {
+            display: 'flex',
+            width: '100%',
+            height: '100vh',
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+        } },
+        React.createElement("iframe", { style: { width: '100%', height: '100%', border: '2px solid #333' }, src: oldUrl, title: i18next.t('原文档') }),
+        React.createElement("div", { style: { width: '5px', height: '100px' } }),
+        React.createElement("div", { style: {
+                position: 'relative',
+                width: '100%',
+                border: '2px solid #333',
+            } },
+            React.createElement("iframe", { style: { width: '100%', height: '100%' }, src: translatedUrl, title: i18next.t('翻译文档') }),
+            React.createElement("div", { style: {
+                    position: 'absolute',
+                    right: '20px',
+                    bottom: '50%',
+                } },
+                React.createElement(DownFile, { request: request, tid: tid, fileName: fileName })))));
+};
+export default PreviewFile;

package/dist/components/TranslationButton/TranslationButton.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ButtonProps } from 'antd/lib/button';
+export interface IProps extends ButtonProps {
+    /**
+     * 附件id 需要翻译的附件id
+     */
+    attachId?: string;
+    /**
+     * 附件名 需要翻译的附件名
+     */
+    attachName?: string;
+    /**
+     * 翻译后的任务ID 用来检测翻译是否完成 用来获取翻译后的文件
+     */
+    tid?: string;
+    /**
+     * 请求方法
+     */
+    request?: any;
+    /**
+     * 开始翻译的其他参数
+     */
+    translationParams?: any;
+    /**
+     * tid改变
+     */
+    tidChange?: (tid: string) => void;
+    /**
+     * 文件预览路径
+     */
+    previewUrl: string;
+}
+declare const TranslationButton: React.FC<IProps>;
+export default TranslationButton;

package/dist/components/TranslationButton/TranslationButton.js

@@ -0,0 +1,245 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import i18next from 'ztxkutils/dist/i18next';
+import React, { useState, useMemo } from 'react';
+import { unstable_batchedUpdates } from 'react-dom';
+import { Button, message, Dropdown, Menu, Progress } from '../../index';
+import { usePercent } from './hooks';
+import { useQuery } from 'react-query';
+var translationTypeList = [
+    { dictKey: '2', dictValue: i18next.t('英文转中文') },
+    { dictKey: '1', dictValue: i18next.t('中文转英文') },
+];
+var TranslationButton = function (props) {
+    var attachId = props.attachId, tid = props.tid, request = props.request, translationParams = props.translationParams, tidChange = props.tidChange;
+    var _a = useState(), translationTid = _a[0], setTranslationTid = _a[1];
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var res = useQuery({
+        queryKey: ['translationTypeList'],
+        queryFn: function () {
+            return request({
+                url: "/api/zmdms-mdm-data/dict-biz/dictionary",
+                method: 'GET',
+                params: { code: 'zsk_term_library_id' },
+            });
+        },
+    }).data;
+    var libraryMap = useMemo(function () {
+        var _a;
+        return (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) || []).reduce(function (acc, item) {
+            acc[item.dictKey] = item.dictValue;
+            return acc;
+        }, {});
+    }, [res]);
+    // 翻译状态 当没有tid的时候 是 开始状态 start
+    // 有tid的时候 调用接口判断是否 是翻译中 然后下载
+    var currentTid = useMemo(function () {
+        return translationTid || tid;
+    }, [translationTid, tid]);
+    var translationStatus = useMemo(function () {
+        return currentTid ? 'pending' : 'start';
+    }, [currentTid]);
+    var _c = usePercent({
+        currentTid: currentTid,
+        request: request,
+    }), percent = _c.percent, isTranslating = _c.isTranslating, startTranslate = _c.startTranslate;
+    /**
+     * @param translationType 翻译转换规则
+     */
+    var handleStartTranslation = function (translationType) {
+        var translationResultType = {
+            from: 'zh',
+            to: 'en',
+        };
+        switch (translationType) {
+            case '1':
+                translationResultType = {
+                    from: 'zh',
+                    to: 'en',
+                };
+                break;
+            case '2':
+                translationResultType = {
+                    from: 'en',
+                    to: 'zh',
+                };
+                break;
+        }
+        setLoading(true);
+        // 翻译文件
+        request({
+            url: "/api/zmdms-resource/fanyi/upload-orgin-files",
+            method: 'POST',
+            data: __assign(__assign({ attachId: attachId, bilingualControl: 0, termLibraryId: (translationParams === null || translationParams === void 0 ? void 0 : translationParams.termLibraryKey)
+                    ? libraryMap[translationParams === null || translationParams === void 0 ? void 0 : translationParams.termLibraryKey]
+                    : libraryMap['DEFAULT'] }, translationParams), translationResultType),
+        })
+            .then(function (res) {
+            if (res.status === 200) {
+                unstable_batchedUpdates(function () {
+                    var _a, _b, _c, _d;
+                    setLoading(false);
+                    setTranslationTid((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.tid);
+                    tidChange === null || tidChange === void 0 ? void 0 : tidChange((_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.tid);
+                    startTranslate();
+                });
+            }
+            else {
+                setLoading(false);
+            }
+        })
+            .catch(function (err) {
+            var _a, _b;
+            message.error(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || i18next.t('接口调用失败！'));
+            setLoading(false);
+        });
+    };
+    var handleDownloadTranslation = function () {
+        // 翻译前 先判断下是否翻译完成
+        setLoading(true);
+        if (currentTid) {
+            loopProgress();
+        }
+        else {
+            message.info(i18next.t('没有 找到任务id!'));
+            setLoading(false);
+        }
+        function loopProgress() {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, flag, percent_1, title, docType, fileName, err_1;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _b.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, getTranslateProgress()];
+                        case 1:
+                            _a = _b.sent(), flag = _a.flag, percent_1 = _a.percent, title = _a.title, docType = _a.docType;
+                            if (flag) {
+                                setLoading(false);
+                                fileName = encodeURIComponent(title + '.' + docType);
+                                window.open(props.previewUrl + "?hideFrame=true&tid=" + currentTid + "&oldId=" + attachId + "&fileName=" + fileName);
+                                // download(dType);
+                            }
+                            else {
+                                message.warning(i18next.t('当前翻译进度{{percent}}%', { percent: percent_1 }));
+                                setLoading(false);
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            err_1 = _b.sent();
+                            setLoading(false);
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        function getTranslateProgress() {
+            return request === null || request === void 0 ? void 0 : request({
+                url: "/api/zmdms-resource/fanyi/query-trans-progress/" + currentTid,
+                method: 'GET',
+            }).then(function (res) {
+                var _a, _b, _c, _d, _e;
+                if (res.status === 200) {
+                    var status_1 = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.status;
+                    if (status_1 === 314) {
+                        return Promise.resolve(__assign({ flag: true }, (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.data));
+                    }
+                }
+                return Promise.resolve({
+                    flag: false,
+                    percent: Number((_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.percent),
+                });
+            }).catch(function (err) {
+                var _a, _b;
+                message.error(((_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msg) || i18next.t('接口调用失败！'));
+                return Promise.reject(false);
+            });
+        }
+    };
+    var renderTranslationDropdown = function (title) {
+        return (React.createElement(Dropdown, { overlay: function () { return (React.createElement(Menu, { onClick: function (e) {
+                    handleStartTranslation(e.key);
+                } }, translationTypeList.map(function (item) { return (React.createElement(Menu.Item, { key: item.dictKey }, item.dictValue)); }))); }, placement: "bottomLeft" },
+            React.createElement(Button, { type: "link", loading: loading }, title)));
+    };
+    switch (translationStatus) {
+        case 'start':
+            return renderTranslationDropdown(i18next.t('翻译文件'));
+        case 'pending':
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Button, { type: "link", loading: loading, onClick: handleDownloadTranslation, disabled: isTranslating }, i18next.t('查看译文')),
+                isTranslating && (React.createElement(Progress, { type: "circle", percent: percent, width: 35 })),
+                !isTranslating && renderTranslationDropdown(i18next.t('重译'))));
+        // case 'down':
+        //   return (
+        //     <Dropdown
+        //       overlay={() => (
+        //         <Menu
+        //           onClick={(e) => {
+        //             handleDownloadTranslation(e.key);
+        //           }}
+        //         >
+        //           {downloadTypeDict.map((item) => {
+        //             return (
+        //               <Menu.Item key={item.dictKey}>{item.dictValue}</Menu.Item>
+        //             );
+        //           })}
+        //         </Menu>
+        //       )}
+        //       placement="bottomLeft"
+        //     >
+        //       <Button type="link" loading={loading}>
+        //         下载
+        //       </Button>
+        //     </Dropdown>
+        //   );
+    }
+    return React.createElement(React.Fragment, null);
+};
+export default TranslationButton;

package/dist/components/TranslationButton/demoComponents/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo: React.FC;
+export default Demo;