@aloudata/aloudata-design 2.14.6 → 2.14.7

package/dist/AldSelect/BaseSelect.js

@@ -224,6 +224,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, prefix), _.isEmpty(displayValues) && /*#__PURE__*/React.createElement("div", {
     className: setClassNames('placeholder')
   }, placeholder), !_.isEmpty(displayValues) && /*#__PURE__*/React.createElement(Selector, _extends({}, restProps, {
+    suffixIcon: suffixIcon,
     size: size,
     mode: mode,
     dropdownRef: dropdownRef,

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.d.ts

@@ -6,4 +6,6 @@ export default function MultipleResponsiveSelectedSection(params: {
     renderItem: (valueItem: DisplayValueType) => React.JSX.Element | null;
     onToggleOpen: (open: boolean) => void;
     dropdownRef: RefObject<RefTriggerProps>;
+    maxHeight?: number;
+    suffixIcon?: React.ReactNode;
 }): React.JSX.Element;

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.js

@@ -1,9 +1,13 @@
 import React, { useEffect, useRef } from 'react';
+import ScrollArea from "../../ScrollArea";
+import Suffix from "../components/Suffix";
 export default function MultipleResponsiveSelectedSection(params) {
   var displayValues = params.displayValues,
     renderItem = params.renderItem,
     onToggleOpen = params.onToggleOpen,
-    dropdownRef = params.dropdownRef;
+    dropdownRef = params.dropdownRef,
+    maxHeight = params.maxHeight,
+    suffixIcon = params.suffixIcon;
   var multipleSelectedSectionRef = useRef(null);
   useEffect(function () {
     function getSelect() {
@@ -30,5 +34,17 @@ export default function MultipleResponsiveSelectedSection(params) {
   return /*#__PURE__*/React.createElement("div", {
     ref: multipleSelectedSectionRef,
     className: "beta-ald-select-selector-multiple-responsive-selected-section"
-  }, displayValues.map(renderItem));
+  }, /*#__PURE__*/React.createElement(ScrollArea, {
+    innerClassName: "beta-ald-select-selector-multiple-responsive-selected-section-inner",
+    innerStyle: {
+      maxHeight: maxHeight
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "beta-ald-select-selector-multiple-responsive-selected-section-tags"
+  }, displayValues.map(renderItem))), /*#__PURE__*/React.createElement(Suffix, {
+    showArrow: true,
+    allowClear: false,
+    icon: suffixIcon,
+    displayValues: displayValues
+  }));
 }

package/dist/AldSelect/Selector/MultipleSelector.js

@@ -33,7 +33,8 @@ export default function MultipleSelector(props) {
     disabled = props.disabled,
     maxTagPlaceholder = props.maxTagPlaceholder,
     showResponsiveSelectedSection = props.showResponsiveSelectedSection,
-    dropdownRef = props.dropdownRef;
+    dropdownRef = props.dropdownRef,
+    suffixIcon = props.suffixIcon;
   var innerMaxTagPlaceholder = function innerMaxTagPlaceholder(omittedValues) {
     return "+ ".concat(omittedValues.length === displayValues.length ? omittedValues.length - 1 : omittedValues.length);
   };
@@ -44,7 +45,6 @@ export default function MultipleSelector(props) {
   var customizeRenderSelector = function customizeRenderSelector(value, content, itemDisabled, closable, onClose, isPreview) {
     var onMouseDown = function onMouseDown(e) {
       onPreventMouseDown(e);
-      onToggleOpen(!open);
     };
     return /*#__PURE__*/React.createElement("span", {
       className: "beta-ald-select-custom-tag-render-wrapper",
@@ -106,15 +106,16 @@ export default function MultipleSelector(props) {
   };
   var maxHeight = useMemo(function () {
     if (isMultiple(mode)) {
+      var maxRows;
       if (_typeof(mode) === 'object') {
-        var maxRows = mode.maxRows;
-        if (!maxRows) {
-          // 2.5行高+2行间距
-          return 2.5 * tagHeight + 2 * gap;
-        } else {
-          // 总行高+总行间距
-          return maxRows * tagHeight + (maxRows - 1) * gap;
-        }
+        maxRows = mode.maxRows;
+      }
+      if (!maxRows) {
+        // 2.5行高+2行间距
+        return 2.5 * tagHeight + 2 * gap;
+      } else {
+        // 总行高+总行间距
+        return maxRows * tagHeight + (maxRows - 1) * gap;
       }
     }
     return undefined;
@@ -139,6 +140,8 @@ export default function MultipleSelector(props) {
     }), showResponsiveSelectedSection && /*#__PURE__*/React.createElement(MultipleResponsiveSelectedSection, {
       displayValues: displayValues,
       renderItem: renderItem,
+      maxHeight: maxHeight,
+      suffixIcon: suffixIcon,
       onToggleOpen: onToggleOpen,
       dropdownRef: dropdownRef
     }));

package/dist/AldSelect/style/index.less

@@ -119,14 +119,17 @@
         position: absolute;
         top: -1px;
         left: -1px;
-        display: flex;
-        gap: 4px;
-        flex-wrap: wrap;
-        align-items: flex-start;
         border-width: 1px;
         border-style: solid;
         background-color: #fff;
         z-index: 1;
+
+        .beta-ald-select-selector-multiple-responsive-selected-section-tags {
+          align-items: flex-start;
+          display: flex !important;
+          flex-wrap: wrap;
+          gap: 4px;
+        }
       }
     }
 

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

@@ -1,3 +1,4 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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); }
@@ -6,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, { useContext, useRef, useState } from 'react';
+import React, { useCallback, useContext, useRef, useState } from 'react';
 import { DragPreviewImage, useDrag, useDrop } from 'react-dnd';
 import { EPutPosition } from "../..";
 import DragLightLine from "../../../Icon/components/DragLightLine";
@@ -144,16 +145,54 @@ export default function LogicItem(_ref) {
     drop = _useDrop2[1];
   drag(drop(ref));
   var isDragOver = isOver && canDrop && !isRoot;
-  var firstRefCallback = function firstRefCallback(e) {
-    if (e) {
-      setFirstNodeHight(e.clientHeight);
-    }
-  };
-  var lastRefCallback = function lastRefCallback(e) {
-    if (e) {
-      setLastNodeHight(e.clientHeight);
-    }
-  };
+  var firstRef = useCallback(function (node) {
+    if (!node) return;
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var newHeight = entry.contentRect.height;
+          if (newHeight > 0) {
+            setFirstNodeHight(newHeight);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    resizeObserver.observe(node);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  var lastRef = useCallback(function (node) {
+    if (!node) return;
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var _iterator2 = _createForOfIteratorHelper(entries),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var entry = _step2.value;
+          var newHeight = entry.contentRect.height;
+          if (newHeight > 0) {
+            setLastNodeHight(newHeight);
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    });
+    resizeObserver.observe(node);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
   var onAddCondition = function onAddCondition() {
     var id = value.id;
     addCondition(id);
@@ -195,16 +234,16 @@ export default function LogicItem(_ref) {
       },
       ref: ref
     }, _.map(nodes, function (node, index) {
-      var ref = null;
+      var heightRef = null;
       if (index === 0) {
-        ref = firstRefCallback;
+        heightRef = firstRef;
       } else if (index === nodes.length - 1) {
-        ref = lastRefCallback;
+        heightRef = lastRef;
       }
       return /*#__PURE__*/React.createElement("div", {
         className: "ald-logic-tree-node-wrap",
-        ref: ref,
-        key: node.id
+        key: node.id,
+        ref: heightRef
       }, /*#__PURE__*/React.createElement("div", {
         className: "ald-logic-tree-horizontal-line"
       }), /*#__PURE__*/React.createElement(LogicItem, {

package/dist/Table/helper.d.ts

@@ -23,7 +23,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, con
         render?: ((text: any, record: TDataItem, rowIndex: number) => import("react").ReactNode) | undefined;
         ellipsis?: boolean | undefined;
         noPadding?: boolean | undefined;
-        align?: "center" | "left" | "right" | undefined;
+        align?: "left" | "right" | "center" | undefined;
         fixed?: "left" | "right" | undefined;
         sortOrder?: "ascend" | "descend" | null | undefined;
     };