@aloudata/aloudata-design 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/Icon/index.js

@@ -14,6 +14,7 @@ export { default as ChevronLeftLine } from "./components/ChevronLeftLine";
 export { default as ChevronRightLine } from "./components/ChevronRightLine";
 export { default as CircleLightLine } from "./components/CircleLightLine";
 export { default as CloseCircleFill } from "./components/CloseCircleFill";
+export { default as CloseCircleLightLine } from "./components/CloseCircleLightLine";
 export { default as CloseLLine } from "./components/CloseLLine";
 export { default as CloseLightLine } from "./components/CloseLightLine";
 export { default as CloseMLine } from "./components/CloseMLine";
@@ -32,4 +33,6 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
 export { default as LoadingLine } from "./components/LoadingLine";
 export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
 export { default as SearchLine } from "./components/SearchLine";
-export { default as TriangleLightLine } from "./components/TriangleLightLine";
+export { default as TriangleLightLine } from "./components/TriangleLightLine";
+export { default as User } from "./components/User";
+export { default as UserGroup } from "./components/UserGroup";

package/dist/Icon/svg/Close-Circle-light-line.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id=" Icon / Light / Interface / Close-Circle-light-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM10.5303 9.46967C10.2374 9.17678 9.76256 9.17678 9.46967 9.46967C9.17678 9.76256 9.17678 10.2374 9.46967 10.5303L10.9393 12L9.46967 13.4697C9.17678 13.7626 9.17678 14.2374 9.46967 14.5303C9.76256 14.8232 10.2374 14.8232 10.5303 14.5303L12 13.0607L13.4697 14.5303C13.7626 14.8232 14.2374 14.8232 14.5303 14.5303C14.8232 14.2374 14.8232 13.7626 14.5303 13.4697L13.0607 12L14.5303 10.5303C14.8232 10.2374 14.8232 9.76256 14.5303 9.46967C14.2374 9.17678 13.7626 9.17678 13.4697 9.46967L12 10.9393L10.5303 9.46967Z" fill="black"/>
+</g>
+</svg>

package/dist/Icon/svg/check-circle-light-line.svg

@@ -1,5 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id=" Icon / Light / Interface / Check Circle-light-line">
+<g id=" Icon / Light / Interface / Check-Circle-light-line">
 <g id="Icon">
 <path d="M15.5303 10.5303C15.8232 10.2374 15.8232 9.76256 15.5303 9.46967C15.2374 9.17678 14.7626 9.17678 14.4697 9.46967L11 12.9393L9.53033 11.4697C9.23744 11.1768 8.76256 11.1768 8.46967 11.4697C8.17678 11.7626 8.17678 12.2374 8.46967 12.5303L10.4697 14.5303C10.7626 14.8232 11.2374 14.8232 11.5303 14.5303L15.5303 10.5303Z" fill="black"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z" fill="black"/>

package/dist/Icon/svg/information-circle-light-line.svg

@@ -1,5 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id=" Icon / Light / Interface / Information Circle-light-line">
+<g id=" Icon / Light / Interface / Information-Circle-light-line">
 <g id="Icon">
 <path d="M11 8C11 7.44772 11.4477 7 12 7H12.01C12.5623 7 13.01 7.44772 13.01 8V8.01C13.01 8.56228 12.5623 9.01 12.01 9.01H12C11.4477 9.01 11 8.56228 11 8.01V8Z" fill="black"/>
 <path d="M12.75 12C12.75 11.5858 12.4142 11.25 12 11.25C11.5858 11.25 11.25 11.5858 11.25 12V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V12Z" fill="black"/>

package/dist/Icon/svg/user.svg

@@ -0,0 +1,4 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle opacity="0.25" cx="50" cy="50" r="50" fill="#F97316"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.9916 45.7902C64.7084 43.2206 65.6248 40.1997 65.6248 37.1094C65.6248 32.9654 63.9786 28.9911 61.0484 26.0608C58.1182 23.1306 54.1439 21.4844 49.9999 21.4844C46.9096 21.4844 43.8887 22.4008 41.3192 24.1177C38.7497 25.8346 36.747 28.2748 35.5644 31.1299C34.3818 33.985 34.0723 37.1267 34.6752 40.1577C35.2781 43.1886 36.7663 45.9727 38.9514 48.1579C41.1366 50.3431 43.9207 51.8312 46.9517 52.4341C49.9826 53.037 53.1242 52.7276 55.9793 51.545C58.8344 50.3624 61.2747 48.3597 62.9916 45.7902ZM50 93.75C63.3857 93.75 75.3674 87.7386 83.3925 78.2681C75.5937 68.4242 63.5343 62.1094 50 62.1094C36.4658 62.1094 24.4064 68.4242 16.6076 78.2681C24.6327 87.7386 36.6144 93.75 50 93.75Z" fill="#F97316"/>
+</svg>

package/dist/Icon/svg/userGroup.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle opacity="0.25" cx="50" cy="50" r="50" fill="#6366F1"/>
+<path d="M67.9995 90.1619C62.5051 92.6281 56.4127 94 50 94C35.8547 94 23.2683 87.325 15.2191 76.9531C19.9103 68.0611 29.2473 62 40 62C55.464 62 68 74.536 68 90C68 90.054 67.9998 90.1079 67.9995 90.1619Z" fill="#6366F1"/>
+<path d="M84.7809 76.9531C82.2018 80.2764 79.1569 83.2202 75.7442 85.6864C74.6138 76.2201 69.8101 67.882 62.799 62.1382C72.3574 63.0868 80.5018 68.8423 84.7809 76.9531Z" fill="#6366F1"/>
+<path d="M40 53C48.8365 53 56 45.8365 56 37C56 28.1635 48.8365 21 40 21C31.1634 21 24 28.1635 24 37C24 45.8365 31.1634 53 40 53Z" fill="#6366F1"/>
+<path d="M64 37C64 43.0872 61.7337 48.6451 57.9989 52.8761C58.6545 52.9579 59.3223 53 60 53C68.8365 53 76 45.8366 76 37C76 28.1634 68.8365 21 60 21C59.3223 21 58.6545 21.0421 57.9989 21.1239C61.7337 25.3549 64 30.9128 64 37Z" fill="#6366F1"/>
+</svg>

package/dist/Input/components/Input/index.js

@@ -43,6 +43,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     bordered: bordered,
     disabled: disabled,
+    autoComplete: "off",
     allowClear: allowClear ? {
       clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
         size: 20,

package/dist/Input/components/TextArea/index.js

@@ -23,6 +23,7 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
   var contentSize = useContext(SizeContext);
   var size = customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdTextArea, _extends({}, rest, {
+    autoComplete: "off",
     disabled: disabled,
     spellCheck: false,
     className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),

package/dist/InputNumber/style/index.less

@@ -3,27 +3,30 @@
 
 @inputNumber-height-large: 36px;
 @inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 4px;
+@inputNumber-border-radius-large: 8px;
 @inputNumber-padding-large: 0 11px;
 
 @inputNumber-height-middle: 32px;
-@inputNumber-font-size-middle: 13px;
-@inputNumber-border-radius-middle: 2px;
+@inputNumber-font-size-middle: 14px;
+@inputNumber-border-radius-middle: 6px;
 @inputNumber-padding-middle: 0 7px;
 
 @inputNumber-height-small: 28px;
 @inputNumber-font-size-small: 12px;
-@inputNumber-border-radius-small: 2px;
+@inputNumber-border-radius-small: 4px;
 @inputNumber-padding-small: 0 7px;
 
 //默认
-@inputNumber-bg-color: @BG100;
-@inputNumber-border-color: @BG60;
-@inputNumber-color: @NL0;
+@inputNumber-bg-color: var(--alias-colors-bg-skeleton-subtler, #fff);
+@inputNumber-border-color: var(
+  --alias-colors-border-accent-gray-subtle-default,
+  #d1d5db
+);
+@inputNumber-color: var(--alias-colors-text-default, #1f2937);
 @inputNumber-wrapper-bg-color: @BG95;
 //激活
-@inputNumber-active-bg-color: @BG100;
-@inputNumber-active-border-color: @B40;
+@inputNumber-active-bg-color: var(--alias-colors-bg-skeleton-subtler, #fff);
+@inputNumber-active-border-color: var(--alias-colors-border-selected, #126fdd);
 
 //disable
 @inputNumber-disabled-bg-color: @BG90;

package/dist/MemberPicker/components/MultipleOption.js

@@ -4,8 +4,8 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import classnames from 'classnames';
 import React from 'react';
-import Button from "../../Button";
 import Checkbox from "../../Checkbox";
+import TextLink from "../../TextLink/index";
 import { getAccount, getId, getPhoto } from "../utils";
 import { isUserGroup } from "../utils/getUsersWithUserId";
 import NickLabel from "./NickLabel";
@@ -32,13 +32,14 @@ export default function MultipleList(params) {
     checked: selected,
     disabled: disabled
   }), /*#__PURE__*/React.createElement(NickLabel, {
+    type: user.type,
     id: getId(user),
     name: user.name,
     photo: getPhoto(user),
     account: getAccount(user)
-  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(Button, {
-    type: "link",
+  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
+    size: "small",
     onClick: function onClick(e) {
       onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);
       e.stopPropagation();

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

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

package/dist/MemberPicker/components/NickLabel.js

@@ -1,16 +1,22 @@
+import { EUserType } from "../../ConfigProvider/getUserList";
+import { UserGroup } from "../../Icon";
 import React, { memo } from 'react';
 import Avatar from "../../Avatar";
 var NickLabel = function NickLabel(_ref) {
   var photo = _ref.photo,
     name = _ref.name,
     id = _ref.id,
-    account = _ref.account;
+    account = _ref.account,
+    type = _ref.type;
   var innerName = name || id;
+  var photoSrc = !photo && type === EUserType.USER_GROUP ? /*#__PURE__*/React.createElement(UserGroup, {
+    size: 20
+  }) : photo;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label"
   }, /*#__PURE__*/React.createElement(Avatar, {
     key: innerName,
-    src: photo,
+    src: photoSrc,
     size: 20
   }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name",

package/dist/MemberPicker/components/Panel.js

@@ -86,7 +86,7 @@ export default function Panel(props) {
     var userSelection = /*#__PURE__*/React.createElement(MemberSelection, {
       className: 'ald-member-picker-member-selection-multiple',
       userList: dataList.filter(isUser),
-      width: (panelWidth - 3) / 2,
+      width: (panelWidth - 6) / 2,
       selectedUsers: selectedUsers.filter(isUser),
       onChange: onSelectionChange,
       onSearchValueChange: onSearchValueChange,
@@ -97,7 +97,7 @@ export default function Panel(props) {
     var userGroupSelection = /*#__PURE__*/React.createElement(UserGroupSelection, {
       className: 'ald-member-picker-member-selection-multiple',
       userGroupList: dataList.filter(isUserGroup),
-      width: (panelWidth - 3) / 2,
+      width: (panelWidth - 6) / 2,
       selectedUsersGroup: selectedUsers.filter(isUserGroup),
       onChange: onSelectionChange,
       onSearchValueChange: onSearchValueChange,

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -43,12 +43,15 @@ export default function SelectedMemberTags(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'ald-member-picker-selected-member-tag',
       key: getId(user)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'ald-member-picker-selected-member-tag-user'
     }, /*#__PURE__*/React.createElement(NickLabel, {
+      type: user.type,
       id: getId(user),
       name: user.name,
       photo: getPhoto(user),
       account: getAccount(user)
-    }), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
+    })), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       color: "#98A2B3",

package/dist/MemberPicker/components/SingleOption.js

@@ -21,6 +21,7 @@ export default function SingleOption(params) {
     className: classnames('ald-member-picker-option', className, 'ald-member-picker-singleOption', _defineProperty({}, 'ald-member-picker-single-option-selected', selected)),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(NickLabel, {
+    type: user.type,
     id: getId(user),
     name: user.name,
     photo: getPhoto(user),

package/dist/MemberPicker/index.js

@@ -12,6 +12,7 @@ import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ConfigProvider from "../ConfigProvider";
 import { EUserType } from "../ConfigProvider/getUserList";
+import { User } from "../Icon";
 import Select from "../Select";
 import message from "../message";
 import Panel from "./components/Panel";
@@ -30,11 +31,11 @@ var Component = function Component(_ref) {
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '选择' : _ref$placeholder,
     className = _ref.className,
-    prefix = _ref.prefix,
     allowClear = _ref.allowClear,
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
     size = _ref.size,
+    selectType = _ref.selectType,
     _ref$lockedIds = _ref.lockedIds,
     lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
@@ -182,9 +183,20 @@ var Component = function Component(_ref) {
     setDropdownOpen(open);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);
   }, [onOpenChange]);
+  var prefix = useMemo(function () {
+    if (multiple) return null;
+    if (type === EMemberPicker.USER) return /*#__PURE__*/React.createElement(User, {
+      size: 20
+    });
+    if (type === EMemberPicker.GROUP) return /*#__PURE__*/React.createElement(User, {
+      size: 20
+    });
+    return null;
+  }, [multiple, type]);
   return /*#__PURE__*/React.createElement(Select, {
     prefix: prefix,
     size: size,
+    type: selectType,
     className: classNames('ald-member-picker-select', className),
     value: selectedUserList.map(function (item) {
       if (item.type === EUserType.USER_GROUP) {

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;
+    selectType?: ISelectProps['type'];
     lockedIds?: Array<TUserValue | TUserGroupValue>;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {

package/dist/MemberPicker/style/index.less

@@ -6,6 +6,7 @@
 @import '../../Empty/style/index.less';
 @import '../../message/style/index.less';
 @import '../../Spin/style/index.less';
+@import '../../TextLink/style/index.less';
 
 @btnWidth: 30px;
 
@@ -13,8 +14,7 @@
   box-sizing: border-box;
   border: 1px solid var(--colors-gray-400, #dbdbdb);
   background: var(--global-colors-base-white-950a, #fff);
-  box-shadow: 0 20px 24px -4px rgb(16 24 40 / 0.08),
-    0 8px 8px -4px rgb(16 24 40 / 0.03);
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
 
   &.ald-member-picker-multiple {
     display: flex;
@@ -22,9 +22,6 @@
     border-radius: 2px;
     // .memberSelection {
     // }
-    .ald-member-picker-selected-member-tags {
-      border-left: 1px solid var(--colors-gray-400, #dbdbdb);
-    }
 
     .ald-member-picker-selector-footer {
       grid-column: 1 / 3;
@@ -34,6 +31,7 @@
 
 .ald-member-picker-member-selection-wrapper {
   width: 50%;
+  border-right: 1px solid var(--alias-colors-border-default, #e5e7eb);
 }
 
 .ald-member-picker-member-list-wrap {
@@ -51,7 +49,7 @@
   .ald-member-picker-search-input.ald-member-picker-search-input {
     border: none;
     border-bottom: 1px solid var(--colors-gray-300, #e8e8e8) !important;
-    border-radius: 0;
+    border-radius: 0 !important;
     flex: 0 0 32px;
 
     &.ant-input-affix-wrapper-focused {
@@ -72,7 +70,7 @@
   }
 
   .ald-member-picker-member-list {
-    height: 200px;
+    height: 300px;
 
     &.ald-member-picker-member-list-null {
       display: none;
@@ -82,6 +80,7 @@
 
 .ald-member-picker-selected-member-tags-wrap {
   width: 50%;
+  height: 100%;
   max-height: 320px;
   padding: 8px;
 
@@ -102,19 +101,21 @@
 
     .ald-member-picker-selected-member-tag {
       display: flex;
-      padding: 1px 5px;
       justify-content: center;
-      gap: var(--global-number-spacing-spacing-xxs, 4px);
-      border-radius: var(--global-number-radius-radius-sm, 2px);
-      border: 1px solid var(--colors-gray-300, #e8e8e8);
-      font-size: 13px;
-      font-style: normal;
+      align-items: center;
+      border-radius: var(--alias-radius-50, 4px);
+      border: 1px solid
+        var(--alias-colors-border-accent-gray-subtler-default, #e5e7eb);
+      background: var(--alias-colors-bg-accent-gray-subtler-default, #f9fafb);
+      color: var(--alias-colors-text-accent-gray-default, #374151);
+      text-align: center;
+      font-size: 14px;
       font-weight: 400;
-      line-height: 20px;
-      height: 24px;
-      max-width: 100%;
+      line-height: 20px; /* 142.857% */
 
       .ald-member-picker-close {
+        border-left: 1px solid
+          var(--alias-colors-border-accent-gray-subtler-default, #e5e7eb);
         cursor: pointer;
       }
     }
@@ -130,18 +131,18 @@
   align-items: center;
   gap: var(--global-number-spacing-spacing-sm, 12px);
   align-self: stretch;
-  border-top: 1px solid var(--colors-gray-300, #e8e8e8);
-  background: var(--colors-gray-97, #f8f8f8);
+  border-top: 1px solid var(--alias-colors-border-default, #e5e7eb);
+  background: var(--alias-colors-bg-skeleton-subtler, #fff);
 }
 
 .ald-member-picker-option {
-  padding: 0 8px;
+  padding: 0 12px;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  height: 32px;
+  height: 36px;
   line-height: 20px;
-  gap: 4px;
+  gap: 6px;
   cursor: pointer;
   justify-content: space-between;
 
@@ -231,8 +232,13 @@
   }
 }
 
+.ald-member-picker-selected-member-tag-user {
+  padding: 2px 6px;
+  display: flex;
+  align-items: center;
+}
+
 .ald-member-picker-nick-label {
-  font-size: 0;
   display: inline-flex;
   gap: 4px;
   flex-wrap: nowrap;
@@ -246,15 +252,14 @@
   }
 
   .ald-member-picker-nick-label-name {
-    color: var(--colors-gray-900, #171717);
-    font-size: 13px;
-    font-style: normal;
+    color: var(--alias-colors-text-default, #1f2937);
+    font-size: 14px;
     font-weight: 400;
-    line-height: 20px;
+    line-height: 20px; /* 142.857% */
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    max-width: 140px;
+    max-width: 130px;
   }
 }
 
@@ -308,8 +313,13 @@
   align-items: center;
 }
 
-.ald-select-popup.ald-member-picker-popup.ald-member-picker-popup {
+.ald-select-popup.ald-member-picker-popup.ald-member-picker-popup.ald-member-picker-popup {
   border: none;
-  background-color: transparent;
   overflow: hidden;
+  padding: 0;
+  border-radius: 0;
+  border-radius: 4px;
+  background: var(--colors-neutral-white, #fff);
+  box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08),
+    0 8px 8px -4px rgba(16, 24, 40, 0.03);
 }

package/dist/Menu/style/index.less

@@ -84,8 +84,7 @@
 .menu-wrap {
   border: 1px solid var(--alias-colors-border-strong, #d1d5db);
   border-radius: var(--alias-radius-75, 6px);
-  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05),
-    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
   overflow: hidden;
 }
 

package/dist/Modal/style/polyfill/index.less

@@ -32,9 +32,6 @@
   font-size: 14px;
   line-height: 1.5714;
   list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   pointer-events: none;
   position: relative;
   top: 100px;

package/dist/Navigator/style/index.less

@@ -1,7 +1,7 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-@ald-prefix: ant;
+@ald-prefix: ald;
 @header-height: 80px;
 @footer-height: 88px;
 

package/dist/Pagination/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IPaginationProps } from './types';
-declare function Pagination(props: IPaginationProps): React.JSX.Element;
+declare function Pagination(props: IPaginationProps): React.JSX.Element | null;
 export default Pagination;
 /**
  * 获取在安全范围内的当前页数

package/dist/Pagination/index.js

@@ -18,7 +18,8 @@ function Pagination(props) {
     currPage = _props$current === void 0 ? 1 : _props$current,
     pageSize = props.pageSize,
     total = props.total,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    hideOnSinglePage = props.hideOnSinglePage;
   var totalPage = getTotalPage(total, pageSize);
   var _useState = useState(getSafeCurrent(totalPage, currPage)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -41,6 +42,11 @@ function Pagination(props) {
     };
   }, [onChange, current]);
   var pageRange = getPaginationRange(totalPage, current);
+  if (hideOnSinglePage) {
+    if (totalPage <= 1) {
+      return null;
+    }
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls('container')
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/Pagination/types.d.ts

@@ -3,4 +3,5 @@ export interface IPaginationProps {
     pageSize: number;
     total: number;
     onChange: (current: number) => void;
+    hideOnSinglePage?: boolean;
 }

package/dist/Popconfirm/index.js

@@ -6,7 +6,7 @@ import { Popconfirm } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
-import { AlertTriangleLine } from "../Icon";
+import { AttentionTriangleFill } from "../Icon";
 function MyPopconfirm(props) {
   var _props$okButtonProps = props.okButtonProps,
     okButtonProps = _props$okButtonProps === void 0 ? {} : _props$okButtonProps,
@@ -15,8 +15,8 @@ function MyPopconfirm(props) {
     okType = props.okType,
     rootClassName = props.rootClassName,
     _props$icon = props.icon,
-    icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AlertTriangleLine, {
-      size: 20,
+    icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AttentionTriangleFill, {
+      size: 16,
       color: "#D64343",
       fill: "#fff"
     }) : _props$icon,

package/dist/Popconfirm/style/index.less

@@ -1,45 +1,79 @@
 @import '../../style/index.less';
 @import '../../Button/style/index.less';
 
+.ant-popover-arrow.ant-popover-arrow.ant-popover-arrow {
+  overflow: visible;
+}
+
+.ant-popover[class] .ant-popover-arrow::before {
+  content: '';
+  width: 10px;
+  display: inline-block;
+  bottom: -6px;
+  position: absolute;
+  left: 4px;
+  height: 10px;
+  border: 1px solid #d1d5db;
+  transform: rotate(45deg);
+  clip-path: none;
+}
+
+.ant-popover[class] .ant-popover-arrow::after {
+  content: '';
+  width: 15px;
+  background-color: #fff;
+  display: inline-block;
+  bottom: -11px;
+  position: absolute;
+  left: 1px;
+  height: 10px;
+  transform: none;
+  box-shadow: none !important;
+}
+
 .ald-pop-confirm.ant-popover.ant-popover .ant-popover-inner {
+  width: 240px;
   padding: 12px;
-  border-radius: 2px;
-  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),
-    0 4px 6px -2px rgba(16, 24, 40, 0.03);
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
 
   .ant-popover-inner-content {
     .ant-popconfirm-message {
-      padding-bottom: 12px;
+      padding-bottom: 8px;
       margin-bottom: 0;
-      align-items: center;
     }
 
     .ant-popconfirm-buttons {
-      padding-top: 12px;
+      padding-left: 16px;
+      display: flex;
+      align-items: center;
+      flex-direction: row-reverse;
+      justify-content: start;
     }
   }
 }
 
 .ant-popconfirm-message {
   .ant-popconfirm-message-icon {
-    line-height: 20px;
-    display: flex;
-    align-items: center;
+    display: inline-block;
+    height: 100%;
   }
 
   .ant-popconfirm-message-title {
     font-weight: 400;
-    font-size: 13px;
-    line-height: 20px;
-    color: var(--colors-gray-900, #171717);
+    font-size: 12px;
+    line-height: 16px;
+    color: var(--alias-colors-text-default, #1f2937);
     margin-inline-start: 4px;
-    margin-left: 4px !important;
+    margin-left: 8px !important;
+    width: 190px;
+    word-break: break-all;
   }
 }
 
 .ald-pop-confirm.ant-popover.ant-popover .ant-popover-arrow {
   &::after {
-    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),
-      0 4px 6px -2px rgba(16, 24, 40, 0.03);
+    box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
   }
 }

package/dist/Progress/style/index.less

@@ -7,11 +7,14 @@
   pointer-events: none;
 
   &-show-bg {
-    background-color: #d6e3f4;
+    background-color: var(
+      --alias-colors-bg-accent-blue-subtle-default,
+      #d4e7fd
+    );
   }
 
   &-inner {
-    background-color: #3271c9;
+    background-color: var(--alias-colors-icon-information, #2986f4);
     border-radius: 2px 0 0;
     height: 100%;
     width: 0;