ls-pro-common 3.0.80 → 3.0.82

package/lib/hooks/useSelectOptions.js

@@ -0,0 +1,210 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _this = this;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @name 请求select的options */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { httpGet, httpPost } from '../http';
+import { showWarn } from '../utils';
+/**
+ * @param fn
+ * @param delay
+ * @name 防抖
+ * @returns
+ */
+export var debounce = function debounce(fn) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  var timer = null;
+  return function () {
+    for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+      rest[_key] = arguments[_key];
+    }
+    var args = rest;
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(function () {
+      fn.apply(_this, args);
+      timer = null;
+    }, delay);
+  };
+};
+/**
+ * @param props
+ * @name 动态请求select的options
+ * @returns
+ */
+export var useSelectOptions = function useSelectOptions(props) {
+  var beforeLoad = props.beforeLoad,
+    afterLoad = props.afterLoad,
+    name = props.name,
+    _props$debounceTime = props.debounceTime,
+    debounceTime = _props$debounceTime === void 0 ? 500 : _props$debounceTime,
+    _props$requestProps = props.requestProps,
+    requestProps = _props$requestProps === void 0 ? {} : _props$requestProps,
+    _props$autoLoad = props.autoLoad,
+    autoLoad = _props$autoLoad === void 0 ? true : _props$autoLoad;
+  var url = requestProps.url,
+    _requestProps$method = requestProps.method,
+    method = _requestProps$method === void 0 ? 'GET' : _requestProps$method,
+    dictValue = requestProps.dictValue,
+    dictLabel = requestProps.dictLabel,
+    changeParams = requestProps.changeParams,
+    _requestProps$needGat = requestProps.needGateWay,
+    needGateWay = _requestProps$needGat === void 0 ? true : _requestProps$needGat,
+    _requestProps$isJson = requestProps.isJson,
+    isJson = _requestProps$isJson === void 0 ? true : _requestProps$isJson;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localSearch = _useState4[0],
+    setLocalSearch = _useState4[1];
+  /** @name 下拉框请求数据 */
+  var requestOptions = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var val,
+        res,
+        params,
+        data,
+        _res,
+        _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            val = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+            _context.t0 = beforeLoad;
+            if (!_context.t0) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 5;
+            return beforeLoad(val, setOptions);
+          case 5:
+            _context.t1 = _context.sent;
+            _context.t0 = _context.t1 === false;
+          case 7:
+            if (!_context.t0) {
+              _context.next = 9;
+              break;
+            }
+            return _context.abrupt("return");
+          case 9:
+            if (url) {
+              _context.next = 12;
+              break;
+            }
+            showWarn('请配置url');
+            return _context.abrupt("return");
+          case 12:
+            params = {
+              page: 1,
+              pageSize: 20,
+              where: _defineProperty({}, name, val)
+            };
+            if (changeParams) {
+              params = changeParams(val);
+            }
+            if (!(method === 'GET')) {
+              _context.next = 20;
+              break;
+            }
+            _context.next = 17;
+            return httpGet(url, params, needGateWay);
+          case 17:
+            res = _context.sent;
+            _context.next = 24;
+            break;
+          case 20:
+            if (!(method === 'POST')) {
+              _context.next = 24;
+              break;
+            }
+            _context.next = 23;
+            return httpPost(url, params, isJson, needGateWay);
+          case 23:
+            res = _context.sent;
+          case 24:
+            data = [];
+            if (!afterLoad) {
+              _context.next = 31;
+              break;
+            }
+            _context.next = 28;
+            return afterLoad(res);
+          case 28:
+            data = _context.sent;
+            _context.next = 32;
+            break;
+          case 31:
+            if (dictValue && dictLabel) {
+              data = (((_res = res) === null || _res === void 0 ? void 0 : _res.rows) || []).map(function (item) {
+                return {
+                  value: item === null || item === void 0 ? void 0 : item[dictValue],
+                  text: item === null || item === void 0 ? void 0 : item[dictLabel],
+                  label: (item === null || item === void 0 ? void 0 : item[dictValue]) + '→' + (item === null || item === void 0 ? void 0 : item[dictLabel]),
+                  children: item === null || item === void 0 ? void 0 : item.children,
+                  items: item
+                };
+              });
+            } else {
+              showWarn('请配置afterLoad或设置dictValue和dictLabel');
+            }
+          case 32:
+            setOptions(data);
+          case 33:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function requestOptions() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /** @name 防抖函数 使用useCallback来缓存函数 */
+  var nameSearchFun = useCallback(debounce( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(params) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", requestOptions(params));
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), debounceTime), []);
+  useEffect(function () {
+    if (autoLoad) {
+      requestOptions();
+    }
+  }, [autoLoad]);
+  var totalDataAll = useMemo(function () {
+    var res = [].concat(_toConsumableArray(localSearch), _toConsumableArray(options)).reduce(function (acc, current) {
+      if (!acc.find(function (item) {
+        return item.value === current.value;
+      })) {
+        acc.push(current);
+      }
+      return acc;
+    }, []);
+    return res;
+  }, [localSearch, options]);
+  return {
+    options: options,
+    setOptions: setOptions,
+    nameSearchFun: nameSearchFun,
+    requestOptions: requestOptions,
+    localSearch: localSearch,
+    setLocalSearch: setLocalSearch,
+    totalDataAll: totalDataAll
+  };
+};
+export default useSelectOptions;

package/lib/hooks/useShowConfirm.d.ts

@@ -0,0 +1,9 @@
+import { ModalFuncProps } from 'antd';
+/**
+ * 语法糖实现
+ *
+ * @param propsFun 参数为关闭函数
+ * @name 函数确认框
+ */
+export declare const showConfirmFun: (propsFun: (unmount: () => void) => ModalFuncProps) => void;
+export default showConfirmFun;

package/lib/hooks/useShowConfirm.js

@@ -0,0 +1,23 @@
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import ReactDOM from 'react-dom';
+/**
+ * 语法糖实现
+ *
+ * @param propsFun 参数为关闭函数
+ * @name 函数确认框
+ */
+export var showConfirmFun = function showConfirmFun(propsFun) {
+  var div = document.createElement('div');
+  document.body.appendChild(div);
+  var props = propsFun(function () {
+    ReactDOM.unmountComponentAtNode(div);
+    document.body.removeChild(div);
+  });
+  ReactDOM.render( /*#__PURE__*/React.createElement(_Modal, _extends({
+    visible: true
+  }, props), props.content), div);
+};
+export default showConfirmFun;

package/lib/hooks/useSingle/index.js

@@ -10,6 +10,7 @@ import React from "react";
 import { useState, useRef, useMemo, useCallback } from 'react';
 import { PlusCircleOutlined, EditOutlined, DeleteOutlined, ImportOutlined, ExportOutlined, AuditOutlined } from '@ant-design/icons';
 import { showConfirm, showWarn, showSuccess, showError } from '../../utils';
+import exportProcess from '../../utils/exportProcess';
 import { httpPost } from '../../http';
 import usePermission from '../usePermission';
 /**
@@ -527,7 +528,7 @@ function useSingle(inParam) {
   var onExport = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(url, param) {
       var _param$exportColumns;
-      var searchArr, arr, otherArr, whereArr, where, _result$flag4, result, _result$flag5, _result$flag6;
+      var searchArr, arr, otherArr, whereArr, where, _result$flag4, result, _result$flag5;
       return _regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
@@ -600,10 +601,11 @@ function useSingle(inParam) {
               _context7.next = 19;
               break;
             }
-            showSuccess(((_result$flag5 = result.flag) === null || _result$flag5 === void 0 ? void 0 : _result$flag5.retMsg) || '导出成功');
+            // showSuccess(result.flag?.retMsg || '导出成功');
+            exportProcess(result);
             return _context7.abrupt("return", true);
           case 19:
-            showError(((_result$flag6 = result.flag) === null || _result$flag6 === void 0 ? void 0 : _result$flag6.retMsg) || '导出失败,请联系系统管理员');
+            showError(((_result$flag5 = result.flag) === null || _result$flag5 === void 0 ? void 0 : _result$flag5.retMsg) || '导出失败,请联系系统管理员');
             return _context7.abrupt("return", false);
           case 21:
             _context7.next = 28;

package/lib/index.d.ts

@@ -20,12 +20,16 @@ import ViewOffice from './components/ViewOffice';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
+import exportProcess from './utils/exportProcess';
 /** Hooks */
 import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
 import useGetState from './hooks/useGetState';
-import { useFilterLocal } from './hooks/useFilterBack';
+import useFilterLocal from './hooks/useFilterBack';
+import useBaseDict from './hooks/useBaseDict';
+import useSelectOptions from './hooks/useSelectOptions';
+import showConfirmFun from './hooks/useShowConfirm';
 import useQueue from './hooks/useQueue';
 /** Type */
 import type { ApiResponse, TableToolbar, BaseApiType, MethodType } from './typing';
@@ -33,4 +37,4 @@ import type { DtlLyaoutProps } from './components/DtlLayout';
 import type { DescritionCardProps } from './components/DescritionCard';
 import type { PermissionProps } from './components/Permission';
 export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps, DescritionCardProps, PermissionProps, };
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, ViewOffice, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue, };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, ViewOffice, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue, useBaseDict, useSelectOptions, showConfirmFun, exportProcess, };

package/lib/index.js

@@ -20,11 +20,15 @@ import ViewOffice from './components/ViewOffice';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
+import exportProcess from './utils/exportProcess';
 /** Hooks */
 import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
 import useGetState from './hooks/useGetState';
-import { useFilterLocal } from './hooks/useFilterBack';
+import useFilterLocal from './hooks/useFilterBack';
+import useBaseDict from './hooks/useBaseDict';
+import useSelectOptions from './hooks/useSelectOptions';
+import showConfirmFun from './hooks/useShowConfirm';
 import useQueue from './hooks/useQueue';
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, ViewOffice, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, ViewOffice, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue, useBaseDict, useSelectOptions, showConfirmFun, exportProcess };

package/lib/utils/exportProcess.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 导出进度查看
+ *
+ * @param apiResult 导出接口返回数据,
+ * @returns
+ */
+declare const exportProcess: (apiResult: any) => void;
+export default exportProcess;

package/lib/utils/exportProcess.js

@@ -0,0 +1,153 @@
+import "antd/es/progress/style";
+import _Progress from "antd/es/progress";
+import "antd/es/notification/style";
+import _notification from "antd/es/notification";
+import React from "react";
+import { showSuccess, showError, sleep, downloadFile } from '.';
+import { httpGet } from '../http';
+/**
+ * 导出进度查看
+ *
+ * @param apiResult 导出接口返回数据,
+ * @returns
+ */
+var exportProcess = function exportProcess(apiResult) {
+  var taskId = apiResult.taskId,
+    flag = apiResult.flag;
+  if (!taskId) {
+    showSuccess((flag === null || flag === void 0 ? void 0 : flag.retMsg) || '导出成功');
+    return;
+  }
+  var time = 0;
+  var exit = false;
+  var win = top || window;
+  var errorTryCount = 3;
+  var key = 'task' + taskId;
+  var dom = null;
+  var moveState = {
+    isMove: false,
+    startLeft: 0,
+    startTop: 0,
+    startX: 0,
+    startY: 0,
+    h: 88,
+    w: 250 //组件宽度
+  };
+
+  var onMove = function onMove(e) {
+    requestAnimationFrame(function () {
+      var startLeft = moveState.startLeft,
+        startTop = moveState.startTop,
+        startX = moveState.startX,
+        startY = moveState.startY,
+        isMove = moveState.isMove,
+        h = moveState.h,
+        w = moveState.w;
+      if (!isMove || !dom) return;
+      // 通过计算鼠标的移动距离，计算出组件新的坐标。
+      var deltaX = document.body.clientWidth - (e.clientX - startX + startLeft) - w;
+      var deltaY = e.clientY - startY + startTop;
+      var top = Math.max(0, Math.min(document.body.clientHeight - h, deltaY));
+      var right = Math.max(0, Math.min(document.body.clientWidth - w - 30, deltaX));
+      dom.style.top = top + 'px';
+      dom.style.right = right + 'px';
+    });
+  };
+  var onUp = function onUp() {
+    moveState.isMove = false;
+    document.body.classList.remove('move-unselect');
+    document.removeEventListener('mouseup', onUp);
+    document.removeEventListener('mousemove', onMove);
+  };
+  var loading = function loading(percent) {
+    _notification.open({
+      className: 'export-process-notification',
+      placement: 'topRight',
+      key: key,
+      duration: 0,
+      message: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "export-process-handle",
+        onMouseDown: function onMouseDown(e) {
+          dom = e.target.closest('.ant-notification-topRight');
+          if (!dom) return;
+          var rect = dom.getBoundingClientRect();
+          moveState.isMove = true;
+          moveState.startX = e.clientX;
+          moveState.startY = e.clientY;
+          moveState.startLeft = rect.left;
+          moveState.startTop = rect.top;
+          document.body.classList.add('move-unselect');
+          document.addEventListener('mouseup', onUp);
+          document.addEventListener('mousemove', onMove);
+        }
+      }, "\u6B63\u5728\u5BFC\u51FA..."), /*#__PURE__*/React.createElement(_Progress, {
+        percent: percent
+      })),
+      onClose: function onClose() {
+        exit = true;
+        document.removeEventListener('mouseup', onUp);
+        document.removeEventListener('mousemove', onMove);
+      }
+    });
+  };
+  loading(0);
+  var getResult = function getResult() {
+    if (exit) return;
+    httpGet('/petrel-poi-center-api/sysPoiExportManage/page', {
+      'page.pn': 1,
+      'page.size': 1,
+      'search.id': apiResult.taskId
+    }).then(function (result) {
+      var _result$rows = result.rows,
+        rows = _result$rows === void 0 ? [] : _result$rows;
+      var row = rows === null || rows === void 0 ? void 0 : rows[0];
+      if (!row) {
+        if (time < errorTryCount) {
+          time++;
+          sleep(5).then(function () {
+            return getResult();
+          });
+        } else {
+          showError('获取导出进度失败,请在消息中心查看导出结果');
+          win.postMessage({
+            type: 'exportError'
+          });
+          _notification.close(key);
+        }
+      } else {
+        var status = row.status,
+          downloadUrl = row.downloadUrl,
+          progress = row.progress;
+        //导出中
+        if (status < 30) {
+          loading(progress);
+          sleep(5).then(function () {
+            return getResult();
+          });
+        } else {
+          //导出成功
+          if (status === 30 && downloadUrl) {
+            downloadFile(downloadUrl);
+          } else {
+            //导出失败
+            showError('导出异常,请在消息中心查看失败原因');
+            win.postMessage({
+              type: 'exportError'
+            });
+          }
+          _notification.close(key);
+        }
+      }
+    }).catch(function () {
+      showError('获取导出进度失败,请在消息中心查看导出结果');
+      _notification.close(key);
+      win.postMessage({
+        type: 'exportError'
+      });
+    });
+  };
+  sleep(1).then(function () {
+    return getResult();
+  });
+};
+export default exportProcess;

package/lib/utils/index.d.ts

@@ -314,3 +314,5 @@ export declare const openPageInMain: (option: {
 export declare const showLoading: (text?: string) => void;
 export declare const exitLoading: () => void;
 export declare const handleTheme: () => void;
+export declare const sleep: (secord: number) => Promise<unknown>;
+export declare const downloadFile: (url: string, fileName?: string | undefined) => void;

package/lib/utils/index.js

@@ -889,4 +889,22 @@ export var handleTheme = function handleTheme() {
   if (theme) {
     document.body.classList.add('theme-' + theme);
   }
+};
+export var sleep = function sleep(secord) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(true);
+    }, secord * 1000);
+  });
+};
+export var downloadFile = function downloadFile(url, fileName) {
+  var a = document.createElement('a');
+  a.href = url;
+  // a.target = '_blank'; // 新开屏有闪烁
+  if (fileName) {
+    a.setAttribute('download', fileName);
+  }
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ls-pro-common",
-  "version": "3.0.80",
+  "version": "3.0.82",
   "description": "ls-pro-common",
   "license": "MIT",
   "sideEffects": [