@aloudata/aloudata-design 2.15.11 → 2.15.13

package/dist/Button/style/index.less

@@ -7,3 +7,17 @@
 .ant-wave {
   display: none !important;
 }
+
+.ald-loading-spin {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/Checkbox/style/index.less

@@ -91,7 +91,7 @@
 
       .ant-checkbox-checked.ant-checkbox-disabled {
         .ant-checkbox-inner[class][class] {
-          background: @checkbox-checked-inner-bgc-disabled;
+          background: #93c5fd;
         }
       }
 
@@ -118,7 +118,8 @@
 
     .ant-checkbox-checked.ant-checkbox-disabled {
       .ant-checkbox-inner[class][class] {
-        background: @checkbox-checked-inner-bgc-disabled;
+        background: #93c5fd;
+        border: 1px solid rgba(0, 0, 0, 0.2);
       }
     }
 
@@ -174,13 +175,13 @@
       background-color: @checkbox-inner-bgc-disabled;
 
       &::after {
-        top: 3px;
-        left: 2px;
+        top: 2px;
+        left: 1px;
         z-index: 10;
         width: 10px;
         height: 8px;
         /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yNSIvPgo8L3N2Zz4K')
+        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==')
           no-repeat;
         background-size: 100%, 100%;
         border-width: 0;

package/dist/MemberPicker/components/MemberSelection.d.ts

@@ -9,6 +9,7 @@ interface IMemberSelectionProps {
     onSearchValueChange?: (value: string) => void;
     loading: boolean;
     width: number;
+    filterItem?: (item: IUser) => boolean;
     lockedIds: Array<TUserValue | TUserGroupValue>;
 }
 export declare const OPTION_HEIGHT = 36;

package/dist/MemberPicker/components/MemberSelection.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useVirtualizer } from '@tanstack/react-virtual';
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useContext, useDeferredValue, useEffect, useState } from 'react';
+import React, { useContext, useDeferredValue, useEffect, useMemo, useState } from 'react';
 import Empty from "../../Empty";
 import { SearchLine } from "../../Icon";
 import Input from "../../Input";
@@ -30,12 +30,21 @@ export default function MemberSelection(props) {
     onSearchValueChange = props.onSearchValueChange,
     loading = props.loading,
     width = props.width,
-    lockedIds = props.lockedIds;
+    lockedIds = props.lockedIds,
+    filterItem = props.filterItem;
+  var filteredList = useMemo(function () {
+    return userList.filter(function (item) {
+      if (filterItem) {
+        return filterItem(item);
+      }
+      return true;
+    });
+  }, [userList, filterItem]);
   var parentRef = React.useRef(null);
 
   // The virtualizer
   var rowVirtualizer = useVirtualizer({
-    count: userList.length,
+    count: filteredList.length,
     getScrollElement: function getScrollElement() {
       return parentRef.current;
     },
@@ -66,7 +75,7 @@ export default function MemberSelection(props) {
     onChange: function onChange(e) {
       setSearchValue(e.target.value);
     }
-  }), userList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
+  }), filteredList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
     title: t.MemberPicker.noData,
     size: "small",
     image: Empty.PRESENTED_IMAGE_SEARCH,
@@ -84,7 +93,7 @@ export default function MemberSelection(props) {
       overflowX: 'hidden'
     },
     className: classNames('ald-member-picker-member-list', {
-      'ald-member-picker-member-list-null': userList.length === 0 && !loading
+      'ald-member-picker-member-list-null': filteredList.length === 0 && !loading
     })
     // innerClassName="ald-member-picker-member-scroll"
   }, /*#__PURE__*/React.createElement("div", {
@@ -96,7 +105,7 @@ export default function MemberSelection(props) {
       height: "".concat(rowVirtualizer.getTotalSize(), "px")
     }
   }, rowVirtualizer.getVirtualItems().map(function (virtualItem) {
-    var user = userList[virtualItem.index];
+    var user = filteredList[virtualItem.index];
     var isSelected = selectedUsers.some(function (selectedUser) {
       return selectedUser.userId === user.userId;
     });

package/dist/MemberPicker/components/UserGroupSelection.d.ts

@@ -10,6 +10,7 @@ interface IProps {
     onSearchValueChange?: (value: string) => void;
     width: number;
     lockedIds: Array<TUserValue | TUserGroupValue>;
+    filterItem?: (item: IUserGroup) => boolean;
 }
-declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, }: IProps) => React.JSX.Element;
+declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, filterItem, }: IProps) => React.JSX.Element;
 export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -34,7 +34,8 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     selectedUsersGroups = _ref.selectedUsersGroup,
     loading = _ref.loading,
     width = _ref.width,
-    lockedIds = _ref.lockedIds;
+    lockedIds = _ref.lockedIds,
+    filterItem = _ref.filterItem;
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
@@ -85,7 +86,12 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
   })), [userGroupList, groupPath, searchKey, getNextLevelGroup]);
   useEffect(function () {
     getFilterUserList().then(function (userGroups) {
-      setFilterUserList(userGroups);
+      setFilterUserList(userGroups.filter(function (userGroup) {
+        if (filterItem) {
+          return filterItem(userGroup);
+        }
+        return true;
+      }));
     });
   }, [getFilterUserList]);
   return /*#__PURE__*/React.createElement("div", {

package/dist/MemberPicker/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "type", "onChange", "multiple", "dropdownWidth", "open", "onOpenChange", "placeholder", "className", "allowClear", "disabled", "onClear", "size", "prefix", "lockedIds", "footer", "onCancel"];
+var _excluded = ["value", "type", "onChange", "multiple", "dropdownWidth", "open", "onOpenChange", "placeholder", "className", "allowClear", "disabled", "onClear", "size", "prefix", "lockedIds", "footer", "onCancel", "filterItem"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -53,6 +53,7 @@ var Component = function Component(props) {
     lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
     footer = props.footer,
     _onCancel = props.onCancel,
+    filterItem = props.filterItem,
     restProps = _objectWithoutProperties(props, _excluded);
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
@@ -129,6 +130,11 @@ var Component = function Component(props) {
     return _.uniqBy(totalUsers, function (data) {
       if (data.type === EUserType.USER) return data.userId;
       return data.groupId;
+    }).filter(function (item) {
+      if (filterItem) {
+        return filterItem(item);
+      }
+      return true;
     });
   }, [searchString, searchUserList, selectedUserList]);
   useEffect(function () {

package/dist/MemberPicker/interface.d.ts

@@ -20,6 +20,7 @@ export interface IBaseMemberSelectorProps extends Omit<ISelectProps, 'type'> {
     lockedIds?: Array<TUserValue | TUserGroupValue>;
     footer?: ReactNode;
     onCancel?: () => void;
+    filterItem?: (item: IUser | IUserGroup) => boolean;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple: true | Mode;

package/dist/Steps/style/index.less

@@ -142,6 +142,8 @@
   height: 100%;
 
   .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
+    position: absolute;
+    top: 10px;
     margin: 0 8px 10px 0;
     font-size: 12px;
     line-height: 24px;
@@ -155,11 +157,12 @@
     align-items: center;
 
     .ant-steps-item-content {
+      padding-left: 32px;
       display: flex;
+      min-height: 20px;
       flex-direction: column;
       align-items: flex-start;
       justify-content: center;
-      margin-top: -11px;
       margin-left: -4px;
 
       .ant-steps-item-title {
@@ -170,13 +173,13 @@
 
       .ant-steps-item-description {
         max-width: 264px;
-        height: 16px;
-        max-height: 32px;
+        // height: 16px;
+        height: fit-content;
+        max-height: fit-content;
         margin-top: 3px;
+        overflow: visible;
         padding: 0;
-        overflow: hidden;
         font-size: 12px;
-        line-height: 16px;
         text-overflow: ellipsis;
         word-wrap: break-word;
         color: #4b5563;
@@ -203,6 +206,8 @@
 
   // 常规step
   .ant-steps-item {
+    padding: 8px 0 !important;
+
     &:last-child {
       flex: 0 0 auto;
     }
@@ -210,7 +215,7 @@
     .ant-steps-item-container {
       .ant-steps-item-tail {
         position: absolute;
-        top: 18px;
+        top: 10px !important;
         left: 4px;
         width: 2px;
         height: 100%;