@aloudata/aloudata-design 1.10.12 → 1.10.14

package/dist/Dropdown/style/index.less

@@ -3,7 +3,7 @@
 
 @Dropdown-menu-minWidth: 140px;
 
-.ant-dropdown {
+.ant-dropdown.ant-dropdown {
   border: 1px solid #d5d5d5;
   border-radius: 2px;
   box-shadow: @shadow-L;
@@ -11,6 +11,19 @@
   :first-child {
     box-shadow: none !important;
   }
+
+  .ant-dropdown-menu {
+    .ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
+      &:not(.ant-dropdown-menu-item-disabled) {
+        color: #b82828;
+
+        &:hover {
+          background-color: #f8f8f8;
+          color: #b82828;
+        }
+      }
+    }
+  }
 }
 
 .ant-dropdown-menu > .ant-dropdown-menu {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IUser } from '../interface';
+import { IUser, TUserGroupValue, TUserValue } from '../interface';
 interface IMemberSelectionProps {
     className?: string;
     userList: IUser[];
@@ -9,6 +9,7 @@ interface IMemberSelectionProps {
     onSearchValueChange?: (value: string) => void;
     loading: boolean;
     width: number;
+    lockedIds: Array<TUserValue | TUserGroupValue>;
 }
 export default function MemberSelection(props: IMemberSelectionProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/MemberSelection.js

@@ -5,6 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
+import _ from 'lodash';
 import React, { useDeferredValue, useEffect, useState } from 'react';
 import Empty from "../../Empty";
 import { SearchLine } from "../../Icon";
@@ -22,7 +23,8 @@ export default function MemberSelection(props) {
     selectedUsers = props.selectedUsers,
     onSearchValueChange = props.onSearchValueChange,
     loading = props.loading,
-    width = props.width;
+    width = props.width,
+    lockedIds = props.lockedIds;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
@@ -71,9 +73,15 @@ export default function MemberSelection(props) {
     var isSelected = selectedUsers.some(function (selectedUser) {
       return selectedUser.userId === user.userId;
     });
+    var index = _.findIndex(lockedIds, {
+      userId: user.userId,
+      type: user.type
+    });
+    var disabled = index !== -1;
     return multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
       key: user.userId,
       user: user,
+      disabled: disabled,
       selected: isSelected,
       onChange: function onChange(selected, user) {
         if (isUser(user)) _onChange(selected, user);

package/dist/MemberPicker/components/MultipleOption.js

@@ -23,7 +23,7 @@ export default function MultipleList(params) {
     onChange === null || onChange === void 0 ? void 0 : onChange(!selected, user);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames('ald-member-picker-option', className, _defineProperty({}, 'ald-member-picker-optionDisabled', disabled)),
+    className: classnames('ald-member-picker-option', className, _defineProperty({}, 'ald-member-picker-option-disabled', disabled)),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: 'ald-member-picker-label'

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

@@ -1,4 +1,4 @@
-import { IUserGroup, TUser } from "../../ConfigProvider/getUserList";
+import { IUserGroup, TUser, TUserGroupValue, TUserValue } from "../../ConfigProvider/getUserList";
 import React from 'react';
 import { EMemberPicker, IUser } from '../interface';
 interface IPanelProps {
@@ -12,6 +12,7 @@ interface IPanelProps {
     onCancel?: () => void;
     loading: boolean;
     className?: string;
+    lockedIds: Array<TUserValue | TUserGroupValue>;
 }
 export default function Panel(props: IPanelProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/Panel.js

@@ -31,7 +31,8 @@ export default function Panel(props) {
     onChange = props.onChange,
     dataList = props.dataList,
     onSearchValueChange = props.onSearchValueChange,
-    className = props.className;
+    className = props.className,
+    lockedIds = props.lockedIds;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     selectedUsers = _useState2[0],
@@ -90,6 +91,7 @@ export default function Panel(props) {
       onChange: onSelectionChange,
       onSearchValueChange: onSearchValueChange,
       multiple: true,
+      lockedIds: lockedIds,
       loading: props.loading
     });
     var userGroupSelection = /*#__PURE__*/React.createElement(UserGroupSelection, {
@@ -100,6 +102,7 @@ export default function Panel(props) {
       onChange: onSelectionChange,
       onSearchValueChange: onSearchValueChange,
       multiple: true,
+      lockedIds: lockedIds,
       loading: props.loading
     });
     if (type === EMemberPicker.USER) {
@@ -124,7 +127,7 @@ export default function Panel(props) {
         className: "ald-member-tabs"
       });
     }
-  }, [onSearchValueChange, onSelectionChange, panelWidth, props.loading, selectedUsers, type, dataList]);
+  }, [dataList, panelWidth, selectedUsers, onSelectionChange, onSearchValueChange, lockedIds, props.loading, type]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'ald-member-picker-wrapper', (_classNames = {}, _defineProperty(_classNames, 'ald-member-picker-multiple', multiple), _defineProperty(_classNames, 'ald-member-picker-single', !multiple), _classNames)),
     style: {
@@ -136,7 +139,8 @@ export default function Panel(props) {
     className: 'ald-member-picker-selected-member-tags',
     selectedUsers: selectedUsers,
     width: (panelWidth - 3) / 2,
-    onRemove: onRemove
+    onRemove: onRemove,
+    lockedIds: lockedIds
   }), /*#__PURE__*/React.createElement(SelectorFooter, {
     className: 'ald-member-picker-selector-footer',
     onCancel: props.onCancel,
@@ -149,6 +153,7 @@ export default function Panel(props) {
     selectedUsers: selectedUsers.filter(isUser),
     onSearchValueChange: onSearchValueChange,
     multiple: false && multiple,
+    lockedIds: lockedIds,
     loading: props.loading
   }), type === EMemberPicker.GROUP && /*#__PURE__*/React.createElement(UserGroupSelection, {
     className: 'ald-member-picker-member-selection-multiple',
@@ -158,6 +163,7 @@ export default function Panel(props) {
     onChange: onSelectionChange,
     onSearchValueChange: onSearchValueChange,
     multiple: false,
+    lockedIds: lockedIds,
     loading: props.loading
   })));
 }

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

@@ -1,4 +1,4 @@
-import { IUserGroup, TUser } from "../../ConfigProvider/getUserList";
+import { IUserGroup, TUser, TUserGroupValue, TUserValue } from "../../ConfigProvider/getUserList";
 import React from 'react';
 import { EMemberPicker, IUser, MemberPickerValue } from '../interface';
 interface IProps {
@@ -9,6 +9,7 @@ interface IProps {
     value?: MemberPickerValue;
     className?: string;
     onCancel?: () => void;
+    lockedIds?: Array<TUserValue | TUserGroupValue>;
 }
-export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, }: IProps) => React.JSX.Element;
+export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, lockedIds, }: IProps) => React.JSX.Element;
 export default PanelWrapper;

package/dist/MemberPicker/components/PanelWrapper.js

@@ -20,7 +20,9 @@ export var PanelWrapper = function PanelWrapper(_ref) {
     dropdownWidth = _ref.dropdownWidth,
     onChange = _ref.onChange,
     onCancel = _ref.onCancel,
-    className = _ref.className;
+    className = _ref.className,
+    _ref$lockedIds = _ref.lockedIds,
+    lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
     getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
@@ -127,7 +129,8 @@ export var PanelWrapper = function PanelWrapper(_ref) {
     onSearchValueChange: onSearchValueChange,
     onChange: onSelectedChange,
     className: className,
-    onCancel: onCancel
+    onCancel: onCancel,
+    lockedIds: lockedIds
   });
 };
 export default PanelWrapper;

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

@@ -1,11 +1,12 @@
 import React from 'react';
-import { IUserGroup, TUser } from '../../ConfigProvider/getUserList';
+import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface ISelectedMemberTagsProps {
     className?: string;
     selectedUsers: TUser;
     onRemove?: (user: IUser | IUserGroup) => void;
     width: number;
+    lockedIds: Array<TUserValue | TUserGroupValue>;
 }
 export default function SelectedMemberTags(props: ISelectedMemberTagsProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import _ from 'lodash';
 import React from 'react';
 import { CloseMLine } from "../../Icon";
 import ScrollArea from "../../ScrollArea";
@@ -7,7 +8,9 @@ import NickLabel from "./NickLabel";
 export default function SelectedMemberTags(props) {
   var className = props.className,
     selectedUsers = props.selectedUsers,
-    width = props.width;
+    width = props.width,
+    _props$lockedIds = props.lockedIds,
+    lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'ald-member-picker-selected-member-tags-wrap')
   }, /*#__PURE__*/React.createElement("div", {
@@ -23,6 +26,20 @@ export default function SelectedMemberTags(props) {
       width: width - 17
     }
   }, selectedUsers.map(function (user) {
+    var hasLocked = false;
+    if (user && user.hasOwnProperty('groupId')) {
+      var index = _.findIndex(lockedIds, {
+        groupId: user.groupId,
+        type: user.type
+      });
+      hasLocked = index !== -1;
+    } else {
+      var _index = _.findIndex(lockedIds, {
+        userId: user.userId,
+        type: user.type
+      });
+      hasLocked = _index !== -1;
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: 'ald-member-picker-selected-member-tag',
       key: getId(user)
@@ -31,7 +48,7 @@ export default function SelectedMemberTags(props) {
       name: user.name,
       photo: getPhoto(user),
       account: getAccount(user)
-    }), /*#__PURE__*/React.createElement(CloseMLine, {
+    }), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       color: "#98A2B3",

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IUserGroup } from '../../ConfigProvider/getUserList';
+import { IUserGroup, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 interface IProps {
     className?: string;
     userGroupList: IUserGroup[];
@@ -9,6 +9,7 @@ interface IProps {
     loading: boolean;
     onSearchValueChange?: (value: string) => void;
     width: number;
+    lockedIds: Array<TUserValue | TUserGroupValue>;
 }
-declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, }: IProps) => React.JSX.Element;
+declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, }: IProps) => React.JSX.Element;
 export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -23,7 +23,8 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     _onChange = _ref.onChange,
     selectedUsersGroups = _ref.selectedUsersGroup,
     loading = _ref.loading,
-    width = _ref.width;
+    width = _ref.width,
+    lockedIds = _ref.lockedIds;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchKey = _useState2[0],
@@ -121,9 +122,15 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     var isSelected = selectedUsersGroups.some(function (selectUserGroup) {
       return selectUserGroup.groupId === userGroup.groupId;
     });
+    var index = _.findIndex(lockedIds, {
+      groupId: userGroup.groupId,
+      type: userGroup.type
+    });
+    var disabled = index !== -1;
     return multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
       key: userGroup.groupId,
       user: userGroup,
+      disabled: disabled,
       selected: isSelected,
       onChange: function onChange(selected, userGroup) {
         if (isUserGroup(userGroup)) {

package/dist/MemberPicker/index.js

@@ -34,7 +34,9 @@ var Component = function Component(_ref) {
     allowClear = _ref.allowClear,
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
-    size = _ref.size;
+    size = _ref.size,
+    _ref$lockedIds = _ref.lockedIds,
+    lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
     getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
@@ -226,6 +228,7 @@ var Component = function Component(_ref) {
         type: type,
         value: selectedUserList,
         dataList: totalUserList,
+        lockedIds: lockedIds,
         multiple: multiple,
         loading: loading,
         dropdownWidth: dropdownContentWidth,

package/dist/MemberPicker/interface.d.ts

@@ -15,6 +15,7 @@ export interface IBaseMemberSelectorProps extends Pick<ISelectProps, 'allowClear
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     type?: EMemberPicker;
+    lockedIds?: Array<TUserValue | TUserGroupValue>;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple: true;

package/dist/MemberPicker/style/index.less

@@ -159,6 +159,14 @@
     background: var(--colors-blue-100, #f0f6ff);
   }
 
+  &.ald-member-picker-option-disabled {
+    cursor: not-allowed;
+
+    .ald-member-picker-nick-label-name {
+      color: var(--colors-gray-900, #8b8b8b);
+    }
+  }
+
   .ald-member-picker-checkbox {
     display: flex;
     align-items: center;

package/dist/Menu/style/index.less

@@ -21,6 +21,7 @@
     background-color: @BG100;
     color: @NL0;
     transition: none;
+    cursor: pointer;
 
     &:hover {
       background-color: @BG90;

package/dist/Select/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -87,8 +87,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     className = props.className,
     popupClassName = props.popupClassName,
     listHeight = props.listHeight,
-    _props$listItemHeight = props.listItemHeight,
-    listItemHeight = _props$listItemHeight === void 0 ? 36 : _props$listItemHeight,
     _props$notFoundConten = props.notFoundContent,
     notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
       image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
@@ -128,6 +126,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   var disabled = React.useContext(DisabledContext);
   var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   var isMultiple = mode === 'multiple';
+  var listItemHeight = typeof props.listItemHeight === 'number' ? props.listItemHeight : isMultiple ? 36 : 32; // listHeight默认高度：./style/option.less;
   var innerOptions = useMemo(function () {
     if (showAllOption && isMultiple && options) {
       return [{
@@ -414,7 +413,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     style: {
       width: '100%'
     },
-    suffixIcon: /*#__PURE__*/React.createElement(FoldDownFill, {
+    suffixIcon: props.suffixIcon || /*#__PURE__*/React.createElement(FoldDownFill, {
       size: suffixIconSizeMap[size || 'middle'],
       color: theme.NL50
     }),

package/dist/Select/style/multiple.less

@@ -14,7 +14,7 @@
   // height: 20px;
   margin-left: 0;
   display: flex;
-  height: 36px;
+  height: @select-multiple-option-height;
   box-sizing: border-box;
   cursor: pointer;
 

package/dist/Select/style/option.less

@@ -0,0 +1,3 @@
+// option
+@select-single-option-height: 32px;
+@select-multiple-option-height: 36px;

package/dist/Select/style/single.less

@@ -8,7 +8,7 @@
     display: flex;
     align-items: center;
     margin-left: 0;
-    height: 32px;
+    height: @select-single-option-height;
     box-sizing: border-box;
     cursor: pointer;
 

package/dist/Select/style/variables.less

@@ -1,6 +1,6 @@
 /* stylelint-disable property-no-unknown */
 @import '../../style/index.less';
-
+@import './option.less';
 // large size
 @select-height-large: 36px;
 @select-border-radius-large: 4px;