ls-pro-common 3.0.75 → 3.0.76

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/index.d.ts

@@ -24,10 +24,11 @@ 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';
 /** 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 { 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 };

package/es/index.js

@@ -24,4 +24,5 @@ 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';
+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 };

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/index.d.ts

@@ -24,10 +24,11 @@ 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';
 /** 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 { 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 };

package/lib/index.js

@@ -24,4 +24,5 @@ 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';
+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 };

package/package.json

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