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

package/es/actions/index.d.ts

@@ -1,8 +1,9 @@
-import { type ReactElement } from 'react';
-import type { CSSProperties } from 'react';
 import { type ButtonProps } from 'antd';
+import { type ReactElement, type ReactNode } from 'react';
+import type { CSSProperties } from 'react';
 interface ActionBtn extends ButtonProps {
     text: string | ReactElement;
+    label?: ReactNode;
     onClick?: () => void;
     /**
      * @deprecated
@@ -11,6 +12,7 @@ interface ActionBtn extends ButtonProps {
     action?: () => void;
     dropDown?: ({
         text: string | ReactElement;
+        label?: ReactNode;
         onClick?: () => void;
         disabled?: boolean;
     } | ReactElement | null)[] | ReactElement;
@@ -24,6 +26,7 @@ interface Props {
      * @description 默认无限大
      */
     maxShowCount?: number;
+    trackEventAttr?: string;
 }
 declare function Actions(props: Props): JSX.Element;
 export default Actions;

package/es/actions/index.js

@@ -1,19 +1,21 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["disabled", "dropDown", "text", "onClick", "icon", "action"];
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _excluded = ["dropDown", "text", "onClick", "action", "label"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { Fragment, useState, isValidElement } from 'react';
 import { Space, Dropdown, Menu, Button, Popover } from 'antd';
+import React, { Fragment, useState, isValidElement } from 'react';
 import classNames from 'classnames';
 import { PREFIX_CLS } from "../constants";
 import Icons from "../icons";
@@ -24,13 +26,21 @@ function Actions(props) {
     _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? PREFIX_CLS : _props$prefixCls,
     _props$maxShowCount = props.maxShowCount,
-    maxShowCount = _props$maxShowCount === void 0 ? Infinity : _props$maxShowCount;
+    maxShowCount = _props$maxShowCount === void 0 ? Infinity : _props$maxShowCount,
+    _props$trackEventAttr = props.trackEventAttr,
+    trackEventAttr = _props$trackEventAttr === void 0 ? 'data-track-event' : _props$trackEventAttr;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   var visibleBtns = actions.slice(0, maxShowCount);
   var collapsedBtns = actions.slice(maxShowCount);
+  var getTrackAttr = function getTrackAttr(text) {
+    if (typeof text === 'string') {
+      return _defineProperty({}, trackEventAttr, text);
+    }
+    return undefined;
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefixCls, "-actions"), className),
     style: style
@@ -46,18 +56,23 @@ function Actions(props) {
         key: index
       }, item);
     }
-    var disabled = item.disabled,
-      dropDown = item.dropDown,
+    var dropDown = item.dropDown,
       text = item.text,
       onClick = item.onClick,
-      icon = item.icon,
       action = item.action,
+      label = item.label,
       rest = _objectWithoutProperties(item, _excluded);
+    var trackAttr = getTrackAttr(text);
     if ( /*#__PURE__*/isValidElement(text)) {
       return /*#__PURE__*/React.createElement(Fragment, {
         key: index
       }, text);
     }
+    if (label !== undefined) {
+      return /*#__PURE__*/React.createElement("div", _extends({
+        key: index
+      }, trackAttr), label);
+    }
     var handleClick = onClick || action;
     if (dropDown !== undefined) {
       var overlay;
@@ -65,18 +80,19 @@ function Actions(props) {
         overlay = /*#__PURE__*/React.createElement(Menu, {
           items: dropDown.filter(Boolean).map(function (subItem, idx) {
             if ( /*#__PURE__*/isValidElement(subItem)) {
+              console.error('请使用MenuItemType的label属性');
               return {
                 label: subItem,
                 key: idx
               };
             }
             var target = subItem;
-            return {
-              label: target.text,
+            return _objectSpread({
+              label: target.label || target.text,
               key: idx,
               disabled: target.disabled,
               onClick: target.onClick
-            };
+            }, getTrackAttr(target.text));
           })
         });
       } else {
@@ -85,33 +101,30 @@ function Actions(props) {
       if (handleClick !== undefined) {
         return /*#__PURE__*/React.createElement(Dropdown.Button, _extends({
           key: text,
-          disabled: disabled,
+          disabled: rest.disabled,
           overlay: overlay,
           onClick: handleClick,
           trigger: ['click'],
           overlayStyle: {
             minWidth: 80
           },
-          buttonsRender: function buttonsRender(_ref) {
-            var _ref2 = _slicedToArray(_ref, 1),
-              leftBtn = _ref2[0];
+          buttonsRender: function buttonsRender(_ref2) {
+            var _ref3 = _slicedToArray(_ref2, 1),
+              leftBtn = _ref3[0];
             return [leftBtn, /*#__PURE__*/React.createElement(Button, {
               icon: /*#__PURE__*/React.createElement(Icons.More, null),
               type: rest.type,
               key: "more"
             })];
           }
-        }, rest), text);
+        }, rest), /*#__PURE__*/React.createElement("span", trackAttr, text));
       }
       return /*#__PURE__*/React.createElement(Dropdown, {
         key: text,
-        disabled: disabled,
+        disabled: rest.disabled,
         overlay: overlay,
         trigger: ['click']
-      }, /*#__PURE__*/React.createElement(Button, _extends({
-        disabled: disabled,
-        icon: icon
-      }, rest), text, /*#__PURE__*/React.createElement(Icons.Down, {
+      }, /*#__PURE__*/React.createElement(Button, rest, text, /*#__PURE__*/React.createElement(Icons.Down, {
         style: {
           opacity: 0.7
         }
@@ -119,10 +132,8 @@ function Actions(props) {
     }
     return /*#__PURE__*/React.createElement(Button, _extends({
       key: text,
-      disabled: disabled,
-      onClick: handleClick,
-      icon: icon
-    }, rest), text);
+      onClick: handleClick
+    }, trackAttr, rest), text);
   }), collapsedBtns.length > 0 ? /*#__PURE__*/React.createElement(Popover, {
     placement: "bottomRight",
     overlayClassName: "".concat(prefixCls, "-actions-popover"),
@@ -139,8 +150,9 @@ function Actions(props) {
         }, item);
       }
       var disabled = item.disabled;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefixCls, "-actions-popover-item"), _defineProperty({}, "".concat(prefixCls, "-actions-popover-item-disabled"), disabled)),
+      return /*#__PURE__*/React.createElement("div", _extends({
+        className: classNames("".concat(prefixCls, "-actions-popover-item"), _defineProperty({}, "".concat(prefixCls, "-actions-popover-item-disabled"), disabled))
+      }, getTrackAttr(item.text), {
         key: index,
         onClick: function onClick() {
           if (!disabled) {
@@ -151,7 +163,7 @@ function Actions(props) {
             }
           }
         }
-      }, item.text);
+      }), item.text);
     })
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(Icons.More, null)

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.0",
+  "version": "1.1.3",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -62,5 +62,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "53c287f2fc2ebd1251b38ac587eab8f648f73c85"
+  "gitHead": "1d20795e81a4ee2bef8b7dd7e81ef53dcbfe2bed"
 }