linkmore-design 1.1.22-beta.4 → 1.1.22-beta.5

package/lib/LmTable/style/variables.css

@@ -361,6 +361,12 @@
 #lm_protable_warp .ant-table-container {
   height: 100%;
 }
+#lm_protable_warp.lm_protable_footer .ant-table-container {
+  height: auto;
+}
+#lm_protable_warp.lm_protable_footer .ant-table-footer {
+  background-color: #fff;
+}
 #lm_protable_warp .ant-card-body,
 #lm_protable_warp .ant-pro-card-body {
   padding: 0;

package/lib/QuickMenu/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IMenuData {
+export interface IMenuData {
     menuId: string;
     title: string | React.ReactNode;
     hidden?: boolean;
@@ -10,6 +10,7 @@ export interface IQuickMenuProps {
     top?: number;
     menuData: IMenuData[];
     warpElement: any;
+    root?: IntersectionObserver['root'] | undefined;
 }
 declare const LMQuickMenu: React.FC<IQuickMenuProps>;
 export default LMQuickMenu;

package/lib/QuickMenu/index.js

@@ -19,7 +19,8 @@ var LMQuickMenu = function LMQuickMenu(props) {
     top = _props$top === void 0 ? '104px' : _props$top,
     _props$menuData = props.menuData,
     menuData = _props$menuData === void 0 ? [] : _props$menuData,
-    warpElement = props.warpElement;
+    warpElement = props.warpElement,
+    root = props.root;
   var idTopInfo = (0, _react.useRef)({});
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -64,11 +65,13 @@ var LMQuickMenu = function LMQuickMenu(props) {
     // eslint-disable-next-line global-require
     var scrollama = require('scrollama');
     menuTimeEventRef.current = scrollama();
+    console.log((0, _domTarget.getTargetElement)(warpElement || document), '--getTargetElement(warpElement || document)');
     (_c = (_b = menuTimeEventRef.current) === null || _b === void 0 ? void 0 : _b.setup({
       step: filterMenuData.map(function (item) {
         return document.getElementById("".concat(item.menuId));
       }).filter(Boolean),
-      container: (0, _domTarget.getTargetElement)(warpElement || document)
+      container: (0, _domTarget.getTargetElement)(warpElement || document),
+      root: root ? (0, _domTarget.getTargetElement)(root) : undefined
     })) === null || _c === void 0 ? void 0 : _c.onStepEnter(function (_ref) {
       var element = _ref.element;
       updateActiveToc(element.id);
@@ -94,11 +97,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
   }, [scroll], {
     wait: 50
   });
-  var bindDom = function bindDom() {
-    if (!Object.keys(idTopInfo.current).length) {
-      setKeysDom();
-    }
-  };
   var handleScroll = function handleScroll() {
     setScrollOpenStatus(true);
   };
@@ -109,10 +107,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
   (0, _react.useEffect)(function () {
     var _a;
     // bindScroller();
-    setTimeout(function () {
-      bindDom();
-      bindScroller();
-    }, 200);
     (_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScroll, {
       once: true
     });
@@ -121,6 +115,12 @@ var LMQuickMenu = function LMQuickMenu(props) {
       (_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      setKeysDom();
+      bindScroller();
+    }, 200);
+  }, [filterMenuData]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(prefixCls),
     onMouseEnter: function onMouseEnter() {

package/lib/index.d.ts

@@ -54,6 +54,7 @@ export { default as LmEditTable } from './LmEditTable';
 export type { CountdownHandle, TLmEditTable } from './LmEditTable/EditTable';
 export { default as List } from './List';
 export { default as LMQuickMenu } from './QuickMenu';
+export type { IMenuData, IQuickMenuProps } from './QuickMenu';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './DatePicker';
 export { default as Popover } from './Popover';

package/lib/styles/variables.css

@@ -10965,6 +10965,12 @@ p {
 #lm_protable_warp .ant-table-container {
   height: 100%;
 }
+#lm_protable_warp.lm_protable_footer .ant-table-container {
+  height: auto;
+}
+#lm_protable_warp.lm_protable_footer .ant-table-footer {
+  background-color: #fff;
+}
 #lm_protable_warp .ant-card-body,
 #lm_protable_warp .ant-pro-card-body {
   padding: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.22-beta.4",
+  "version": "1.1.22-beta.5",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"

package/es/LmTable/components/DndContainer.module.css

@@ -1,6 +0,0 @@
-.dnd_table_container > div {
-  border: none !important;
-}
-.dnd_table_container ul {
-  padding: 0 !important;
-}

package/lib/LmTable/components/DndContainer.module.css

@@ -1,6 +0,0 @@
-.dnd_table_container > div {
-  border: none !important;
-}
-.dnd_table_container ul {
-  padding: 0 !important;
-}