ztxkui 1.9.5 → 1.9.9

package/dist/Demo.js

@@ -6,7 +6,7 @@ var selectStyle = { width: '200px' };
 function request(options) {
     return fetch(options.url + "?" + stringify(options.params), {
         headers: {
-            'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwidXNlcl9uYW1lIjoiY2hlbnl4IiwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEMSIsImNsaWVudF90eXBlIjoid2ViIiwiZGF0YV9yb2xlX2lkIjoiMTQxMjYxNDExMDY0NzM4NjExNCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjE0MTI2MTAwNzg0NzQyMDcyMzMiLCJzY29wZSI6WyJhbGwiXSwiZXhwIjoxNjMxNzYwNTE0LCJqdGkiOiJhNDZlMDc4ZC1mNTBmLTQ2MDEtODEyZC1mNDFiOTFlODg0ZTAiLCJtZW1iZXJfaWQiOjE0MTI5NTMyMDUyNjk1MTYyOTAsImNvbXBhbnlfaWQiOjEzOTcwNzQ2MDU0MTI2OTYwNjYsImRlcHRfbmFtZSI6IuS4muWKoeS4gOmDqCIsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoidXNlciIsImF1dGhvcml0aWVzIjpbInVzZXIiXSwicm9sZV9uYW1lIjoidXNlciIsImxpY2Vuc2UiOiJwb3dlcmVkIGJ5IHptZG1zIiwicG9zdF9pZCI6IiIsInVzZXJfaWQiOiIxNDEyOTUzODA0MzMzNTU1NzE0Iiwibmlja19uYW1lIjoi6ZmI5Lqa6ZuEIiwiY29tcGFueV9uYW1lIjoi5rWZ5ZWG5Lit5ouT6ZuG5Zui54mp5rWB56eR5oqA5pyJ6ZmQ5YWs5Y-4IiwiZGVwdF9pZCI6IjEzOTcwODE5MzAzMjg0MjQ0NDkiLCJhY2NvdW50IjoiY2hlbnl4In0.4_b7rGt1x6k7JuMQQasAGQlVNsnQXXq_9pOADGzJagQ',
+            'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiWUcyMTA2MDA2IiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLlrovlrofnjq8iLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjE0MTcwMzkzNTgzNDMxMDY1NjEsMTQxNzA0MDY4MzI0NDA0ODM4NiwxNDE3MDQwODQyODM3MzE1NTg1LDE0MTcwNDEwNDM3Mjc2OTk5NzAsMTQxNzM3MjI0NTA4OTE3NzYwMSwxNDE3NjQ1NzYxMjI3MjQ3NjE3LDE0MTc3NDkwNTAwMTY0NDg1MTQsMTQxNzc0OTE2NDg4NTg1MjE2MiwxNDE4NDg2MTMwNjM1MDE4MjQxLDE0MTk4NjM2MzQ3NzE4MDgyNTgiLCJjbGllbnRfaWQiOiJzd29yZCIsInVzZXJfdHlwZSI6IndlYiIsInJvbGVfaWQiOiIxMTIzNTk4ODE2NzM4Njc1MjAxLDE0MTcwMDQyMDMxOTY5MjgwMDEsMTQxNzAxNDExOTYwOTUyMDEyOSwxNDE3MDE0Njg1NTI1OTg3MzMwLDE0MTczNzAxNzQwMDA1ODI2NTgsMTQxNzY0NTE4OTIyOTAzOTYxOCwxNDE3NjQ2MjY2MTMzMzY4ODM0LDE0MTc2NTY3NTc1ODA4NDUwNTgsMTQxNzY1NzM0OTcxNTkwNjU2MiwxNDE5ODM0NDQ3NTU4MTg0OTYxIiwicG9zdF9uYW1lIjpudWxsLCJzY29wZSI6WyJhbGwiXSwiaW50ZXJ2aWV3X2lkIjpudWxsLCJleHAiOjE2Mzg3MzA0ODcsIm9yZ19uYW1lIjpudWxsLCJqdGkiOiJmNGE2Y2U1My1hYjU0LTRhYTctOTM1NS1iOWMzNzY4YWU1MGUiLCJtZW1iZXJfaWQiOjE0MDQ2ODk5NDUyOTg3MDIzMzcsImNvbXBhbnlfaWQiOjEzOTcwNzQ2MDU0MTI2OTYwNjYsInN5c3RlbV9pZCI6bnVsbCwiZGVwdF9uYW1lIjoi5Lia5Yqh5LiA6YOoIiwiYXZhdGFyIjoiIiwiZGF0YV9yb2xlX25hbWUiOiJ1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyIiwiYXV0aG9yaXRpZXMiOlsiYWRtaW4iLCJ1c2VyIiwiYWRtaW5pc3RyYXRvciJdLCJyb2xlX25hbWUiOiJhZG1pbmlzdHJhdG9yLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE0MjAzMzI5ODE5Njc0NTAxMTQiLCJvcmdfaWQiOm51bGwsIm5pY2tfbmFtZSI6IuWui-Wuh-eOryIsImNvbXBhbnlfbmFtZSI6Iua1meWVhuS4reaLk-mbhuWboueJqea1geenkeaKgOaciemZkOWFrOWPuCIsImRlcHRfaWQiOiIxMzk3MDgxOTMwMzI4NDI0NDQ5IiwiaGFuZGxlX2hyX25hbWUiOm51bGwsImFjY291bnQiOiJZRzIxMDYwMDYiLCJyZXN1bWVfaWQiOm51bGx9.nxXBP4n23ZV7Oajz4umdl1e2iE4iyXAXvmZbXvrv5ZU',
         },
         method: options.method,
     }).then(function (response) { return response.json(); });
@@ -15,6 +15,7 @@ function Demo() {
     console.log('rerender');
     var _a = useState([]), list = _a[0], setList = _a[1];
     var _b = useState([]), defaultList = _b[0], setDefaultList = _b[1];
+    var _c = useState(''), value = _c[0], setValue = _c[1];
     // 模拟接口请求
     useEffect(function () {
         var timeoutId = setTimeout(function () {
@@ -46,6 +47,7 @@ function Demo() {
                     projectName: '项目12',
                 },
             ]);
+            setValue('1462433051208761603');
         }, 2000);
         return function () {
             if (timeoutId) {
@@ -61,18 +63,8 @@ function Demo() {
                 console.log(value, option, fullData);
             } }),
         React.createElement("h2", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E"),
-        React.createElement(EnhanceSelect, { style: selectStyle, url: "http://192.168.0.83:8000/api/zmdms-user/list", params: JSON.stringify({
-                status: 50,
-                companyId: '1397074605412696066',
-            }), request: request, joinKey: "depName" }),
         React.createElement("h2", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E\uFF0C\u5E76\u7F13\u5B58\u6570\u636E"),
-        React.createElement(EnhanceSelect, { style: selectStyle, url: "http://192.168.0.83:8000/api/zmdms-user/list", params: JSON.stringify({
-                status: 50,
-                companyId: '1397074605412696066',
-            }), request: request, isCatch: true }),
         React.createElement("h2", null, "\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22"),
-        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u53EF\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22", url: "http://192.168.0.83:8000/api/zmdms-lms-busi/project/page", params: JSON.stringify({
-                depId: '1397081930328424449',
-            }), request: request, remoteSearch: true, titleKey: "projectName", defaultList: defaultList })));
+        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u53EF\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22", url: "http://192.168.0.135:8000/api/zmdms-system/employee/page", request: request, remoteSearch: true, dataKey: "id", titleKey: "empName", value: value })));
 }
 export default Demo;

package/dist/components/EnhanceSelect/index.js

@@ -76,6 +76,7 @@ function EnhanceSelect(_a) {
     var _f = useFetchState([]), selectList = _f[0], setSelectList = _f[1];
     var _g = useFetchState(false), loading = _g[0], setLoading = _g[1];
     var fetchId = useRef(0); // 请求Id，每次请求都会加1
+    var _h = useFetchState(false), firstLoading = _h[0], setFirstLoading = _h[1];
     // 如果selectList 发生改变，那么触发onCompleted事件
     useEffect(function () {
         if (Array.isArray(selectList) && onCompleted) {
@@ -116,9 +117,9 @@ function EnhanceSelect(_a) {
         });
     }, [setSelectList, setLoading, transformData]);
     // 远程搜索
-    var getRemoteDataHandle = useCallback(function (value) {
-        var _a;
+    var getRemoteDataHandle = useCallback(function (value, dataKeyValue) {
         var searchKey = remoteSearchKey ? remoteSearchKey : titleKey;
+        var searchDataKey = dataKey;
         var outParams = params;
         try {
             outParams = JSON.parse(params);
@@ -128,10 +129,17 @@ function EnhanceSelect(_a) {
         // 利用闭包，存到当前请求的id
         fetchId.current++;
         var fetchIdClosure = fetchId.current;
+        var searchParams = {};
+        if (value) {
+            searchParams[searchKey] = value;
+        }
+        if (dataKeyValue) {
+            searchParams[searchDataKey] = dataKeyValue;
+        }
         getData(request, {
             url: url,
             method: method,
-            params: __assign(__assign({ size: 50, page: 1 }, outParams), (_a = {}, _a[searchKey] = value, _a)),
+            params: __assign(__assign({ size: 50, page: 1 }, outParams), searchParams),
         })
             .then(function (resData) {
             var _a, _b, _c;
@@ -165,6 +173,7 @@ function EnhanceSelect(_a) {
         request,
         remoteSearchKey,
         titleKey,
+        dataKey,
         setSelectList,
         transformData,
         setLoading,
@@ -172,7 +181,7 @@ function EnhanceSelect(_a) {
     var searchHandle = function (value) {
         // 当value有值时才进行搜索
         if (value) {
-            getRemoteDataHandle(value);
+            getRemoteDataHandle(value, '');
         }
     };
     var onSearchHandle = debounce(searchHandle, 300);
@@ -230,8 +239,25 @@ function EnhanceSelect(_a) {
             return;
         }
         // console.log('TEST: 远程搜索');
-        getRemoteDataHandle('');
-    }, [url, remoteSearch, getRemoteDataHandle]);
+        if (!firstLoading) {
+            if (!restProps.value) {
+                getRemoteDataHandle('', '');
+            }
+            else {
+                if (typeof restProps.value === 'string') {
+                    setFirstLoading(true);
+                    getRemoteDataHandle('', restProps.value);
+                }
+            }
+        }
+    }, [
+        url,
+        remoteSearch,
+        getRemoteDataHandle,
+        restProps.value,
+        firstLoading,
+        setFirstLoading,
+    ]);
     // 数据合并
     function concatData(originalData, newData) {
         if (!newData) {

package/dist/components/Upload/upload.d.ts

@@ -52,6 +52,8 @@ export interface IProps extends UploadProps {
     isPublic?: boolean;
     /**额外的上传表格列配置 */
     otherColumns?: any;
+    /**是否直接替换 */
+    isDirect?: boolean;
 }
 declare const Upload: React.FC<IProps>;
 export default Upload;

package/dist/components/Upload/upload.js

@@ -44,9 +44,9 @@ var _accept = [
     '.gif',
 ];
 var Upload = function (props) {
-    var children = props.children, className = props.className, _a = props.showTip, showTip = _a === void 0 ? true : _a, _b = props.showUploadBtn, showUploadBtn = _b === void 0 ? true : _b, _c = props.showDeleteBtn, showDeleteBtn = _c === void 0 ? true : _c, onDownLoadCallbackBefore = props.onDownLoadCallbackBefore, _d = props.showDownloadBtn, showDownloadBtn = _d === void 0 ? true : _d, onDownLoadCallbackAfter = props.onDownLoadCallbackAfter, _e = props.showPreviewBtn, showPreviewBtn = _e === void 0 ? true : _e, onPreviewCallbackBefore = props.onPreviewCallbackBefore, _f = props.showTable, showTable = _f === void 0 ? true : _f, showUploadList = props.showUploadList, onChange = props.onChange, beforeUpload = props.beforeUpload, multiple = props.multiple, ztAccept = props.ztAccept, maxCount = props.maxCount, maxSize = props.maxSize, maxSizeStr = props.maxSizeStr, action = props.action, headers = props.headers, method = props.method, uploadUser = props.uploadUser, originFileList = props.originFileList, callback = props.callback, onDeleteCallback = props.onDeleteCallback, isAutoDelete = props.isAutoDelete, apiBaseUrl = props.apiBaseUrl, _g = props.fileBaseUrl, fileBaseUrl = _g === void 0 ? '' : _g, fileBtnText = props.fileBtnText, data = props.data, authToken = props.authToken, listType = props.listType, isPublic = props.isPublic, otherColumns = props.otherColumns, restProps = __rest(props, ["children", "className", "showTip", "showUploadBtn", "showDeleteBtn", "onDownLoadCallbackBefore", "showDownloadBtn", "onDownLoadCallbackAfter", "showPreviewBtn", "onPreviewCallbackBefore", "showTable", "showUploadList", "onChange", "beforeUpload", "multiple", "ztAccept", "maxCount", "maxSize", "maxSizeStr", "action", "headers", "method", "uploadUser", "originFileList", "callback", "onDeleteCallback", "isAutoDelete", "apiBaseUrl", "fileBaseUrl", "fileBtnText", "data", "authToken", "listType", "isPublic", "otherColumns"]);
-    var _h = useState(originFileList || []), fileList = _h[0], setFileList = _h[1];
-    var _j = useState('20M'), maxSizeTransStr = _j[0], setMaxSizeTransStr = _j[1];
+    var children = props.children, className = props.className, _a = props.showTip, showTip = _a === void 0 ? true : _a, _b = props.showUploadBtn, showUploadBtn = _b === void 0 ? true : _b, _c = props.showDeleteBtn, showDeleteBtn = _c === void 0 ? true : _c, onDownLoadCallbackBefore = props.onDownLoadCallbackBefore, _d = props.showDownloadBtn, showDownloadBtn = _d === void 0 ? true : _d, onDownLoadCallbackAfter = props.onDownLoadCallbackAfter, _e = props.showPreviewBtn, showPreviewBtn = _e === void 0 ? true : _e, onPreviewCallbackBefore = props.onPreviewCallbackBefore, _f = props.showTable, showTable = _f === void 0 ? true : _f, showUploadList = props.showUploadList, onChange = props.onChange, beforeUpload = props.beforeUpload, multiple = props.multiple, ztAccept = props.ztAccept, maxCount = props.maxCount, maxSize = props.maxSize, maxSizeStr = props.maxSizeStr, action = props.action, headers = props.headers, method = props.method, uploadUser = props.uploadUser, originFileList = props.originFileList, callback = props.callback, onDeleteCallback = props.onDeleteCallback, isAutoDelete = props.isAutoDelete, apiBaseUrl = props.apiBaseUrl, _g = props.fileBaseUrl, fileBaseUrl = _g === void 0 ? '' : _g, fileBtnText = props.fileBtnText, data = props.data, authToken = props.authToken, listType = props.listType, isPublic = props.isPublic, otherColumns = props.otherColumns, _h = props.isDirect, isDirect = _h === void 0 ? false : _h, restProps = __rest(props, ["children", "className", "showTip", "showUploadBtn", "showDeleteBtn", "onDownLoadCallbackBefore", "showDownloadBtn", "onDownLoadCallbackAfter", "showPreviewBtn", "onPreviewCallbackBefore", "showTable", "showUploadList", "onChange", "beforeUpload", "multiple", "ztAccept", "maxCount", "maxSize", "maxSizeStr", "action", "headers", "method", "uploadUser", "originFileList", "callback", "onDeleteCallback", "isAutoDelete", "apiBaseUrl", "fileBaseUrl", "fileBtnText", "data", "authToken", "listType", "isPublic", "otherColumns", "isDirect"]);
+    var _j = useState(originFileList || []), fileList = _j[0], setFileList = _j[1];
+    var _k = useState('20M'), maxSizeTransStr = _k[0], setMaxSizeTransStr = _k[1];
     useEffect(function () {
         var MAXSIZE = maxSize ? maxSize : 1024 * 1024 * 100;
         var MAXSIZESTR = maxSizeStr ? maxSizeStr : transformFileSize(MAXSIZE);
@@ -173,13 +173,11 @@ var Upload = function (props) {
     var fileAction = apiBaseUrl + "/api/zmdms-resource/oss/endpoint/put-file-attach";
     return (React.createElement(React.Fragment, null,
         showUploadBtn && (React.createElement("div", { className: "zt-upload" },
-            React.createElement(AntUpload, __assign({ className: classes, beforeUpload: beforeUpload ? beforeUpload : beforeFileUpload, onChange: onChange ? onChange : onFileChange, showUploadList: showUploadList ? showUploadList : false, fileList: fileList, multiple: multiple ? multiple : true, action: fileAction, headers: headers, data: data, method: method, onDownload: onFileDownload, onPreview: onFilePreview, onRemove: onFileRemove, openFileDialogOnClick: maxCount !== fileList.length, maxCount: maxCount, listType: listType }, restProps), children ? (children) : !listType || listType === 'text' ? (React.createElement(Button, { type: "primary", disabled: maxCount === fileList.length },
+            React.createElement(AntUpload, __assign({ className: classes, beforeUpload: beforeUpload ? beforeUpload : beforeFileUpload, onChange: onChange ? onChange : onFileChange, showUploadList: showUploadList ? showUploadList : false, fileList: fileList, multiple: multiple ? multiple : true, action: fileAction, headers: headers, data: data, method: method, onDownload: onFileDownload, onPreview: onFilePreview, onRemove: onFileRemove, openFileDialogOnClick: maxCount !== fileList.length || isDirect, maxCount: maxCount, listType: listType }, restProps), children ? (children) : !listType || listType === 'text' ? (React.createElement(Button, { type: "primary", disabled: maxCount === fileList.length },
                 React.createElement(UploadOutlined, null),
                 fileBtnText || '添加附件',
                 maxCount === fileList.length &&
-                    "\uFF08\u6700\u591A\u4E0A\u4F20" + maxCount + "\u4E2A\u6587\u4EF6\uFF09")) : (
-            // ) : maxCount && fileList.length >= maxCount ? null : (
-            React.createElement("div", null,
+                    "\uFF08\u6700\u591A\u4E0A\u4F20" + maxCount + "\u4E2A\u6587\u4EF6\uFF09")) : maxCount && fileList.length >= maxCount && !isDirect ? null : (React.createElement("div", null,
                 React.createElement(UploadOutlined, { style: { fontSize: 18 } }),
                 React.createElement("div", { style: { marginTop: 8 } }, fileBtnText || '添加图片')))),
             showTip && (React.createElement("span", { className: "zt-upload__upload-tips" },

package/dist/index.d.ts

@@ -35,6 +35,6 @@ export { default as Collapse } from './components/Collapse';
 export { default as GridList } from './components/business/GridList';
 export { default as Timeline } from './components/Timeline';
 export { UserInfo, UserPassword } from './components/business/Common';
-export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tag, Empty, Tooltip, Descriptions, Image, Popover, } from 'antd';
+export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tag, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, } from 'antd';
 export { default as zhCN } from 'antd/lib/locale/zh_CN';
 export { default as Icon, createFromIconfontCN } from '@ant-design/icons';

package/dist/index.js

@@ -102,6 +102,6 @@ export { default as Collapse } from './components/Collapse';
 export { default as GridList } from './components/business/GridList';
 export { default as Timeline } from './components/Timeline';
 export { UserInfo, UserPassword } from './components/business/Common';
-export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tag, Empty, Tooltip, Descriptions, Image, Popover, } from 'antd';
+export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Tag, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, } from 'antd';
 export { default as zhCN } from 'antd/lib/locale/zh_CN';
 export { default as Icon, createFromIconfontCN } from '@ant-design/icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "1.9.5",
+  "version": "1.9.9",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",