ztxkui 10.0.95 → 10.0.97

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,97 @@
+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';
+import useServiceName from '../../hooks/useServiceName';
+var DownFile = function (_a) {
+    var request = _a.request, tid = _a.tid, fileName = _a.fileName;
+    var _b = (useServiceName() || {}).scmServiceName, scmServiceName = _b === void 0 ? '/zmdms-scm-system' : _b;
+    // 下载类型选择
+    var _c = useState([]), downloadTypeDict = _c[0], setDownloadTypeDict = _c[1];
+    var _d = useState(false), loading = _d[0], setLoading = _d[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" + scmServiceName + "/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,75 @@
+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 useServiceName from '../../hooks/useServiceName';
+import DownFile from './DownFile';
+var PreviewFile = function (_a) {
+    var request = _a.request;
+    var fileBaseUrl = React.useContext(ZtxkContext).fileBaseUrl;
+    var _b = (useServiceName() || {}).scmServiceName, scmServiceName = _b === void 0 ? '/zmdms-scm-system' : _b;
+    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 _c = React.useState(''), translatedUrl = _c[0], setTranslatedUrl = _c[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" + scmServiceName + "/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,247 @@
+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 useServiceName from '../../hooks/useServiceName';
+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 = useServiceName() || {}, _b = _a.scmServiceName, scmServiceName = _b === void 0 ? '/zmdms-scm-system' : _b, _c = _a.mdmServiceName, mdmServiceName = _c === void 0 ? '/zmdms-mdm-data' : _c;
+    var _d = useState(), translationTid = _d[0], setTranslationTid = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var res = useQuery({
+        queryKey: ['translationTypeList'],
+        queryFn: function () {
+            return request({
+                url: "/api" + mdmServiceName + "/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 _f = usePercent({
+        currentTid: currentTid,
+        request: request,
+    }), percent = _f.percent, isTranslating = _f.isTranslating, startTranslate = _f.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" + scmServiceName + "/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" + scmServiceName + "/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;

package/dist/components/TranslationButton/demoComponents/index.js

@@ -0,0 +1,9 @@
+import i18next from 'ztxkutils/dist/i18next';
+import React from 'react';
+import { TranslationButton } from '../../../index';
+import request from '../../../request';
+var Demo = function () {
+    return (React.createElement("div", null,
+        React.createElement(TranslationButton, { request: request, attachId: "8121178081808801831", attachName: i18next.t('现货价格政策功能方案初稿9-27.docx'), tid: "88", previewUrl: "/document-translation-preview" })));
+};
+export default Demo;

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

@@ -0,0 +1,8 @@
+export declare function usePercent({ request, currentTid }: {
+    request: any;
+    currentTid: any;
+}): {
+    startTranslate: () => void;
+    percent: number;
+    isTranslating: boolean;
+};

package/dist/components/TranslationButton/hooks.js

@@ -0,0 +1,143 @@
+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 { useState, useEffect, useRef } from 'react';
+import { message } from 'ztxkui';
+import useServiceName from '../../hooks/useServiceName';
+function getTranslateProgress(request, currentTid, scmServiceName) {
+    return request === null || request === void 0 ? void 0 : request({
+        url: "/api" + scmServiceName + "/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);
+    });
+}
+export function usePercent(_a) {
+    var _this = this;
+    var request = _a.request, currentTid = _a.currentTid;
+    var _b = useState(0), percent = _b[0], setPercent = _b[1];
+    var _c = useState(false), pending = _c[0], setPending = _c[1];
+    var timerRef = useRef();
+    var requestRef = useRef(request);
+    requestRef.current = request;
+    var currentTidRef = useRef(currentTid);
+    currentTidRef.current = currentTid;
+    var _d = (useServiceName() || {}).scmServiceName, scmServiceName = _d === void 0 ? '/zmdms-scm-system' : _d;
+    var scmServiceNameRef = useRef(scmServiceName);
+    scmServiceNameRef.current = scmServiceName;
+    useEffect(function () {
+        return function () {
+            return clearTimeout(timerRef.current);
+        };
+    }, []);
+    useEffect(function () {
+        if (currentTid) {
+            handleTranslateProgress().then(function (isCompleted) {
+                if (!isCompleted) {
+                    queryTranslateProgress();
+                }
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [currentTid]);
+    // 处理翻译进度结果
+    var handleTranslateProgress = function () { return __awaiter(_this, void 0, void 0, function () {
+        var _a, flag, percent;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, getTranslateProgress(requestRef.current, currentTidRef.current, scmServiceNameRef.current)];
+                case 1:
+                    _a = _b.sent(), flag = _a.flag, percent = _a.percent;
+                    setPending(!flag);
+                    setPercent(percent);
+                    return [2 /*return*/, flag];
+            }
+        });
+    }); };
+    // 轮询翻译进度
+    var queryTranslateProgress = function () {
+        timerRef.current = setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+            var isCompleted;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, handleTranslateProgress()];
+                    case 1:
+                        isCompleted = _a.sent();
+                        if (!isCompleted) {
+                            queryTranslateProgress();
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); }, 2000);
+    };
+    function startTranslate() {
+        setPercent(0);
+        setPending(true);
+        queryTranslateProgress();
+    }
+    return {
+        startTranslate: startTranslate,
+        percent: percent,
+        isTranslating: pending,
+    };
+}

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

@@ -0,0 +1,4 @@
+import TranslationButton from './TranslationButton';
+import TranslationPreviewFile from './PreviewFile';
+export { TranslationPreviewFile };
+export default TranslationButton;

package/dist/components/TranslationButton/index.js

@@ -0,0 +1,4 @@
+import TranslationButton from './TranslationButton';
+import TranslationPreviewFile from './PreviewFile';
+export { TranslationPreviewFile };
+export default TranslationButton;