zmdms-webui 2.7.9 → 2.8.1

package/dist/es/config/ZtxkContext.d.ts

@@ -38,6 +38,14 @@ interface IZtxkConfig {
      * 动态列模态框是否默认开启搜索功能
      */
     enableDynamicColumnSearch?: boolean;
+    /**
+     * 翻译预览路由 翻译组件使用
+     */
+    translationPreviewRoute?: string;
+    /**
+     * 是否给所有附件默认开启翻译按钮功能
+     */
+    enableTranslationButton?: boolean;
 }
 declare const ZtxkContext: React__default.Context<IZtxkConfig>;
 

package/dist/es/config/ZtxkContext.js

@@ -9,6 +9,8 @@ var ztxkConfig = {
     customConfigFetch: undefined,
     enableCommonSearch: false,
     enableDynamicColumnSearch: false,
+    translationPreviewRoute: "",
+    enableTranslationButton: false,
 };
 var ZtxkContext = React__default.createContext(ztxkConfig);
 

package/dist/es/config/utils.js

@@ -0,0 +1,13 @@
+/**
+ * 全局默认值 与 组件默认值之间取值逻辑
+ * 1. 如果组件没有传入值，则取全局默认值
+ * 2. 如果组件传入了值，则取组件传入的值
+ * @param globalDefault 全局默认值
+ * @param componentValue 组件传入的值
+ * @returns 最终取值
+ */
+function getFinalValue(globalDefault, componentValue) {
+    return componentValue !== null && componentValue !== void 0 ? componentValue : globalDefault;
+}
+
+export { getFinalValue };

package/dist/es/form/form.js

@@ -12,6 +12,7 @@ import Toggle from './toggle.js';
 import '../config/ZtxkContext.js';
 import useBaseContext from '../config/useBaseContext.js';
 import '../config/MyStorage.js';
+import { getFinalValue } from '../config/utils.js';
 import CommonSearchList from './common-search-list.js';
 import { COMMON_SEARCH_KEY, useCommonSearch, useCommonSearchModal } from './useCommonSearch.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
@@ -31,8 +32,8 @@ var Form = function (props, ref) {
     var enableCommonSearch = useBaseContext().enableCommonSearch;
     // 是否开启常用搜索
     // 如果全局开启了默认添加，那么只要没有单独配置关闭，都认为需要打开
-    var isCommonSearchEnabled = rightWrapVisible &&
-        (enableCommonSearch ? isCommonSearch !== false : !!isCommonSearch);
+    var isCommonSearchEnabled = rightWrapVisible && getFinalValue(enableCommonSearch, isCommonSearch);
+    // (enableCommonSearch ? isCommonSearch !== false : !!isCommonSearch);
     // 常用搜索hooks
     var _b = useCommonSearch({
         commonSearchKey: dynamicKey || window.location.pathname,

package/dist/es/select/select.js

@@ -120,7 +120,25 @@ var Select = function (props, ref) {
      */
     var filterOptionHandle = function (input, option) {
         var text = textContent(option === null || option === void 0 ? void 0 : option.children);
-        return (text === null || text === void 0 ? void 0 : text.toLowerCase().indexOf(input.toLowerCase().trim())) >= 0;
+        // 实现简易的分词查询逻辑
+        // 用空格分隔input
+        var inputList = input.split(" ").filter(function (item) { return item.trim() !== ""; });
+        // 遍历匹配
+        var isMatch = true;
+        var currentSearchText = text;
+        for (var i = 0; i < inputList.length; i++) {
+            var item = inputList[i];
+            // 找到上一个字符
+            var currentIndex = currentSearchText === null || currentSearchText === void 0 ? void 0 : currentSearchText.toLowerCase().indexOf(item.toLowerCase().trim());
+            if (currentIndex < 0) {
+                isMatch = false;
+                break;
+            }
+            // 重新赋值
+            currentSearchText = currentSearchText === null || currentSearchText === void 0 ? void 0 : currentSearchText.substring(currentIndex + item.length);
+        }
+        return isMatch;
+        // return text?.toLowerCase().indexOf(input.toLowerCase().trim()) >= 0;
     };
     return (jsx(Select$1, __assign({ defaultValue: showAll ? "" : undefined, showArrow: true, allowClear: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle, 
         // 显示问题

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

@@ -2,9 +2,9 @@ import { __assign } from '../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo, useEffect, useState } from 'react';
 import { useLatest } from 'ahooks';
-import myMessage from '../../message/index.js';
 import Input from '../../input/input.js';
 import ButtonCom from '../../button/button.js';
+import myMessage from '../../message/index.js';
 import { Checkbox, Tooltip } from 'antd';
 import QuestionCircleOutlined from '../../node_modules/@ant-design/icons/es/icons/QuestionCircleOutlined.js';
 
@@ -12,12 +12,16 @@ import QuestionCircleOutlined from '../../node_modules/@ant-design/icons/es/icon
  * 列头过滤组件
  */
 var FilterDropdown = function (props) {
-    var dataSource = props.dataSource, filterKey = props.filterKey, filterSearchValue = props.filterSearchValue, filterSearchValueChange = props.filterSearchValueChange, defaultFilterSearchValue = props.defaultFilterSearchValue, filterSearchCheckboxValue = props.filterSearchCheckboxValue, defaultFilterSearchCheckboxValue = props.defaultFilterSearchCheckboxValue, filterSearchCheckboxValueChange = props.filterSearchCheckboxValueChange, setSelectedKeys = props.setSelectedKeys, confirm = props.confirm, clearFilters = props.clearFilters, searchValueInputRef = props.searchValueInputRef, onFilterChange = props.onFilterChange;
+    var dataSource = props.dataSource, filterKey = props.filterKey, filterSearchValue = props.filterSearchValue, filterSearchValueChange = props.filterSearchValueChange, defaultFilterSearchValue = props.defaultFilterSearchValue, filterSearchCheckboxValue = props.filterSearchCheckboxValue, defaultFilterSearchCheckboxValue = props.defaultFilterSearchCheckboxValue, filterSearchCheckboxValueChange = props.filterSearchCheckboxValueChange, setSelectedKeys = props.setSelectedKeys, confirm = props.confirm, clearFilters = props.clearFilters, searchValueInputRef = props.searchValueInputRef, onFilterChange = props.onFilterChange, column = props.column;
+    var columnRef = useLatest(column);
     var lastSetSelectedKeys = useLatest(setSelectedKeys);
     // 当前可选的数据
     var currentData = useMemo(function () {
-        return getDataByKey(dataSource, filterKey);
-    }, [dataSource, filterKey]);
+        return getDataByKey(dataSource, {
+            key: filterKey,
+            column: columnRef.current,
+        });
+    }, [dataSource, filterKey, columnRef]);
     // 过滤输入框 input输入值
     var _a = useControlled(props, {
         value: filterSearchValue,
@@ -75,21 +79,33 @@ var FilterDropdown = function (props) {
                 }) })), jsxs("div", __assign({ className: "ztxk-table--filter__btn-container" }, { children: [jsxs(ButtonCom, __assign({ type: "primary", onClick: onSearchHand }, { children: ["\u641C\u7D22", jsx(Tooltip, __assign({ placement: "bottomLeft", title: "\u5BF9\u4E8E\u6570\u5B57\u5217\u53EF\u4EE5\u5C1D\u8BD5\u8F93\u5165\u4E00\u4E9B\u8868\u8FBE\u5F0F: $0 + 1 > 2\u3001 >= 10\u3001 $0 + 1 == 2" }, { children: jsx(QuestionCircleOutlined, {}) }))] })), jsx(ButtonCom, __assign({ onClick: onResetHand }, { children: "\u91CD\u7F6E" }))] }))] })));
 };
 // 获取数据
-function getDataByKey(data, key) {
+function getDataByKey(data, options) {
+    var key = options.key, column = options.column;
     if (!Array.isArray(data)) {
         return [];
     }
     if (typeof key !== "string") {
         return [];
     }
-    var newArr = data.map(function (item) {
-        var _a;
-        return (_a = item[key]) !== null && _a !== void 0 ? _a : "";
+    // const newArr = data.map((item) => {
+    //   return item[key] ?? "";
+    // });
+    // 将render中的结果作为字段返回
+    var newArr = data.map(function (item, itemIndex) {
+        var _a, _b;
+        try {
+            var renderResult = (_a = column === null || column === void 0 ? void 0 : column.render) === null || _a === void 0 ? void 0 : _a.call(column, item[key], item, itemIndex);
+            if (typeof renderResult === "string") {
+                return renderResult;
+            }
+        }
+        catch (err) { }
+        return (_b = item[key]) !== null && _b !== void 0 ? _b : "";
     });
     // 记录出现次数
     var resultArr = [];
     newArr
-        .filter(function (item) { return item !== ""; })
+        .filter(function (item) { return item !== "" && typeof item !== "object"; })
         .forEach(function (item) {
         var index = resultArr.findIndex(function (i) { return i.value === item; });
         if (index === -1) {
@@ -142,10 +158,24 @@ var isMessage = false;
  * @param key 过滤的key
  * @returns
  */
-function filterHandle(value, record, key) {
+function filterHandle(value, record, key, options) {
     var _a, _b, _c, _d;
+    var _e = options || {}, column = _e.column, _f = _e.recordIndex, recordIndex = _f === void 0 ? 0 : _f;
     var newValue = ((_b = (_a = value === null || value === void 0 ? void 0 : value.toString) === null || _a === void 0 ? void 0 : _a.call(value)) === null || _b === void 0 ? void 0 : _b.trim()) || null;
+    // const currentValue = record && key ? record[key] : null;
     var currentValue = record && key ? record[key] : null;
+    if (column === null || column === void 0 ? void 0 : column.render) {
+        try {
+            var rel = column.render(currentValue, record, recordIndex);
+            if (typeof rel === "string") {
+                currentValue = rel;
+            }
+        }
+        catch (error) {
+            console.log(error);
+            currentValue = record && key ? record[key] : null;
+        }
+    }
     // 如果命中空值的话 能正常查出空值
     if (newValue === NULL_SIGN &&
         record &&

package/dist/es/table/hooks.js

@@ -1,6 +1,6 @@
 import { __assign, __spreadArray } from '../_virtual/_tslib.js';
 import { useCallback, useRef, useState, useEffect, useMemo } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import { useMemoizedFn, useLatest } from 'ahooks';
 import update from '../node_modules/immutability-helper/index.js';
 import { getInnerIndex } from './useInnerPagination.js';
 import { flattenRecordsOptimized } from './utils.js';
@@ -596,38 +596,52 @@ function useMergeAddAndDel(_a) {
 /**
  * 自定义处理过滤逻辑
  */
-function useCustomFilter(dataSource) {
+function useCustomFilter(dataSource, _newColumns) {
     var _a = useState(), filterConfig = _a[0], setFilterConfig = _a[1];
+    var columnsRef = useLatest(_newColumns);
     var newDataSource = useMemo(function () {
         if (!filterConfig)
             return dataSource;
-        return dataSource.filter(function (item) {
+        return dataSource.filter(function (item, index) {
+            var _a, _b;
             var keys = Object.keys(filterConfig);
-            for (var i = 0; i < keys.length; i++) {
+            var _loop_1 = function (i) {
                 var key = keys[i];
+                var column = (_b = (_a = columnsRef.current) === null || _a === void 0 ? void 0 : _a.find) === null || _b === void 0 ? void 0 : _b.call(_a, function (col) { return (col === null || col === void 0 ? void 0 : col.key) === key || (col === null || col === void 0 ? void 0 : col.dataIndex) === key; });
                 var filter = filterConfig[key];
                 if (filter.input) {
-                    if (!filterHandle(filter.input, item, key)) {
-                        return false;
+                    if (!filterHandle(filter.input, item, key, {
+                        column: column,
+                        recordIndex: index,
+                    })) {
+                        return { value: false };
                     }
                 }
                 if (filter.checkbox && filter.checkbox.length > 0) {
                     var flag = false;
-                    for (var _a = 0, _b = filter.checkbox; _a < _b.length; _a++) {
-                        var value = _b[_a];
-                        if (filterHandle(value, item, key)) {
+                    for (var _c = 0, _d = filter.checkbox; _c < _d.length; _c++) {
+                        var value = _d[_c];
+                        if (filterHandle(value, item, key, {
+                            column: column,
+                            recordIndex: index,
+                        })) {
                             flag = true;
                             break;
                         }
                     }
                     if (!flag) {
-                        return false;
+                        return { value: false };
                     }
                 }
+            };
+            for (var i = 0; i < keys.length; i++) {
+                var state_1 = _loop_1(i);
+                if (typeof state_1 === "object")
+                    return state_1.value;
             }
             return true;
         });
-    }, [dataSource, filterConfig]);
+    }, [dataSource, filterConfig, columnsRef]);
     var handleFilterConfigChange = useMemoizedFn(function (value) {
         setFilterConfig(function (oldValue) {
             return __assign(__assign({}, oldValue), value);

package/dist/es/table/table.js

@@ -133,7 +133,7 @@ var Table = function (props) {
         filterConfigRef: filterConfigRef,
     });
     // 表格内部自定义处理过滤，不走antd内部
-    var _w = useCustomFilter(currentTableDataSource), filterDataSource = _w[0], handleFilterConfigChange = _w[1];
+    var _w = useCustomFilter(currentTableDataSource, columns), filterDataSource = _w[0], handleFilterConfigChange = _w[1];
     // 处理列配置信息 得到新的列配置信息
     var _x = useColumns(columns, {
         // 动态列配置相关信息

package/dist/es/table/useColumns.js

@@ -138,7 +138,7 @@ function useColumns(columns, options) {
                         else {
                             onCurrentListChange === null || onCurrentListChange === void 0 ? void 0 : onCurrentListChange(newList);
                         }
-                    } }));
+                    }, column: _column }));
             };
             // 持久化
             if (isRemeberFilter) {
@@ -152,7 +152,23 @@ function useColumns(columns, options) {
             // 自动合并单元格的情况下，不进行内部过滤
             if (!isAutoMerge) {
                 _column.onFilter = function (value, record) {
-                    return filterHandle(value, record, _key);
+                    var _a;
+                    // 根据record，取到表格数据的索引
+                    var recordIndex = 0;
+                    try {
+                        recordIndex = (_a = dataSourceRef.current) === null || _a === void 0 ? void 0 : _a.findIndex(function (item) {
+                            var key = typeof rowKey === "string" ? rowKey : rowKey === null || rowKey === void 0 ? void 0 : rowKey(item);
+                            if (typeof key !== "string") {
+                                return false;
+                            }
+                            return item[key] === record[key];
+                        });
+                    }
+                    catch (err) { }
+                    return filterHandle(value, record, _key, {
+                        column: _column,
+                        recordIndex: recordIndex !== null && recordIndex !== void 0 ? recordIndex : 0,
+                    });
                 };
             }
             _column.onFilterDropdownOpenChange = function (visible) {

package/dist/es/translationbutton/DownFile.js

@@ -0,0 +1,103 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import ButtonCom from '../button/button.js';
+import myMessage from '../message/index.js';
+import { Dropdown } from 'antd';
+import DownloadOutlined from '../node_modules/@ant-design/icons/es/icons/DownloadOutlined.js';
+
+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) {
+                    myMessage.warning("下载失败，下载的内容为空！");
+                    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);
+                    myMessage.error((result === null || result === void 0 ? void 0 : result.msg) || "接口调用失败！");
+                })
+                    .catch(function () {
+                    var _a, _b;
+                    myMessage.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) || "接口调用失败！");
+                });
+            }
+            catch (e) {
+                myMessage.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) || "接口调用失败！");
+            }
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    };
+    var items = downloadTypeDict.map(function (item) {
+        return {
+            label: (jsx("div", __assign({ onClick: function (e) {
+                    download(item.dictKey);
+                } }, { children: item.dictValue }))),
+            value: item.dictKey,
+        };
+    });
+    return (jsx(Dropdown, __assign({ menu: { items: items }, placement: "bottomLeft" }, { children: jsx(ButtonCom, { type: "primary", shape: "circle", icon: jsx(DownloadOutlined, {}), size: "small", loading: loading }) })));
+};
+
+export { DownFile as default };

package/dist/es/translationbutton/PreviewFile.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const PreviewFile: () => react_jsx_runtime.JSX.Element;
+
+export { PreviewFile as default };

package/dist/es/translationbutton/PreviewFile.js

@@ -0,0 +1,63 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { createOriginalLink } from 'zmdms-utils';
+import DownFile from './DownFile.js';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import '../config/MyStorage.js';
+
+var PreviewFile = function () {
+    var _a = useBaseContext(), request = _a.request, fileBaseUrl = _a.fileBaseUrl;
+    var params = new URLSearchParams(window.location.search);
+    var oldId = params.get("oldId");
+    var tid = params.get("tid");
+    var fileName = decodeURIComponent(params.get("fileName") || "");
+    var _b = React__default.useState(""), translatedUrl = _b[0], setTranslatedUrl = _b[1];
+    var oldUrl = React__default.useMemo(function () {
+        if (oldId) {
+            return createOriginalLink(oldId, fileName, {
+                API_BASEURL: fileBaseUrl,
+            });
+        }
+        return "";
+    }, [oldId, fileName, fileBaseUrl]);
+    React__default.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(createOriginalLink(res.data.data.attachId, res.data.data.originalName, {
+                    API_BASEURL: fileBaseUrl,
+                }));
+            })
+                .catch(function (error) {
+                console.error("获取翻译文件失败:", error);
+            });
+        }
+    }, [tid, fileName, request, fileBaseUrl]);
+    return (jsxs("div", __assign({ style: {
+            display: "flex",
+            width: "100%",
+            height: "100vh",
+            justifyContent: "space-between",
+            overflow: "hidden",
+        } }, { children: [jsx("iframe", { style: { width: "100%", height: "100%", border: "2px solid #333" }, src: oldUrl, title: "原文档" }), jsx("div", { style: { width: "5px", height: "100px" } }), jsxs("div", __assign({ style: {
+                    position: "relative",
+                    width: "100%",
+                    border: "2px solid #333",
+                } }, { children: [jsx("iframe", { style: { width: "100%", height: "100%" }, src: translatedUrl, title: "翻译文档" }), jsx("div", __assign({ style: {
+                            position: "absolute",
+                            right: "20px",
+                            bottom: "50%",
+                        } }, { children: jsx(DownFile, { request: request, tid: tid, fileName: fileName }) }))] }))] })));
+};
+
+export { PreviewFile as default };

package/dist/es/translationbutton/hooks.js

@@ -0,0 +1,88 @@
+import { __awaiter, __generator, __assign } from '../_virtual/_tslib.js';
+import { useState, useRef, useEffect } from 'react';
+import myMessage from '../message/index.js';
+
+function getTranslateProgress(request, currentTid) {
+    return request === null || request === void 0 ? void 0 : request({
+        url: "/api/zmdms-resource/fanyi/query-trans-progress/".concat(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;
+        myMessage.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) || "接口调用失败！");
+        return Promise.reject(false);
+    });
+}
+function usePercent(_a) {
+    var _this = this;
+    var request = _a.request, currentTid = _a.currentTid, tid = _a.tid;
+    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;
+    useEffect(function () {
+        return function () {
+            return clearTimeout(timerRef.current);
+        };
+    }, []);
+    useEffect(function () {
+        if (tid) {
+            handleTranslateProgress().then(function (isCompleted) {
+                if (!isCompleted) {
+                    queryTranslateProgress();
+                }
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [tid]);
+    // 处理翻译进度结果
+    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)];
+                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 () {
+            handleTranslateProgress().then(function (isCompleted) {
+                if (!isCompleted) {
+                    queryTranslateProgress();
+                }
+            });
+        }, 3000);
+    };
+    function startTranslate() {
+        setPercent(0);
+        setPending(true);
+        queryTranslateProgress();
+    }
+    return {
+        startTranslate: startTranslate,
+        percent: percent,
+        isTranslating: pending,
+    };
+}
+
+export { usePercent };

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

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

package/dist/es/translationbutton/index.js

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

package/dist/es/translationbutton/translationButton.d.ts

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

package/dist/es/translationbutton/translationButton.js

@@ -0,0 +1,189 @@
+import { __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+import { unstable_batchedUpdates } from 'react-dom';
+import { usePercent } from './hooks.js';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import '../config/MyStorage.js';
+import { useMount } from 'ahooks';
+import ButtonCom from '../button/button.js';
+import myMessage from '../message/index.js';
+import { Progress, Dropdown } from 'antd';
+
+var translationTypeList = [
+    { dictKey: "2", dictValue: "英文转中文" },
+    { dictKey: "1", dictValue: "中文转英文" },
+];
+var TranslationButton = function (props) {
+    var _a = useBaseContext(), request = _a.request, translationPreviewRoute = _a.translationPreviewRoute;
+    var attachId = props.attachId, tid = props.tid, translationParams = props.translationParams, tidChange = props.tidChange, previewUrl = props.previewUrl;
+    var previewRoute = useMemo(function () {
+        return previewUrl || translationPreviewRoute || "";
+    }, [previewUrl, translationPreviewRoute]);
+    var _b = useState(), translationTid = _b[0], setTranslationTid = _b[1];
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = useState([]), libraryList = _d[0], setLibraryList = _d[1];
+    useMount(function () {
+        request({
+            url: "/api/zmdms-mdm-data/dict-biz/dictionary",
+            method: "GET",
+            params: { code: "zsk_term_library_id" },
+        }).then(function (res) {
+            if (res.status === 200 && res.data.code === 200) {
+                setLibraryList(res.data.data);
+            }
+        });
+    });
+    var libraryMap = useMemo(function () {
+        return (libraryList || []).reduce(function (acc, item) {
+            acc[item.dictKey] = item.dictValue;
+            return acc;
+        }, {});
+    }, [libraryList]);
+    // 翻译状态 当没有tid的时候 是 开始状态 start
+    // 有tid的时候 调用接口判断是否 是翻译中 然后下载
+    var currentTid = useMemo(function () {
+        return translationTid || tid;
+    }, [translationTid, tid]);
+    var translationStatus = useMemo(function () {
+        return currentTid ? "pending" : "start";
+    }, [currentTid]);
+    var _e = usePercent({
+        currentTid: currentTid,
+        tid: tid,
+        request: request,
+    }), percent = _e.percent, isTranslating = _e.isTranslating, startTranslate = _e.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;
+            myMessage.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) || "接口调用失败！");
+            setLoading(false);
+        });
+    };
+    var handleDownloadTranslation = function () {
+        // 翻译前 先判断下是否翻译完成
+        setLoading(true);
+        if (currentTid) {
+            loopProgress();
+        }
+        else {
+            myMessage.info("没有 找到任务id!");
+            setLoading(false);
+        }
+        function loopProgress() {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, flag, percent_1, title, docType, fileName;
+                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("".concat(previewRoute, "?hideFrame=true&tid=").concat(currentTid, "&oldId=").concat(attachId, "&fileName=").concat(fileName));
+                                // download(dType);
+                            }
+                            else {
+                                myMessage.warning("\u5F53\u524D\u7FFB\u8BD1\u8FDB\u5EA6".concat(percent_1, "%"));
+                                setLoading(false);
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            _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/".concat(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;
+                myMessage.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) || "接口调用失败！");
+                return Promise.reject(false);
+            });
+        }
+    };
+    var renderTranslationDropdown = function (title) {
+        var items = translationTypeList.map(function (item) {
+            return {
+                label: (jsx("div", __assign({ onClick: function () { return handleStartTranslation(item.dictKey); } }, { children: item.dictValue }))),
+                key: item.dictKey,
+            };
+        });
+        return (jsx(Dropdown, __assign({ menu: { items: items }, trigger: ["click"], placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "link", loading: loading, style: { padding: "2px 6px" } }, { children: title })) })));
+    };
+    switch (translationStatus) {
+        case "start":
+            return renderTranslationDropdown("翻译文件");
+        case "pending":
+            return (jsxs(Fragment, { children: [jsx(ButtonCom, __assign({ type: "link", loading: loading, onClick: handleDownloadTranslation, disabled: isTranslating, style: { padding: "2px 6px" } }, { children: "查看译文" })), isTranslating && (jsx(Progress, { type: "circle", percent: percent, width: 35 })), !isTranslating && renderTranslationDropdown("重译")] }));
+    }
+    return jsx(Fragment, {});
+};
+
+export { TranslationButton as default };

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

@@ -77,6 +77,10 @@ interface IUploadListProps extends Omit<UploadProps, "onChange"> {
      * 预览前的校验（是否可以预览）
      */
     onBeforePreviewValidate?: (files: IFileItem[]) => Promise<boolean>;
+    /**
+     * 是否需要翻译
+     */
+    isTranslation?: boolean;
 }
 interface IFileItem {
     /** 附件id */

package/dist/es/uploadlist/uploadList.js

@@ -14,6 +14,7 @@ import { toPreviewFile } from './utils.js';
 import '../config/ZtxkContext.js';
 import useBaseContext from '../config/useBaseContext.js';
 import '../config/MyStorage.js';
+import { getFinalValue } from '../config/utils.js';
 import LoadingOutlined from '../node_modules/@ant-design/icons/es/icons/LoadingOutlined.js';
 import ButtonCom from '../button/button.js';
 import UploadOutlined from '../node_modules/@ant-design/icons/es/icons/UploadOutlined.js';
@@ -32,7 +33,10 @@ var MAXSIZE = 104857600; // 100 * 1024 * 1024
  */
 var UploadList = function (props, ref) {
     var _a;
-    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.filePreview, filePreview = _e === void 0 ? true : _e, _f = props.zipName, zipName = _f === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _f, isImage = props.isImage, _g = props.isImageCrop, isImageCrop = _g === void 0 ? true : _g, imgCropProps = props.imgCropProps, _h = props.imgWidth, imgWidth = _h === void 0 ? 110 : _h, _j = props.imgHeight, imgHeight = _j === void 0 ? 110 : _j, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, tableColumns = props.tableColumns, onBeforeDownloadValidate = props.onBeforeDownloadValidate, onBeforePreviewValidate = props.onBeforePreviewValidate, onBeforeDeleteValidate = props.onBeforeDeleteValidate, isImgPreview = props.isImgPreview, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "filePreview", "zipName", "isImage", "isImageCrop", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames", "tableColumns", "onBeforeDownloadValidate", "onBeforePreviewValidate", "onBeforeDeleteValidate", "isImgPreview"]);
+    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.filePreview, filePreview = _e === void 0 ? true : _e, _f = props.zipName, zipName = _f === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _f, isImage = props.isImage, _g = props.isImageCrop, isImageCrop = _g === void 0 ? true : _g, imgCropProps = props.imgCropProps, _h = props.imgWidth, imgWidth = _h === void 0 ? 110 : _h, _j = props.imgHeight, imgHeight = _j === void 0 ? 110 : _j, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, tableColumns = props.tableColumns, onBeforeDownloadValidate = props.onBeforeDownloadValidate, onBeforePreviewValidate = props.onBeforePreviewValidate, onBeforeDeleteValidate = props.onBeforeDeleteValidate, isImgPreview = props.isImgPreview, isTranslation = props.isTranslation, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "filePreview", "zipName", "isImage", "isImageCrop", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames", "tableColumns", "onBeforeDownloadValidate", "onBeforePreviewValidate", "onBeforeDeleteValidate", "isImgPreview", "isTranslation"]);
+    var _k = useBaseContext(), apiBaseUrl = _k.apiBaseUrl, fileBaseUrl = _k.fileBaseUrl, enableTranslationButton = _k.enableTranslationButton;
+    // 翻译按钮是否显示
+    var isTranslationButton = getFinalValue(enableTranslationButton, isTranslation);
     var maxCount = resetProps.maxCount, listType = resetProps.listType, method = resetProps.method;
     var imgSizeClassName = "temporary-className-".concat(imgWidth, "-").concat(imgHeight);
     var classes = classNames("ztxk-upload", className, (_a = {},
@@ -42,7 +46,7 @@ var UploadList = function (props, ref) {
     var tableRef = useRef({});
     var modalRef = useRef({});
     var imgCropModalRef = useRef();
-    var _k = useState(), imgSrc = _k[0], setImgSrc = _k[1];
+    var _l = useState(), imgSrc = _l[0], setImgSrc = _l[1];
     useEffect(function () {
         if (!isImage) {
             return;
@@ -60,7 +64,6 @@ var UploadList = function (props, ref) {
         };
     }, [imgHeight, imgSizeClassName, imgWidth, isImage]);
     var newFieldNames = getField(fieldNames);
-    var _l = useBaseContext(), apiBaseUrl = _l.apiBaseUrl, fileBaseUrl = _l.fileBaseUrl;
     var API_BASEURL = PROPS_API_BASEURL ? PROPS_API_BASEURL : apiBaseUrl;
     var FILE_API_BASEURL = PROPS_FILE_API_BASEURL
         ? PROPS_FILE_API_BASEURL
@@ -390,7 +393,7 @@ var UploadList = function (props, ref) {
                     onClick: function (e) {
                         onBatchDownloadHandle(e.key);
                     },
-                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, filePreview: filePreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate })) : null, isPreview && !showTable && !isImage ? (jsx(UploadListDetail, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
+                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, filePreview: filePreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate, isTranslation: isTranslationButton })) : null, isPreview && !showTable && !isImage ? (jsx(UploadListDetail, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns, onBeforeDeleteValidate: onBeforeDeleteValidate, onBeforeDownloadValidate: onBeforeDownloadValidate, onBeforePreviewValidate: onBeforePreviewValidate, isTranslation: isTranslationButton })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
                         textAlign: "center",
                     } }, { children: jsx("img", { src: imgSrc, alt: "\u9884\u89C8", style: {
                             maxWidth: "400px",

package/dist/es/uploadlist/uploadListDetail.js

@@ -7,11 +7,12 @@ import ButtonCom from '../button/button.js';
 import myMessage from '../message/index.js';
 import LinkOutlined from '../node_modules/@ant-design/icons/es/icons/LinkOutlined.js';
 import DownloadOutlined from '../node_modules/@ant-design/icons/es/icons/DownloadOutlined.js';
+import TranslationButton from '../translationbutton/translationButton.js';
 import { Spin } from 'antd';
 
 var UploadTable = function (_a, ref) {
     var _b;
-    var dataSource = _a.dataSource; _a.action; _a.headers; _a.data; _a.method; var setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _c = _a.API_BASEURL, API_BASEURL = _c === void 0 ? "" : _c, _d = _a.FILE_API_BASEURL, FILE_API_BASEURL = _d === void 0 ? "" : _d, maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; _a.tableColumns; var onBeforeDownloadValidate = _a.onBeforeDownloadValidate, onBeforePreviewValidate = _a.onBeforePreviewValidate; _a.onBeforeDeleteValidate;
+    var dataSource = _a.dataSource; _a.action; _a.headers; _a.data; _a.method; var setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _c = _a.API_BASEURL, API_BASEURL = _c === void 0 ? "" : _c, _d = _a.FILE_API_BASEURL, FILE_API_BASEURL = _d === void 0 ? "" : _d, maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; _a.tableColumns; var onBeforeDownloadValidate = _a.onBeforeDownloadValidate, onBeforePreviewValidate = _a.onBeforePreviewValidate; _a.onBeforeDeleteValidate; var isTranslation = _a.isTranslation;
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
     var _f = useState(), checked = _f[0], setChecked = _f[1];
     var isDownloadSingleBoolean = isDownload;
@@ -206,7 +207,7 @@ var UploadTable = function (_a, ref) {
                                     }
                                     myMessage.info("暂无预览权限!");
                                     return Promise.resolve();
-                                }, style: { textAlign: "left" }, title: record.attachName }, { children: [jsx(LinkOutlined, {}), record.attachName] })) })), jsx("div", __assign({ className: "preview-list__item--right" }, { children: isDownloadAuth ? (jsx(ButtonCom, __assign({ type: "link", onClick: function () { return operationCallback("download", record, index); }, style: { textAlign: "left" }, title: "\u4E0B\u8F7D" }, { children: jsx(DownloadOutlined, {}) }))) : null }))] }), record.attachId || record.fileId || index));
+                                }, style: { textAlign: "left" }, title: record.attachName }, { children: [jsx(LinkOutlined, {}), record.attachName] })) })), jsxs("div", __assign({ className: "preview-list__item--right" }, { children: [isDownloadAuth ? (jsx(ButtonCom, __assign({ type: "link", onClick: function () { return operationCallback("download", record, index); }, style: { textAlign: "left" }, title: "\u4E0B\u8F7D" }, { children: jsx(DownloadOutlined, {}) }))) : null, isTranslation && (jsx(TranslationButton, { attachId: record.attachId, attachName: record.attachName }))] }))] }), record.attachId || record.fileId || index));
             }) })) })));
 };
 var UploadListDetail = forwardRef(UploadTable);

package/dist/es/uploadlist/uploadTable.js

@@ -1,5 +1,5 @@
 import { __spreadArray, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useMemo, useImperativeHandle } from 'react';
 import MemoTable from '../table/table.js';
 import { ETABLE_COLUMN_TYPE } from './interface.js';
@@ -9,11 +9,12 @@ import dayjs from 'dayjs';
 import { toPreviewFile } from './utils.js';
 import ButtonCom from '../button/button.js';
 import OperationBtn from '../operationbtn/operationBtn.js';
+import TranslationButton from '../translationbutton/translationButton.js';
 import myMessage from '../message/index.js';
 import { Progress } from 'antd';
 
 var UploadTable = function (_a, ref) {
-    var dataSource = _a.dataSource, action = _a.action, headers = _a.headers, data = _a.data, method = _a.method, setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _b = _a.API_BASEURL, API_BASEURL = _b === void 0 ? "" : _b, _c = _a.FILE_API_BASEURL, FILE_API_BASEURL = _c === void 0 ? "" : _c, maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, filePreview = _a.filePreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; var tableColumns = _a.tableColumns, onBeforeDownloadValidate = _a.onBeforeDownloadValidate, onBeforePreviewValidate = _a.onBeforePreviewValidate, onBeforeDeleteValidate = _a.onBeforeDeleteValidate;
+    var dataSource = _a.dataSource, action = _a.action, headers = _a.headers, data = _a.data, method = _a.method, setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _b = _a.API_BASEURL, API_BASEURL = _b === void 0 ? "" : _b, _c = _a.FILE_API_BASEURL, FILE_API_BASEURL = _c === void 0 ? "" : _c, maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, filePreview = _a.filePreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; var tableColumns = _a.tableColumns, onBeforeDownloadValidate = _a.onBeforeDownloadValidate, onBeforePreviewValidate = _a.onBeforePreviewValidate, onBeforeDeleteValidate = _a.onBeforeDeleteValidate, isTranslation = _a.isTranslation;
     var _d = useState(false), loading = _d[0], setLoading = _d[1];
     var _e = useState(), checked = _e[0], setChecked = _e[1];
     var isDownloadSingleBoolean = isDownload;
@@ -327,7 +328,14 @@ var UploadTable = function (_a, ref) {
                 });
             }
         }
-        return (jsx(OperationBtn, { statusBtnConfig: statusBtnConfig, callback: function (type) { return operationCallback(type, record, index); } }));
+        var attachId = record.attachId, attachName = record.attachName, tid = record.tid;
+        return (jsxs(Fragment, { children: [jsx(OperationBtn, { statusBtnConfig: statusBtnConfig, callback: function (type) { return operationCallback(type, record, index); } }), isTranslation && (jsx(TranslationButton, { attachId: attachId, attachName: attachName, tid: tid, tidChange: function (tid) {
+                        setInnerFileList(function (innerFileList) {
+                            var newInnerFileList = innerFileList.slice();
+                            newInnerFileList.splice(index, 1, __assign(__assign({}, record), { tid: tid }));
+                            return newInnerFileList;
+                        });
+                    } }))] }));
     };
     // 重新上传
     var onReloadUploadHandle = function (record, index) {

package/dist/index.build.d.ts

@@ -50,6 +50,8 @@ export { default as ElectronSignatures } from './es/electronsignatures/index.js'
 export { default as message } from './es/message/index.js';
 export { default as CanvasTable } from './es/canvastable/canvasTable.js';
 export { ICanvasColumnType, ICanvasColumnsType, ICanvasTableProps, ICanvasTableRefHandle } from './es/canvastable/interface.js';
+export { default as TranslationButton } from './es/translationbutton/translationButton.js';
+export { default as PreviewFile } from './es/translationbutton/PreviewFile.js';
 export { Affix, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Col, Comment, ConfigProvider, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Row, Segmented, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Timeline, Tooltip, Transfer, Typography, Upload, notification } from 'antd';
 export { IButtonProps } from './es/button/interface.js';
 export { IButtonDownloadProps } from './es/button/buttonDownload.js';

package/dist/index.es.js

@@ -44,6 +44,8 @@ export { default as Sortable } from './es/sortable/sortable.js';
 export { default as ElectronSignatures } from './es/electronsignatures/index.js';
 export { default as message } from './es/message/index.js';
 export { default as CanvasTable } from './es/canvastable/canvasTable.js';
+export { default as TranslationButton } from './es/translationbutton/translationButton.js';
+export { default as PreviewFile } from './es/translationbutton/PreviewFile.js';
 export { Affix, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Col, Comment, ConfigProvider, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Row, Segmented, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Timeline, Tooltip, Transfer, Typography, Upload, notification } from 'antd';
 export { default as Button } from './es/button/button.js';
 export { default as Input } from './es/input/input.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "2.7.9",
+  "version": "2.8.1",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",