ls-pro-common 3.0.75 → 3.0.77

package/dist/common.min.js.LICENSE.txt

@@ -30,6 +30,16 @@ PERFORMANCE OF THIS SOFTWARE.
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/es/components/common.less

@@ -173,7 +173,7 @@ body.theme-yellow {
   display: flex;
   flex-direction: column;
 
-  .flex {
+  > .flex {
     height: 0;
   }
 }
@@ -182,7 +182,7 @@ body.theme-yellow {
   display: flex;
   flex-direction: row;
 
-  .flex {
+  > .flex {
     width: 0;
   }
 }

package/es/hooks/useFilterBack.d.ts

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

package/es/hooks/useFilterBack.js

@@ -0,0 +1,78 @@
+import "antd/es/tooltip/style";
+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 本地查询字段清空
+ */
+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)
+ * @param props
+ * @returns
+ */
+export var useFilterLocal = function useFilterLocal(props) {
+  var tableRef = props.tableRef;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterLocal = _useState2[0],
+    setFilterLocal = _useState2[1];
+  var changeFilterFun = function changeFilterFun() {
+    var filter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (Object.prototype.toString.call(filter) !== '[object Object]') return;
+    var str = 0;
+    for (var key in filter) {
+      if (filter[key]) {
+        str++;
+      }
+    }
+    setFilterLocal(str);
+  };
+  var ClearOutlinedDom = function ClearOutlinedDom() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ant-pro-table-list-toolbar-setting-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      key: 'clear',
+      onClick: function onClick() {
+        var _tableRef$current;
+        tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.setFilter({});
+        setFilterLocal(0);
+      }
+    }, /*#__PURE__*/React.createElement(_Tooltip, {
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode.parentNode.parentNode.parentNode;
+      },
+      title: '一键清空本地筛选'
+    }, /*#__PURE__*/React.createElement(_Badge, {
+      color: "#1890ff",
+      size: "small",
+      count: filterLocal
+    }, /*#__PURE__*/React.createElement(ClearOutlined, null)))));
+  };
+  useEffect(function () {
+    if (!(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current)) return;
+    var listDom = document.getElementsByClassName('ant-pro-table-list-toolbar-setting-items');
+    var filterDom = document.getElementsByClassName('self-add-clear-filter-tcm');
+    if (filterDom === null || filterDom === void 0 ? void 0 : filterDom.length) {
+      var _filterDom$0$parentNo;
+      (_filterDom$0$parentNo = filterDom[0].parentNode) === null || _filterDom$0$parentNo === void 0 ? void 0 : _filterDom$0$parentNo.removeChild(filterDom[0]);
+    }
+    if (listDom === null || listDom === void 0 ? void 0 : listDom.length) {
+      var newDiv = document.createElement('div');
+      newDiv.className = 'ant-space-item self-add-clear-filter-tcm';
+      var clearIcon = /*#__PURE__*/React.createElement(ClearOutlinedDom);
+      ReactDOM.render(clearIcon, newDiv);
+      listDom[0].appendChild(newDiv);
+    }
+  }, [filterLocal, tableRef]);
+  return {
+    setFilterLocal: setFilterLocal,
+    filterLocal: filterLocal,
+    changeFilterFun: changeFilterFun
+  };
+};

package/es/hooks/useQueue.d.ts

@@ -0,0 +1,14 @@
+declare type QueueType = {
+    /**
+     * 回调函数，异步方法
+     * @param params 传入参数
+     * @returns
+     */
+    callMethod: (params: any | any[]) => Promise<any>;
+    /**
+     * 每次取几个一起执行，默认为1;
+     */
+    number?: number;
+};
+declare function useQueue(props: QueueType): any[];
+export default useQueue;

package/es/hooks/useQueue.js

@@ -0,0 +1,60 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+// 任务队列执行方法
+import { useRef, useEffect, useState } from 'react';
+function useQueue(props) {
+  var callMethod = props.callMethod,
+    _props$number = props.number,
+    number = _props$number === void 0 ? 1 : _props$number;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1]; //提供写入队列方法
+  var runningRef = useRef(false); //执行任务状态
+  useEffect(function () {
+    var callQueue = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var params;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              console.log('当前队列数据', list);
+              if (!(!list.length || runningRef.current)) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
+              runningRef.current = true;
+              _context.prev = 4;
+              params = list.slice(0, number);
+              _context.next = 8;
+              return callMethod(params);
+            case 8:
+              setList(function (l) {
+                runningRef.current = false;
+                return l.slice(params.length);
+              });
+              _context.next = 15;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](4);
+              setList([]);
+              runningRef.current = false;
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[4, 11]]);
+      }));
+      return function callQueue() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    callQueue();
+  }, [list]);
+  return [list, setList];
+}
+export default useQueue;

package/es/index.d.ts

@@ -24,10 +24,12 @@ 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 useQueue from './hooks/useQueue';
 /** Type */
 import type { ApiResponse, TableToolbar, BaseApiType, MethodType } from './typing';
 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, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };
+export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps, DescritionCardProps, PermissionProps, };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue, };

package/es/index.js

@@ -24,4 +24,6 @@ import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
 import useGetState from './hooks/useGetState';
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };
+import { useFilterLocal } from './hooks/useFilterBack';
+import useQueue from './hooks/useQueue';
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue };

package/lib/components/common.less

@@ -173,7 +173,7 @@ body.theme-yellow {
   display: flex;
   flex-direction: column;
 
-  .flex {
+  > .flex {
     height: 0;
   }
 }
@@ -182,7 +182,7 @@ body.theme-yellow {
   display: flex;
   flex-direction: row;
 
-  .flex {
+  > .flex {
     width: 0;
   }
 }

package/lib/hooks/useFilterBack.d.ts

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

package/lib/hooks/useFilterBack.js

@@ -0,0 +1,78 @@
+import "antd/es/tooltip/style";
+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 本地查询字段清空
+ */
+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)
+ * @param props
+ * @returns
+ */
+export var useFilterLocal = function useFilterLocal(props) {
+  var tableRef = props.tableRef;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterLocal = _useState2[0],
+    setFilterLocal = _useState2[1];
+  var changeFilterFun = function changeFilterFun() {
+    var filter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (Object.prototype.toString.call(filter) !== '[object Object]') return;
+    var str = 0;
+    for (var key in filter) {
+      if (filter[key]) {
+        str++;
+      }
+    }
+    setFilterLocal(str);
+  };
+  var ClearOutlinedDom = function ClearOutlinedDom() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ant-pro-table-list-toolbar-setting-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      key: 'clear',
+      onClick: function onClick() {
+        var _tableRef$current;
+        tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.setFilter({});
+        setFilterLocal(0);
+      }
+    }, /*#__PURE__*/React.createElement(_Tooltip, {
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode.parentNode.parentNode.parentNode;
+      },
+      title: '一键清空本地筛选'
+    }, /*#__PURE__*/React.createElement(_Badge, {
+      color: "#1890ff",
+      size: "small",
+      count: filterLocal
+    }, /*#__PURE__*/React.createElement(ClearOutlined, null)))));
+  };
+  useEffect(function () {
+    if (!(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current)) return;
+    var listDom = document.getElementsByClassName('ant-pro-table-list-toolbar-setting-items');
+    var filterDom = document.getElementsByClassName('self-add-clear-filter-tcm');
+    if (filterDom === null || filterDom === void 0 ? void 0 : filterDom.length) {
+      var _filterDom$0$parentNo;
+      (_filterDom$0$parentNo = filterDom[0].parentNode) === null || _filterDom$0$parentNo === void 0 ? void 0 : _filterDom$0$parentNo.removeChild(filterDom[0]);
+    }
+    if (listDom === null || listDom === void 0 ? void 0 : listDom.length) {
+      var newDiv = document.createElement('div');
+      newDiv.className = 'ant-space-item self-add-clear-filter-tcm';
+      var clearIcon = /*#__PURE__*/React.createElement(ClearOutlinedDom);
+      ReactDOM.render(clearIcon, newDiv);
+      listDom[0].appendChild(newDiv);
+    }
+  }, [filterLocal, tableRef]);
+  return {
+    setFilterLocal: setFilterLocal,
+    filterLocal: filterLocal,
+    changeFilterFun: changeFilterFun
+  };
+};

package/lib/hooks/useQueue.d.ts

@@ -0,0 +1,14 @@
+declare type QueueType = {
+    /**
+     * 回调函数，异步方法
+     * @param params 传入参数
+     * @returns
+     */
+    callMethod: (params: any | any[]) => Promise<any>;
+    /**
+     * 每次取几个一起执行，默认为1;
+     */
+    number?: number;
+};
+declare function useQueue(props: QueueType): any[];
+export default useQueue;

package/lib/hooks/useQueue.js

@@ -0,0 +1,60 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+// 任务队列执行方法
+import { useRef, useEffect, useState } from 'react';
+function useQueue(props) {
+  var callMethod = props.callMethod,
+    _props$number = props.number,
+    number = _props$number === void 0 ? 1 : _props$number;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1]; //提供写入队列方法
+  var runningRef = useRef(false); //执行任务状态
+  useEffect(function () {
+    var callQueue = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var params;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              console.log('当前队列数据', list);
+              if (!(!list.length || runningRef.current)) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
+              runningRef.current = true;
+              _context.prev = 4;
+              params = list.slice(0, number);
+              _context.next = 8;
+              return callMethod(params);
+            case 8:
+              setList(function (l) {
+                runningRef.current = false;
+                return l.slice(params.length);
+              });
+              _context.next = 15;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](4);
+              setList([]);
+              runningRef.current = false;
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[4, 11]]);
+      }));
+      return function callQueue() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    callQueue();
+  }, [list]);
+  return [list, setList];
+}
+export default useQueue;

package/lib/index.d.ts

@@ -24,10 +24,12 @@ 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 useQueue from './hooks/useQueue';
 /** Type */
 import type { ApiResponse, TableToolbar, BaseApiType, MethodType } from './typing';
 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, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };
+export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps, DescritionCardProps, PermissionProps, };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue, };

package/lib/index.js

@@ -24,4 +24,6 @@ import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
 import useGetState from './hooks/useGetState';
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState };
+import { useFilterLocal } from './hooks/useFilterBack';
+import useQueue from './hooks/useQueue';
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, IconBack, IconText, IconBell, IconQuestion, IconSearch, TagCheck, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission, useGetState, useFilterLocal, useQueue };

package/package.json

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