@aloudata/aloudata-design 2.10.5 → 2.10.6

package/dist/DatePicker/index.d.ts

@@ -2,25 +2,25 @@ import { DatePicker as AntdDatePicker, DatePickerProps as AntdDatePickerProps }
 import { Dayjs } from 'dayjs';
 export type { RangeValue } from 'rc-picker/lib/interface';
 declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-    status?: "" | "error" | "warning" | undefined;
+    status?: "" | "warning" | "error" | undefined;
     hashId?: string | undefined;
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
 }, unknown> & {
     WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
     }, "picker">, unknown>;
     MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
     }, "picker">, unknown>;
     YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
@@ -34,9 +34,9 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
         size?: import("antd/es/button").ButtonSize;
         placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
         bordered?: boolean | undefined;
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
     } & {
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
@@ -46,9 +46,9 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
         size?: import("antd/es/button").ButtonSize;
         placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
         bordered?: boolean | undefined;
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
     } & {
-        status?: "" | "error" | "warning" | undefined;
+        status?: "" | "warning" | "error" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "success" | "error" | "info" | "warning" | undefined;
+    type?: "warning" | "error" | "success" | "info" | undefined;
 }) => React.JSX.Element;
 export default DoubleCircleIcon;

package/dist/Form/index.d.ts

@@ -18,7 +18,7 @@ interface IFormItemProps extends FormItemProps {
 declare const AldFormItem: {
     (props: IFormItemProps): React.JSX.Element;
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating" | undefined;
+        status?: "" | "warning" | "error" | "success" | "validating" | undefined;
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/dist/MemberPicker/components/MultipleOption.js

@@ -41,10 +41,11 @@ export default function MultipleList(params) {
     id: getId(user),
     name: user.name,
     photo: getPhoto(user),
-    account: getAccount(user)
-  }), showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-option-id'
-  }, user.userId))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
+    account: getAccount(user),
+    addonBefore: showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("span", {
+      className: 'ald-member-picker-option-id'
+    }, user.userId)
+  }))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
     size: "small",
     disabled: disabled,

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

@@ -1,11 +1,12 @@
 import { EUserType } from "../../ConfigProvider/getUserList";
-import React from 'react';
+import React, { ReactNode } from 'react';
 interface INickLabelProps {
     name?: string;
     id: string;
     photo?: React.ReactNode;
     account?: string;
     type: EUserType;
+    addonBefore?: ReactNode;
 }
 declare const _default: React.NamedExoticComponent<INickLabelProps>;
 export default _default;

package/dist/MemberPicker/components/NickLabel.js

@@ -7,7 +7,8 @@ var NickLabel = function NickLabel(_ref) {
     name = _ref.name,
     id = _ref.id,
     account = _ref.account,
-    type = _ref.type;
+    type = _ref.type,
+    addonBefore = _ref.addonBefore;
   var innerName = name || id;
   var photoSrc = !photo && type === EUserType.USER_GROUP ? /*#__PURE__*/React.createElement(UserGroup, {
     size: 20
@@ -21,6 +22,6 @@ var NickLabel = function NickLabel(_ref) {
   }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name",
     title: account ? "".concat(name, "(").concat(account, ")") : "".concat(name)
-  }, innerName));
+  }, innerName, addonBefore));
 };
 export default /*#__PURE__*/memo(NickLabel);

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -54,10 +54,11 @@ export default function SelectedMemberTags(props) {
       id: getId(user),
       name: user.name,
       photo: getPhoto(user),
-      account: getAccount(user)
-    }), isDisplayNameRepeat && user.type === 'USER' && /*#__PURE__*/React.createElement("div", {
-      className: "ald-member-picker-option-id"
-    }, user.userId)), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
+      account: getAccount(user),
+      addonBefore: isDisplayNameRepeat && user.type === 'USER' && /*#__PURE__*/React.createElement("span", {
+        className: "ald-member-picker-option-id"
+      }, user.userId)
+    })), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       color: "#98A2B3",

package/dist/MemberPicker/components/SingleOption.js

@@ -35,10 +35,11 @@ export default function SingleOption(params) {
     id: getId(user),
     name: user.name,
     photo: getPhoto(user),
-    account: getAccount(user)
-  }), showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-option-id'
-  }, user.userId))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
+    account: getAccount(user),
+    addonBefore: showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("span", {
+      className: 'ald-member-picker-option-id'
+    }, user.userId)
+  }))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
     size: "small",
     disabled: disabled,

package/dist/MemberPicker/index.js

@@ -14,7 +14,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useRequest } from 'ahooks';
+import { usePrevious, useRequest } from 'ahooks';
 import classNames from 'classnames';
 import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -57,6 +57,7 @@ var Component = function Component(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     selectedUserList = _useState2[0],
     setSelectedUserList = _useState2[1];
+  var prevValue = usePrevious(value);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     searchUserList = _useState4[0],
@@ -131,6 +132,9 @@ var Component = function Component(_ref) {
     run();
   }, [dropdownOpen, run, searchString]);
   useEffect(function () {
+    if (_.isEqual(value, prevValue)) {
+      return;
+    }
     if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {
       setSelectedUserList(value);
     } else if (isUser(value) || isUserGroup(value)) {

package/dist/MemberPicker/style/index.less

@@ -205,13 +205,9 @@
 }
 
 .ald-member-picker-option-id {
-  max-width: 50%;
-  white-space: nowrap; /* 防止内容换行，保持内容长度 */
-  text-overflow: ellipsis;
-  overflow: hidden;
   color: var(--alias-colors-text-subtle, #4b5563);
   font-size: 12px;
-  line-height: 16px; /* 133.333% */
+  margin-left: 4px;
 }
 
 .ald-member-picker-trigger {
@@ -281,6 +277,7 @@
   }
 
   .ald-member-picker-nick-label-name {
+    flex: 1;
     color: var(--alias-colors-text-default, #1f2937);
     font-size: 14px;
     font-weight: 400;
@@ -288,7 +285,6 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    max-width: 130px;
   }
 }
 

package/dist/Radio/components/Group/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IRadioGroupProps } from '../../interface/radioGroup';
-export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className">>;
+export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children">>;
 export default function RadioGroup(props: IRadioGroupProps): React.JSX.Element;

package/dist/Tabs/style/index.less

@@ -148,10 +148,8 @@
     }
   }
 
-  &.ald-tabs-compact {
-    .ant-tabs-nav {
-      margin-bottom: 0;
-    }
+  &.ald-tabs-compact > .ant-tabs-nav {
+    margin-bottom: 0;
   }
 }