@aloudata/aloudata-design 2.19.3 → 2.19.5

package/dist/Checkbox/style/index.less

@@ -21,6 +21,11 @@
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
+  height: fit-content;
+
+  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+    margin-left: 0;
+  }
 }
 
 .ald-checkout-group-vertical.ant-checkbox-group.ald-checkbox-group.ald-checkbox-group {

package/dist/LogicTree/components/DisplayLogicItem/index.d.ts

@@ -4,7 +4,6 @@ interface IProps<T> {
     value: TNode<T>;
     renderCondition: (value: T) => React.ReactNode;
     backgroundColor?: string;
-    key: string;
 }
-export declare function DisplayLogicItem<T>({ value, renderCondition, backgroundColor, key, }: IProps<T>): React.JSX.Element | null;
+export declare function DisplayLogicItem<T>({ value, renderCondition, backgroundColor, }: IProps<T>): React.JSX.Element | null;
 export {};

package/dist/LogicTree/components/DisplayLogicItem/index.js

@@ -17,8 +17,7 @@ export function DisplayLogicItem(_ref) {
   var _logicTypeTextMap;
   var value = _ref.value,
     renderCondition = _ref.renderCondition,
-    backgroundColor = _ref.backgroundColor,
-    key = _ref.key;
+    backgroundColor = _ref.backgroundColor;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     firstNodeHight = _useState2[0],
@@ -57,7 +56,7 @@ export function DisplayLogicItem(_ref) {
       return /*#__PURE__*/React.createElement("div", {
         className: "ald-logic-tree-node-wrap",
         ref: ref,
-        key: key
+        key: node.id
       }, /*#__PURE__*/React.createElement("div", {
         className: "ald-logic-tree-horizontal-line"
       }), /*#__PURE__*/React.createElement(DisplayLogicItem, {

package/dist/LogicTree/components/LogicItem/index.js

@@ -7,7 +7,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useContext, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { DragPreviewImage, useDrag, useDrop } from 'react-dnd';
 import { EPutPosition } from "../..";
 import DragLightLine from "../../../Icon/components/DragLightLine";
@@ -62,6 +62,8 @@ export default function LogicItem(_ref) {
   }];
   var type = value.type;
   var ref = useRef(null);
+  var firstResizeObserverRef = useRef(null);
+  var lastResizeObserverRef = useRef(null);
   var _useDrag = useDrag({
       type: 'LOGIC_ITEM',
       item: {
@@ -147,6 +149,10 @@ export default function LogicItem(_ref) {
   drag(drop(ref));
   var isDragOver = isOver && canDrop && !isRoot;
   var firstRef = useCallback(function (node) {
+    if (firstResizeObserverRef.current) {
+      firstResizeObserverRef.current.disconnect();
+      firstResizeObserverRef.current = null;
+    }
     if (!node) return;
     var resizeObserver = new ResizeObserver(function (entries) {
       var _iterator = _createForOfIteratorHelper(entries),
@@ -166,11 +172,13 @@ export default function LogicItem(_ref) {
       }
     });
     resizeObserver.observe(node);
-    return function () {
-      resizeObserver.disconnect();
-    };
+    firstResizeObserverRef.current = resizeObserver;
   }, []);
   var lastRef = useCallback(function (node) {
+    if (lastResizeObserverRef.current) {
+      lastResizeObserverRef.current.disconnect();
+      lastResizeObserverRef.current = null;
+    }
     if (!node) return;
     var resizeObserver = new ResizeObserver(function (entries) {
       var _iterator2 = _createForOfIteratorHelper(entries),
@@ -190,9 +198,7 @@ export default function LogicItem(_ref) {
       }
     });
     resizeObserver.observe(node);
-    return function () {
-      resizeObserver.disconnect();
-    };
+    lastResizeObserverRef.current = resizeObserver;
   }, []);
   var onAddCondition = function onAddCondition() {
     var id = value.id;
@@ -214,6 +220,18 @@ export default function LogicItem(_ref) {
     var id = value.id;
     changeRecordData(id, data);
   };
+  useEffect(function () {
+    return function () {
+      if (firstResizeObserverRef.current) {
+        firstResizeObserverRef.current.disconnect();
+        firstResizeObserverRef.current = null;
+      }
+      if (lastResizeObserverRef.current) {
+        lastResizeObserverRef.current.disconnect();
+        lastResizeObserverRef.current = null;
+      }
+    };
+  }, []);
   var isEn = locale === ELangType.EN;
   if (type === ENodeType.LOGIC) {
     var nodes = value.nodes,

package/dist/Table/index.js

@@ -288,8 +288,9 @@ function Table(props, ref) {
       return 48;
     },
     // estimate row height for accurate scrollbar dragging
+    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度
     getScrollElement: function getScrollElement() {
-      return bodyRef.current;
+      return totalSize ? bodyRef.current : null;
     },
     // measure dynamic row height, except in firefox because it measures table border height incorrectly
     measureElement: typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1 ? function (element) {

package/dist/Tag/index.js

@@ -68,7 +68,7 @@ export default function Tag(props) {
     }
     onClose === null || onClose === void 0 ? void 0 : onClose(e);
   }, [disabled, onClose]);
-  var DEFAULT_MAX_WIDTH = 160;
+  var DEFAULT_MAX_WIDTH = 400;
   var domTitle = title !== undefined ? title : typeof children === 'string' ? children : '';
   return /*#__PURE__*/React.createElement("span", {
     className: classNames(prefixCls('container'), (_classNames = {}, _defineProperty(_classNames, prefixCls('small'), size === 'small'), _defineProperty(_classNames, prefixCls('large'), size === 'large'), _defineProperty(_classNames, prefixCls('disabled'), disabled), _classNames), className || ''),