ls-pro-common 3.0.80 → 3.0.82

package/es/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/es/utils/exportProcess.d.ts

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

package/es/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/es/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/es/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/lib/components/common.less

@@ -524,3 +524,26 @@ a:hover {
 @import url('./antd-custom.less');
 
 //-------------------省市区组件样式-----------
+
+.ant-notification-notice.export-process-notification {
+  width: 250px;
+  padding: 12px;
+  .ant-notification-notice-message {
+    margin-bottom: 0;
+    padding-right: 12px;
+    font-size: 14px;
+  }
+  .ant-notification-notice-close {
+    top: 12px;
+    right: 12px;
+  }
+  .export-process-handle {
+    display: inline-block;
+    width: 100%;
+    cursor: move;
+  }
+}
+
+.move-unselect {
+  user-select: none;
+}

package/lib/hooks/useBaseDict.d.ts

@@ -0,0 +1,35 @@
+/** @name 请求字典 */
+interface useSelectOptionsType {
+    /** @name 字典item的value */
+    dictValue?: string;
+    /** @name 字典item的label */
+    dictLabel?: string;
+    /**
+     * @default GET
+     * @name 请求方式
+     */
+    method?: 'GET' | 'POST';
+    /** @name 请求的url */
+    url?: string;
+    /**
+     * @default true
+     * @name 是否需要网关
+     */
+    needGateWay?: boolean;
+    /**
+     * @default true
+     * @name 是否是JSON post中会使用
+     */
+    isJson?: boolean;
+    /** @name 请求参数 */
+    params?: any;
+    /** @name 1label返回中文带箭头 2label返回中文不带箭头 */
+    type?: '1' | '2';
+}
+/**
+ * @param props
+ * @name 动态请求select的options
+ * @returns
+ */
+export declare const useBaseDict: (props: useSelectOptionsType) => [any[], (options: any[]) => void];
+export default useBaseDict;

package/lib/hooks/useBaseDict.js

@@ -0,0 +1,104 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @name 请求字典 */
+import { useEffect, useState } from 'react';
+import { httpGet, httpPost } from '../http';
+import { showWarn } from '../utils';
+/**
+ * @param props
+ * @name 动态请求select的options
+ * @returns
+ */
+export var useBaseDict = function useBaseDict(props) {
+  var _props$url = props.url,
+    url = _props$url === void 0 ? '/lesoon-integration/sysDictDtl?lesoon-tenant=1' : _props$url,
+    _props$method = props.method,
+    method = _props$method === void 0 ? 'GET' : _props$method,
+    _props$dictValue = props.dictValue,
+    dictValue = _props$dictValue === void 0 ? 'dictValue' : _props$dictValue,
+    _props$dictLabel = props.dictLabel,
+    dictLabel = _props$dictLabel === void 0 ? 'displayName' : _props$dictLabel,
+    _props$needGateWay = props.needGateWay,
+    needGateWay = _props$needGateWay === void 0 ? true : _props$needGateWay,
+    _props$isJson = props.isJson,
+    isJson = _props$isJson === void 0 ? true : _props$isJson,
+    _props$params = props.params,
+    params = _props$params === void 0 ? {} : _props$params,
+    _props$type = props.type,
+    type = _props$type === void 0 ? '1' : _props$type;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  /** @name 下拉框请求数据 */
+  var requestOptions = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _res;
+      var val,
+        res,
+        baseParams,
+        data,
+        _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] : '';
+            if (url) {
+              _context.next = 4;
+              break;
+            }
+            showWarn('请配置url');
+            return _context.abrupt("return");
+          case 4:
+            baseParams = _objectSpread({
+              page: 1,
+              pageSize: 999
+            }, params);
+            if (!(method === 'GET')) {
+              _context.next = 11;
+              break;
+            }
+            _context.next = 8;
+            return httpGet(url, baseParams, needGateWay);
+          case 8:
+            res = _context.sent;
+            _context.next = 15;
+            break;
+          case 11:
+            if (!(method === 'POST')) {
+              _context.next = 15;
+              break;
+            }
+            _context.next = 14;
+            return httpPost(url, baseParams, isJson, needGateWay);
+          case 14:
+            res = _context.sent;
+          case 15:
+            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: type === '1' ? (item === null || item === void 0 ? void 0 : item[dictValue]) + '→' + (item === null || item === void 0 ? void 0 : item[dictLabel]) : item === null || item === void 0 ? void 0 : item[dictLabel],
+                children: item === null || item === void 0 ? void 0 : item.children,
+                items: item
+              };
+            });
+            setOptions(data);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function requestOptions() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    requestOptions();
+  }, []);
+  return [options, setOptions];
+};
+export default useBaseDict;

package/lib/hooks/useDtl/index.js

@@ -12,6 +12,7 @@ import { PlusCircleOutlined, EditOutlined, DeleteOutlined, ImportOutlined, Expor
 import { showConfirm, showWarn, showError, showSuccess } from '../../utils';
 import { httpPost } from '../../http';
 import usePermission from '../usePermission';
+import exportProcess from '../../utils/exportProcess';
 function useDtl(dtlParam) {
   var mstService = dtlParam.service,
     masterObject = dtlParam.initItem,
@@ -729,7 +730,7 @@ function useDtl(dtlParam) {
   var onExportDtl = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(url, param) {
       var _param$exportColumns;
-      var searchArr, arr, otherArr, whereArr, where, _result$flag6, result, _result$flag7, _result$flag8;
+      var searchArr, arr, otherArr, whereArr, where, _result$flag6, result, _result$flag7;
       return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
@@ -802,10 +803,11 @@ function useDtl(dtlParam) {
               _context9.next = 19;
               break;
             }
-            showSuccess(((_result$flag7 = result.flag) === null || _result$flag7 === void 0 ? void 0 : _result$flag7.retMsg) || '导出成功');
+            exportProcess(result);
+            // showSuccess(result.flag?.retMsg || '导出成功');
             return _context9.abrupt("return", true);
           case 19:
-            showError(((_result$flag8 = result.flag) === null || _result$flag8 === void 0 ? void 0 : _result$flag8.retMsg) || '导出失败,请联系系统管理员');
+            showError(((_result$flag7 = result.flag) === null || _result$flag7 === void 0 ? void 0 : _result$flag7.retMsg) || '导出失败,请联系系统管理员');
             return _context9.abrupt("return", false);
           case 21:
             _context9.next = 27;
@@ -828,7 +830,7 @@ function useDtl(dtlParam) {
   /** 审核按钮事件 */
   var onAudit = /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
-      var obj, _result$flag9, result;
+      var obj, _result$flag8, result;
       return _regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) switch (_context10.prev = _context10.next) {
           case 0:
@@ -898,7 +900,7 @@ function useDtl(dtlParam) {
             }
             return _context10.abrupt("return");
           case 36:
-            if ((result === null || result === void 0 ? void 0 : (_result$flag9 = result.flag) === null || _result$flag9 === void 0 ? void 0 : _result$flag9.retCode) === '0') {
+            if ((result === null || result === void 0 ? void 0 : (_result$flag8 = result.flag) === null || _result$flag8 === void 0 ? void 0 : _result$flag8.retCode) === '0') {
               showSuccess(result.flag.retMsg || '审核成功');
               Object.assign(masterObject, result.data);
             }

package/lib/hooks/useFilterBack.d.ts

@@ -1,23 +1,22 @@
-/**
- * @name 本地查询字段清空
- */
+/** @name 本地查询字段清空 */
 interface useFilterLocalType {
-    /**@name 表格的actionRef */
+    /** @name 表格的actionRef */
     tableRef: any;
 }
 interface useFilterBack {
-    /**@name 已存在过滤字段数量 */
+    /** @name 已存在过滤字段数量 */
     filterLocal: number;
-    /**@name 设置已存在过滤数量 */
+    /** @name 设置已存在过滤数量 */
     setFilterLocal: any;
-    /**@name 根据filter中的值设置filterLocal */
+    /** @name 根据filter中的值设置filterLocal */
     changeFilterFun: (val: any) => void;
 }
 /**
- * @name 本地过滤条件清空图标
- * @description 结合table中的onChange第二个参数filter使用, 可直接使用changeFilterFun(filter)
+ * 结合table中的onChange第二个参数filter使用, 可直接使用changeFilterFun(filter)
+ *
  * @param props
+ * @name 本地过滤条件清空图标
  * @returns
  */
 export declare const useFilterLocal: (props: useFilterLocalType) => useFilterBack;
-export {};
+export default useFilterLocal;

package/lib/hooks/useFilterBack.js

@@ -3,17 +3,16 @@ import _Tooltip from "antd/es/tooltip";
 import "antd/es/badge/style";
 import _Badge from "antd/es/badge";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * @name 本地查询字段清空
- */
+/** @name 本地查询字段清空 */
 import { useEffect, useState } from 'react';
 import { ClearOutlined } from '@ant-design/icons';
 import React from 'react';
 import ReactDOM from 'react-dom';
 /**
- * @name 本地过滤条件清空图标
- * @description 结合table中的onChange第二个参数filter使用, 可直接使用changeFilterFun(filter)
+ * 结合table中的onChange第二个参数filter使用, 可直接使用changeFilterFun(filter)
+ *
  * @param props
+ * @name 本地过滤条件清空图标
  * @returns
  */
 export var useFilterLocal = function useFilterLocal(props) {
@@ -75,4 +74,5 @@ export var useFilterLocal = function useFilterLocal(props) {
     filterLocal: filterLocal,
     changeFilterFun: changeFilterFun
   };
-};
+};
+export default useFilterLocal;

package/lib/hooks/useSelectOptions.d.ts

@@ -0,0 +1,81 @@
+/** @name 请求select的options */
+interface useSelectOptionsType {
+    /** @name 请求前操作,可直接返回false */
+    beforeLoad?: (val: Record<string, any>, setOptions: (options: any[]) => any) => Promise<boolean>;
+    /** @name 请求后操作,针对返回的res操作 */
+    afterLoad?: (val?: any) => Promise<any[]>;
+    /** @name 字段名 */
+    name?: any;
+    /** @name 请求配置 */
+    requestProps?: {
+        /** @name 字典item的value */
+        dictValue?: string;
+        /** @name 字典item的label */
+        dictLabel?: string;
+        /**
+         * @default GET
+         * @name 请求方式
+         */
+        method?: 'GET' | 'POST';
+        /**
+         * @param val 搜索的值
+         * @name 更改params
+         * @returns
+         */
+        changeParams?: (val?: string) => any;
+        /** @name 请求的url */
+        url?: string;
+        /**
+         * @default true
+         * @name 是否需要网关
+         */
+        needGateWay?: boolean;
+        /**
+         * @default true
+         * @name 是否是JSON post中会使用
+         */
+        isJson?: boolean;
+    };
+    /**
+     * @default 500
+     * @name 防抖时间
+     */
+    debounceTime?: number;
+    /**
+     * @default true
+     * @name 自动第一次请求
+     */
+    autoLoad?: boolean;
+    /** @name 1label返回中文带箭头 2label返回中文不带箭头 */
+    type?: '1' | '2';
+}
+interface useSelectOptionsBack {
+    /** @name 请求到的枚举字典 */
+    options: any[];
+    /** @name 设置请求到的枚举字典 */
+    setOptions: (options: any[]) => any;
+    /** @name 防抖请求 */
+    nameSearchFun: (val?: string) => void;
+    /** @name 直接请求 */
+    requestOptions: (val?: string) => void;
+    /** @name 设置本地搜索的枚举字典 */
+    setLocalSearch: (options: any[]) => any;
+    /** @name 本地搜索的枚举字典 */
+    localSearch: any[];
+    /** @name 请求到的枚举字典+本地搜索的枚举字典组合后的值 */
+    totalDataAll: any[];
+}
+/**
+ * @param fn
+ * @param delay
+ * @name 防抖
+ * @returns
+ */
+export declare const debounce: (fn: any, delay?: number) => (...rest: any) => void;
+/**
+ * @param props
+ * @name 动态请求select的options
+ * @returns
+ */
+export declare const useSelectOptions: (props: useSelectOptionsType) => useSelectOptionsBack;
+export default useSelectOptions;