linkmore-design 1.1.17 → 1.1.19

package/dist/variables.css

@@ -746,12 +746,13 @@ p {
   padding: 0 var(--gap);
 }
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -769,12 +770,24 @@ p {
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -795,57 +808,46 @@ p {
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -853,11 +855,12 @@ p {
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;
@@ -2241,6 +2244,9 @@ p {
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;
@@ -9540,6 +9546,9 @@ p {
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}
 .lm_grid_tree {
   position: relative;
   font-size: 12px;
@@ -12398,6 +12407,33 @@ button.ant-table-row-expand-icon::after {
 .lm_select_dropdown .ant-select-item-option-disabled {
   color: var(--disabled-font-color);
 }
+.lm_select_has_icon {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+}
+.lm_select_has_icon .ant-select {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  z-index: 3;
+}
+.lm_select_has_icon .ant-select .ant-select-selector {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.lm_select_has_icon .lm_select_icon_button {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  z-index: 2;
+}
+.lm_select_has_icon .lm_select_icon_button:hover,
+.lm_select_has_icon .lm_select_icon_button:focus {
+  z-index: 5;
+}
 .ant-switch.lm-switch {
   width: 48px;
   height: 24px;
@@ -12574,6 +12610,9 @@ button.ant-table-row-expand-icon::after {
 .lm_tree .ant-tree-node-selected > .ant-tree-title {
   color: var(--primary-color);
 }
+.lm_tree_select .ant-select-selection-placeholder {
+  font-size: 12px;
+}
 .ant-upload-select-picture-card div {
   margin-top: 8px;
 }

package/es/Button/index.js

@@ -27,7 +27,8 @@ var LMButton = function LMButton(props) {
       type = _props$type === void 0 ? 'default' : _props$type,
       _props$hover = props.hover,
       hover = _props$hover === void 0 ? false : _props$hover,
-      restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
+      danger = props.danger,
+      restProps = __rest(props, ["children", "className", "size", "type", "hover", "danger"]);
 
   var globalSize = customizeSize || React.useContext(SizeContext) || 'middle';
   var size = React.useMemo(function () {
@@ -36,12 +37,12 @@ var LMButton = function LMButton(props) {
 
   var classs = cls('lm-button', className, {
     'lm-button-icon-only': !children
-  }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
+  }, _defineProperty({}, "lm-button-danger", danger), _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/React.createElement(_Button, Object.assign({}, restProps, {
     className: classs,
     size: size,
     type: type,
-    danger: !!restProps.danger
+    danger: !!danger
   }), children);
 };
 

package/es/Button/style/index.css

@@ -1,10 +1,11 @@
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -22,12 +23,24 @@
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -48,57 +61,46 @@
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -106,11 +108,12 @@
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;

package/es/Button/style/variables.css

@@ -1,10 +1,11 @@
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -22,12 +23,24 @@
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -48,57 +61,46 @@
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -106,11 +108,12 @@
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;

package/es/Cascader/index.js

@@ -16,6 +16,8 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import classNames from 'classnames';
+import DisabledContext from '../ConfigProvider/DisabledContext';
+import SizeContext from '../ConfigProvider/SizeContext';
 var prefixCls = 'lm_cascader';
 var prefixDropdownCls = 'lm_cascader_dropdown';
 
@@ -26,7 +28,16 @@ var LMCascader = function LMCascader(props) {
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
       defaultLabel = props.defaultLabel,
-      others = __rest(props, ["children", "className", "dropdownClassName", "placeholder", "defaultLabel"]);
+      customDisabled = props.disabled,
+      customizeSize = props.size,
+      others = __rest(props // ===================== Disabled =====================
+  , ["children", "className", "dropdownClassName", "placeholder", "defaultLabel", "disabled", "size"]); // ===================== Disabled =====================
+
+
+  var disabled = React.useContext(DisabledContext);
+  var size = React.useContext(SizeContext);
+  var mergeSize = customizeSize || size;
+  var mergedDisabled = customDisabled || disabled;
 
   var displayRender = function displayRender(label, selectedOptions) {
     var hasUndefined = selectedOptions.some(function (v) {
@@ -45,7 +56,10 @@ var LMCascader = function LMCascader(props) {
     className: classNames(prefixCls, className),
     dropdownClassName: classNames(prefixDropdownCls, dropdownClassName),
     displayRender: displayRender
-  }, others));
+  }, others, {
+    size: mergeSize,
+    disabled: mergedDisabled
+  }));
 };
 
 export default LMCascader;

package/es/Descriptions/index.d.ts

@@ -21,7 +21,7 @@ export interface DescriptionsProps {
     contentStyle?: React.CSSProperties;
     containerType?: 'default' | 'drawer' | 'modal';
 }
-declare function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle, containerType }: DescriptionsProps): JSX.Element;
+declare function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle, containerType, }: DescriptionsProps): JSX.Element;
 declare namespace Descriptions {
     var Item: React.FC<import("./Item").DescriptionsItemProps>;
 }

package/es/Descriptions/index.js

@@ -143,9 +143,9 @@ function Descriptions(_ref) {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size), size && size !== 'default'), _defineProperty(_classNames, "".concat(prefixCls, "-bordered"), !!bordered), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className, 'lm_descriptions', {
-      'lm_descriptions_default': containerType === 'default',
-      'lm_descriptions_drawer': containerType === 'drawer',
-      'lm_descriptions_modal': containerType === 'modal'
+      lm_descriptions_default: containerType === 'default',
+      lm_descriptions_drawer: containerType === 'drawer',
+      lm_descriptions_modal: containerType === 'modal'
     }),
     style: style
   }, (title || extra) && /*#__PURE__*/React.createElement("div", {

package/es/Descriptions/style/index.css

@@ -665,6 +665,9 @@ p {
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;

package/es/Descriptions/style/variables.css

@@ -153,6 +153,9 @@
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;

package/es/InputNumber/index.js

@@ -17,23 +17,30 @@ var __rest = this && this.__rest || function (s, e) {
 import classNames from 'classnames';
 import React from 'react';
 import DisabledContext from '../ConfigProvider/DisabledContext';
+import SizeContext from '../ConfigProvider/SizeContext';
 var prefixCls = 'lm_input-number';
 
 var LMInputNumber = function LMInputNumber(props) {
   var children = props.children,
       className = props.className,
       customDisabled = props.disabled,
+      customizeSize = props.size,
       rest = __rest(props // ===================== Disabled =====================
-  , ["children", "className", "disabled"]); // ===================== Disabled =====================
+  , ["children", "className", "disabled", "size"]); // ===================== Disabled =====================
 
 
   var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled || disabled;
+  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
+
+  var size = React.useContext(SizeContext);
+  var mergeSize = customizeSize || size;
   return /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
     className: classNames(className, prefixCls),
-    disabled: mergedDisabled,
     placeholder: "\u8BF7\u8F93\u5165"
-  }, rest));
+  }, rest, {
+    size: mergeSize,
+    disabled: mergedDisabled
+  }));
 };
 
 var CInputNumber = LMInputNumber;

package/es/InputNumber/style/index.css

@@ -549,3 +549,6 @@ p {
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}

package/es/InputNumber/style/variables.css

@@ -37,3 +37,6 @@
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}

package/es/LmEditTable/EditTable.js

@@ -1153,7 +1153,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
               relevanceCols = col.relevanceCols,
               componentProps = col.componentProps;
 
-          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children || componentProps && isFunction(componentProps)) {
+          if (componentProps && isFunction(componentProps)) {
+            return true;
+          }
+
+          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
             return true;
           }
 

package/es/LmFilter/components/DropdownFIlter.js

@@ -201,7 +201,7 @@ var ItemLabel = /*#__PURE__*/_react.default.memo(function (_ref3) {
     } catch (error) {
       return filterValue;
     }
-  }, [type, filterValue]);
+  }, [type, data, filterValue]);
 
   if (isString) {
     return /*#__PURE__*/_react.default.createElement("span", null, String);

package/es/QuickMenu/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface IMenuData {
     menuId: string;
     title: string | React.ReactNode;
+    hidden?: boolean;
 }
 export interface IQuickMenuProps {
     className?: string;

package/es/QuickMenu/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useState, useRef, useMemo } from 'react';
 import { IconFont, Button } from 'linkmore-design';
 import { useScroll, useDebounceEffect } from 'ahooks';
 import classNames from 'classnames';
@@ -31,6 +31,11 @@ var LMQuickMenu = function LMQuickMenu(props) {
   var scroll = useScroll(getTargetElement(warpElement || document), function () {
     return scrollOpenStatus;
   });
+  var filterMenuData = useMemo(function () {
+    return menuData === null || menuData === void 0 ? void 0 : menuData.filter(function (item) {
+      return item.hidden !== true;
+    });
+  }, [menuData]);
 
   function clearActiveToc() {
     [].forEach.call(document.querySelectorAll('.lm_menu_list li a'), function (node) {
@@ -54,7 +59,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
       (_a = menuTimeEventRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
     }
 
-    if (!menuData.length) {
+    if (!filterMenuData.length) {
       return;
     } // eslint-disable-next-line global-require
 
@@ -66,11 +71,10 @@ var LMQuickMenu = function LMQuickMenu(props) {
 
     menuTimeEventRef.current = scrollama();
     (_c = (_b = menuTimeEventRef.current) === null || _b === void 0 ? void 0 : _b.setup({
-      step: menuData.map(function (item) {
+      step: filterMenuData.map(function (item) {
         return document.getElementById("".concat(item.menuId));
-      }).filter(Boolean) // required
-      // offset: '10px',
-
+      }).filter(Boolean),
+      container: getTargetElement(warpElement || document)
     })) === null || _c === void 0 ? void 0 : _c.onStepEnter(function (_ref) {
       var element = _ref.element;
       updateActiveToc(element.id);
@@ -78,7 +82,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
   };
 
   function setKeysDom() {
-    menuData.forEach(function (item) {
+    filterMenuData.forEach(function (item) {
       var _a, _b;
 
       var warpTop = ((_a = getTargetElement(warpElement || document)) === null || _a === void 0 ? void 0 : _a.offsetTop) || 0;
@@ -156,7 +160,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
     })
   }), /*#__PURE__*/React.createElement("ul", {
     className: classNames('lm_menu_list', hovering && 'show', className)
-  }, menuData.map(function (item) {
+  }, filterMenuData.map(function (item) {
     return /*#__PURE__*/React.createElement("li", {
       key: item.menuId,
       onClick: function onClick() {