@lemon-fe/components 1.1.3-alpha.1 → 1.1.3

package/es/filter/index.js

@@ -27,7 +27,7 @@ import Icons from "../icons";
 import InputNumber from "../input-number";
 import TabBar from "../tab-bar";
 import { prefixClassName } from "../utils";
-import { useDebounce, useRequest } from '@lemon-fe/hooks';
+import { useDebounce, useRequest, useUpdateEffect } from '@lemon-fe/hooks';
 import { Button, Checkbox, Form, Input, Popover, Space, Modal, message, Select, Empty } from 'antd';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
@@ -107,7 +107,9 @@ function Filter(props) {
     _props$preserveFields = props.preserveFields,
     preserveFields = _props$preserveFields === void 0 ? true : _props$preserveFields,
     legacyReset = props.legacyReset,
-    componentOptions = props.componentOptions;
+    componentOptions = props.componentOptions,
+    _props$filterDependen = props.filterDependencies,
+    filterDependencies = _props$filterDependen === void 0 ? [] : _props$filterDependen;
   var prefix = prefixClassName('filter');
   var emptyValue = useMemo(function () {
     return Object.fromEntries(data.map(function (item) {
@@ -191,6 +193,9 @@ function Filter(props) {
       form.setFieldsValue(value);
     }
   }, [value]);
+  useUpdateEffect(function () {
+    form.submit();
+  }, filterDependencies);
   var handleChangeKeywords = useDebounce(setKeywords, 300);
   var toggleModal = function toggleModal() {
     setShowModal(function (prev) {

package/es/filter/typings.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import type { CSSProperties, ReactElement, ReactNode, DependencyList } from 'react';
 import type { FormInstance } from 'antd';
 
 export interface FilterItemType<T = any> {
@@ -61,6 +61,10 @@ export interface FilterProps<T extends Record<string, any> = Record<string, any>
    */
   legacyReset?: true;
   componentOptions?: ComponentOption[];
+  /**
+   * @description 自动触发过滤的依赖
+   */
+  filterDependencies?: DependencyList;
 }
 
 export interface ComponentOption {

package/es/styles/overrides.less

@@ -76,6 +76,7 @@ a[title='站长统计'] {
 @modal-border-radius: 8px;
 @modal-footer-border-width: 0;
 @modal-confirm-body-padding: 0;
+@modal-mask-bg: fade(@black, 30%);
 
 .@{ant-prefix}-modal-content {
   padding: @padding-md;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.1.3-alpha.1",
+  "version": "1.1.3",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -62,5 +62,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "9f776b18500b0819aa7008b18c580aaf8748b4d8"
+  "gitHead": "1d20795e81a4ee2bef8b7dd7e81ef53dcbfe2bed"
 }