@aloudata/aloudata-design 2.13.9 → 2.13.10

package/dist/LogicTree/index.d.ts

@@ -13,5 +13,6 @@ interface IProps<T> {
     renderCondition: TRenderCondition<T>;
     rootNodeAllowedEmpty?: boolean;
     className?: string;
+    needDndProvider?: boolean;
 }
 export default function LogicTree<T>(props: IProps<T>): React.JSX.Element | null;

package/dist/LogicTree/index.js

@@ -21,7 +21,9 @@ export default function LogicTree(props) {
     propsOnChange = props.onChange,
     renderCondition = props.renderCondition,
     rootNodeAllowedEmpty = props.rootNodeAllowedEmpty,
-    className = props.className;
+    className = props.className,
+    _props$needDndProvide = props.needDndProvider,
+    needDndProvider = _props$needDndProvide === void 0 ? false : _props$needDndProvide;
   var initialNode = {
     id: getUniqId(),
     type: ENodeType.LOGIC,
@@ -109,9 +111,7 @@ export default function LogicTree(props) {
   if (!innerValue) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement("div", {
+  var content = /*#__PURE__*/React.createElement("div", {
     className: classNames('ald-logic-tree-wrap', className)
   }, /*#__PURE__*/React.createElement(LogicItem, {
     value: innerValue,
@@ -125,5 +125,12 @@ export default function LogicTree(props) {
     hoverId: hoverItemId,
     setHoverId: setHoverItemId,
     isRoot: true // 将最顶层的LogicItem标记为根节点
-  })));
+  }));
+
+  if (!needDndProvider) {
+    return content;
+  }
+  return /*#__PURE__*/React.createElement(DndProvider, {
+    backend: HTML5Backend
+  }, content);
 }

package/dist/LogicTree/style/LoginItem.less

@@ -19,6 +19,7 @@
 
   &.is-hover {
     background: rgba(244, 244, 245);
+    transition: background-color 0.3s ease-in-out;
   }
 
   &.is-dragging {
@@ -104,6 +105,7 @@
     align-items: center;
     border-radius: 6px;
     background: rgba(244, 244, 245);
+    transition: background-color 0.3s ease-in-out;
   }
 
   &.is-dragging {

package/dist/MemberPicker/components/MultipleOption.js

@@ -52,7 +52,8 @@ export default function MultipleList(params) {
     }, user.userId)
   }), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
     status: "default",
-    count: t.MemberPicker.ban
+    count: t.MemberPicker.ban,
+    className: 'ald-member-picker-ban-badge'
   }))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
     size: "small",

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -59,7 +59,8 @@ export default function SelectedMemberTags(props) {
       }, user.userId)
     })), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
       status: "default",
-      count: t.MemberPicker.ban
+      count: t.MemberPicker.ban,
+      className: 'ald-member-picker-ban-badge'
     }), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',

package/dist/MemberPicker/components/SingleOption.js

@@ -48,7 +48,8 @@ export default function SingleOption(params) {
     }, user.userId)
   }), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
     status: "default",
-    count: t.MemberPicker.ban
+    count: t.MemberPicker.ban,
+    className: 'ald-member-picker-ban-badge'
   }))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
     size: "small",

package/dist/MemberPicker/style/index.less

@@ -7,6 +7,7 @@
 @import '../../message/style/index.less';
 @import '../../Spin/style/index.less';
 @import '../../TextLink/style/index.less';
+@import '../../Badge/style/index.less';
 
 @btnWidth: 30px;
 
@@ -361,3 +362,7 @@
 .ald-member-selected-member-wrapper {
   height: calc(100% - 24px);
 }
+
+.ald-member-picker-ban-badge {
+  flex: 0 0 auto;
+}