@aloudata/aloudata-design 1.9.13 → 1.9.15

package/dist/Icon/svg/loading-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="loading-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M7.28604 3.1808C9.32641 2.0902 11.6818 1.74081 13.9509 2.19216C16.22 2.64351 18.2624 3.86768 19.7301 5.65608C21.1978 7.44448 22 9.68646 22 12H20C20 10.1492 19.3582 8.35559 18.1841 6.92487C17.0099 5.49415 15.376 4.51481 13.5607 4.15373C11.7454 3.79265 9.86113 4.07216 8.22883 4.94465C6.59653 5.81713 5.31725 7.22859 4.60897 8.93855C3.90068 10.6485 3.80721 12.5511 4.34448 14.3223C4.88175 16.0934 6.01652 17.6235 7.55544 18.6518C9.09436 19.68 10.9422 20.1429 12.7841 19.9615C14.6261 19.7801 16.3481 18.9656 17.6569 17.6569L19.0711 19.0711C17.4351 20.707 15.2826 21.7251 12.9802 21.9519C10.6778 22.1786 8.36795 21.6001 6.4443 20.3147C4.52065 19.0294 3.10219 17.1168 2.4306 14.9029C1.75901 12.6889 1.87585 10.3106 2.76121 8.17318C3.64657 6.03574 5.24566 4.2714 7.28604 3.1808Z" fill="black"/>
+</g>
+</svg>

package/dist/Icon/svg/more-vertical-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="more-vertical-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M13 6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6ZM13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17C12.5523 17 13 17.4477 13 18ZM12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" fill="black"/>
+</g>
+</svg>

package/dist/Icon/svg/search-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="search-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M15.438 16.1451C14.1188 17.3001 12.3911 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5C18 12.3911 17.3001 14.1188 16.1451 15.438L20.8536 20.1465L20.1465 20.8536L15.438 16.1451ZM17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5Z" fill="black"/>
+</g>
+</svg>

package/dist/IconButton/index.js

@@ -8,10 +8,10 @@ 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; }
 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); }
-import { FoldDownFill } from '@aloudata/icons-react';
 import classnames from 'classnames';
 import React, { forwardRef, useMemo } from 'react';
 import Dropdown from "../Dropdown";
+import { FoldDownFill } from "../Icon";
 import { getSizeType } from "../Input/components/Input";
 import Tooltip from "../Tooltip";
 var InternalIconButton = /*#__PURE__*/forwardRef(function (props, ref) {

package/dist/IconButton/style/index.less

@@ -29,7 +29,7 @@
   appearance: none;
   box-sizing: border-box;
   user-select: none;
-  transition: all 0.3s;
+  transition: background 0.3s;
 
   &:hover {
     background: var(--colors-gray-98, #f4f4f4);

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

@@ -1,4 +1,4 @@
-var _excluded = ["size", "className", "prefixCls"];
+var _excluded = ["size", "className", "prefixCls", "bordered"];
 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 _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; }
@@ -18,6 +18,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customSize = props.size,
     className = props.className,
     customizePrefixCls = props.prefixCls,
+    bordered = props.bordered,
     rest = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -31,7 +32,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var size = compactSize || customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
     ref: ref,
-    bordered: true,
+    bordered: bordered,
     spellCheck: false,
     className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), className, compactItemClassnames),
     suffix: null

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

@@ -2,11 +2,11 @@ var _excluded = ["size", "className"];
 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 _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 { EyeOffLine, EyeOnLine } from '@aloudata/icons-react';
 import AntdPassword from 'antd/lib/input/Password';
 import classnames from 'classnames';
 import React, { useContext } from 'react';
 import SizeContext from "../../../ConfigProvider/sizeContext";
+import { EyeOffLine, EyeOnLine } from "../../../Icon";
 import { getSizeType } from "../Input";
 // 不同的size对应的不同的icon
 export var iconSizeMap = {
@@ -27,10 +27,8 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), className),
     iconRender: function iconRender(visible) {
       return visible ? /*#__PURE__*/React.createElement(EyeOnLine, {
-        fill: "currentColor",
         size: iconSizeMap[size]
       }) : /*#__PURE__*/React.createElement(EyeOffLine, {
-        fill: "currentColor",
         size: iconSizeMap[size]
       });
     }

package/dist/MemberPicker/components/MemberSelection.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { SearchLine } from '@aloudata/icons-react';
+import { SearchLine } from "../../Icon";
 import classNames from 'classnames';
 import React, { useDeferredValue, useEffect, useState } from 'react';
 import Empty from "../../Empty";

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

@@ -3,6 +3,7 @@ interface INickLabelProps {
     nickname?: string;
     userId: string;
     src?: string;
+    account?: string;
 }
 declare const _default: React.NamedExoticComponent<INickLabelProps>;
 export default _default;

package/dist/MemberPicker/components/NickLabel.js

@@ -3,7 +3,8 @@ import Avatar from "../../Avatar";
 var NickLabel = function NickLabel(_ref) {
   var src = _ref.src,
     nickname = _ref.nickname,
-    userId = _ref.userId;
+    userId = _ref.userId,
+    account = _ref.account;
   var innerName = nickname || userId;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label"
@@ -13,7 +14,7 @@ var NickLabel = function NickLabel(_ref) {
     size: 20
   }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name",
-    title: innerName
+    title: "".concat(nickname, "(").concat(account, ")")
   }, innerName));
 };
 export default /*#__PURE__*/memo(NickLabel);

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,7 +1,7 @@
 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); }
-import { CloseMLine } from '@aloudata/icons-react';
 import classNames from 'classnames';
 import React from 'react';
+import { CloseMLine } from "../../Icon";
 import ScrollArea from "../../ScrollArea";
 import NickLabel from "./NickLabel";
 export default function SelectedMemberTags(props) {
@@ -31,7 +31,7 @@ export default function SelectedMemberTags(props) {
     })), /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
-      fill: "#98A2B3",
+      color: "#98A2B3",
       onClick: function onClick() {
         var _props$onRemove;
         (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, user);

package/dist/MemberPicker/index.js

@@ -11,13 +11,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { FoldDownFill } from '@aloudata/icons-react';
 import { useRequest } from 'ahooks';
 import classNames from 'classnames';
 import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ConfigProvider from "../ConfigProvider";
 import Dropdown from "../Dropdown";
+import { FoldDownFill } from "../Icon";
 import message from "../message";
 import NickLabel from "./components/NickLabel";
 import Panel from "./components/Panel";

package/dist/Menu/index.js

@@ -8,10 +8,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
 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 { ChevronRightLine } from '@aloudata/icons-react';
 import { Menu as AntdMenu } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
+import { ChevronRightLine } from "../Icon";
 import theme from "../style/themes/default/themeColor.module.less";
 import Divider from "./Divider";
 import MenuItem from "./MenuItem";
@@ -44,7 +44,7 @@ export default function Menu(props) {
   return /*#__PURE__*/React.createElement(AntdMenu, _extends({
     className: classNames(className, 'ald-menu'),
     expandIcon: expandIcon || /*#__PURE__*/React.createElement(ChevronRightLine, {
-      fill: theme.NL50,
+      color: theme.NL50,
       size: 16
     })
   }, otherProps, {

package/dist/Modal/index.d.ts

@@ -18,6 +18,7 @@ export interface ModalProps extends Omit<AntdModalProps, 'okButtonProps' | 'canc
     okType?: ButtonType;
     paddingLess?: boolean;
     virtualScrollBar?: boolean;
+    hasHeaderBottomBorder?: boolean;
 }
 export interface ModalFuncProps extends Omit<AntdModalFuncProps, 'okButtonProps' | 'cancelButtonProps' | 'okType' | 'icon'> {
     cancelButtonProps?: IButtonProps;

package/dist/Modal/index.js

@@ -1,6 +1,6 @@
 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 = ["className", "type", "loading", "size", "disabled", "shape"],
-  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "virtualScrollBar"],
+  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "virtualScrollBar", "hasHeaderBottomBorder"],
   _excluded3 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
@@ -14,16 +14,16 @@ 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); }
 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 { AlertTriangleDuotone, CheckCircleDuotone, CloseLLine, InfoCircleLine } from '@aloudata/icons-react';
 import { Modal as AntdModal } from 'antd';
 import { modalGlobalConfig } from 'antd/lib/modal/confirm';
 import useModal from 'antd/lib/modal/useModal/index';
 import classNames from 'classnames';
+import { IconButton } from "../dist";
 import React from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
-import DoubleCircleIcon from "../DoubleCircleIcon";
+import { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, CloseLLine, InfoCircleDuotone } from "../Icon";
 import ScrollArea from "../ScrollArea";
-import theme from "../style/themes/default/themeColor.module.less";
+
 // export type { ModalProps, ModalFuncProps };
 
 export var destroyFns = [];
@@ -82,6 +82,8 @@ var OriginModal = function OriginModal(props) {
     title = props.title,
     paddingLess = props.paddingLess,
     virtualScrollBar = props.virtualScrollBar,
+    _props$hasHeaderBotto = props.hasHeaderBottomBorder,
+    hasHeaderBottomBorder = _props$hasHeaderBotto === void 0 ? false : _props$hasHeaderBotto,
     restProps = _objectWithoutProperties(props, _excluded2);
   return /*#__PURE__*/React.createElement(AntdModal, _extends({}, restProps, {
     title: ModalTitle({
@@ -101,17 +103,20 @@ var OriginModal = function OriginModal(props) {
     ,
     className: classNames('ald-modal', className, {
       'ald-modal-padding-less': paddingLess,
-      'ald-modal-virtual-scroll-bar': virtualScrollBar
+      'ald-modal-virtual-scroll-bar': virtualScrollBar,
+      'ald-modal-header-bottom-border': hasHeaderBottomBorder
     }),
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
     okText: okText,
     cancelText: cancelText,
     width: width || DEFAULT_WIDTH,
-    closeIcon: closeIcon || /*#__PURE__*/React.createElement(CloseLLine, {
-      size: 16,
-      fill: theme.NL40,
-      className: "ald-modal-close"
+    closeIcon: closeIcon || /*#__PURE__*/React.createElement(IconButton, {
+      icon: /*#__PURE__*/React.createElement(CloseLLine, {
+        color: "#171717",
+        size: 20
+      }),
+      size: 'middle'
     })
   }), virtualScrollBar ? /*#__PURE__*/React.createElement(ScrollArea, {
     className: 'ald-modal-body-wrap',
@@ -141,13 +146,11 @@ Modal.info = function infoFn(props) {
     width: width || DEFAULT_WIDTH,
     className: classNames('ald-modal', className),
     title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
-        type: "info"
-      }, /*#__PURE__*/React.createElement(InfoCircleLine, {
-        size: 16,
-        fill: theme.B40,
+      icon: /*#__PURE__*/React.createElement(InfoCircleDuotone, {
+        size: 32,
+        color: '#3271C9',
         className: "ald-modal-close"
-      })),
+      }),
       title: title,
       subTitle: subTitle
     }),
@@ -176,13 +179,11 @@ Modal.success = function successFn(props) {
     width: width || DEFAULT_WIDTH,
     className: classNames('ald-modal', className),
     title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
-        type: "success"
-      }, /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-        fill: [theme.SA40, theme.ND0],
-        size: 16,
-        theme: "multi-color"
-      })),
+      icon: /*#__PURE__*/React.createElement(CheckCircleDuotone, {
+        fill: "#fff",
+        color: "#16B667",
+        size: 32
+      }),
       title: title,
       subTitle: subTitle
     }),
@@ -206,18 +207,16 @@ Modal.error = function errorFn(props) {
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded5);
   return AntdModal.error(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'dangerous', okType),
+    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
     className: classNames('ald-modal', className),
     title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
-        type: "error"
-      }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-        fill: [theme.SC40, theme.ND0],
-        size: 16,
-        theme: "multi-color"
-      })),
+      icon: /*#__PURE__*/React.createElement(CancelCircleDuotone, {
+        color: "#D64343",
+        fill: '#fff',
+        size: 32
+      }),
       title: title,
       subTitle: subTitle
     }),
@@ -241,19 +240,16 @@ Modal.warning = function modalWarn(props) {
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded6);
   return AntdModal.warning(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'dangerous', okType),
+    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
     // className: classNames('ald-modal-warning', className),
     className: classNames('ald-modal ald-modal-warning', className),
     title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
-        type: "warning"
-      }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-        fill: [theme.SB40, theme.ND0],
-        theme: "multi-color",
-        size: 16
-      })),
+      icon: /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
+        color: "#FFB01F",
+        size: 32
+      }),
       title: title,
       subTitle: subTitle
     }),
@@ -282,13 +278,11 @@ Modal.confirm = function confirmFn(props) {
     width: width || DEFAULT_WIDTH,
     className: classNames('ald-modal', className),
     title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
-        type: "info"
-      }, /*#__PURE__*/React.createElement(InfoCircleLine, {
-        size: 16,
-        fill: theme.B40,
+      icon: /*#__PURE__*/React.createElement(InfoCircleDuotone, {
+        size: 32,
+        color: '#3271C9',
         className: "ald-modal-close"
-      })),
+      }),
       title: title,
       subTitle: subTitle
     }),

package/dist/Modal/style/index.less

@@ -1,3 +1,4 @@
+@import '../../IconButton/style/index.less';
 @import '../../style/index.less';
 @import '../../ScrollArea/style/index.less';
 @import '../../Button/style/index.less';
@@ -12,20 +13,19 @@
   }
 
   .ant-modal-content {
-    padding: 15px 23px;
+    padding: 0;
     box-shadow: none;
     border-radius: 4px;
     border: 1px solid @BG60;
     overflow: hidden;
 
     .ant-modal-body {
-      max-height: 70vh;
+      min-height: 130px;
+      max-height: 68vh;
       line-height: 20px;
       font-size: 13px;
       overflow-y: auto;
-      margin-left: -23px;
-      width: calc(100% + 46px);
-      padding: 0 23px;
+      padding: 16px 20px;
     }
   }
 
@@ -38,7 +38,7 @@
   .ald-modal-title-container {
     display: flex;
     align-items: center;
-    gap: 12px;
+    gap: 8px;
 
     .ald-modal-text-container {
       // margin-left: 12px;
@@ -62,7 +62,8 @@
   }
 
   .ant-modal-header {
-    margin-bottom: 16px;
+    padding: 16px 20px;
+    margin-bottom: 0;
 
     .ant-modal-title {
       width: 95%;
@@ -83,7 +84,7 @@
 
     .ald-modal-body-wrap {
       .ald-modal-body-wrap-inner {
-        max-height: 70vh;
+        max-height: 68vh;
         padding: 0 23px;
       }
     }
@@ -97,7 +98,9 @@
 
   .ant-modal-footer {
     position: relative;
-    margin-top: 16px;
+    margin-top: 0;
+    padding: 12px 20px;
+    background: #f4f4f4;
 
     .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
       margin-bottom: 0;
@@ -107,22 +110,29 @@
     &::before {
       content: '';
       position: absolute;
-      top: -16px;
+      top: 0;
       left: 0;
-      width: calc(100% + 48px);
-      margin-left: -24px;
-      margin-right: -24px;
+      width: 100%;
       height: 1px;
       background-color: var(--colors-gray-300, #e8e8e8);
     }
   }
+
+  .ant-modal-close-x {
+    width: 24px;
+    background-color: #fff;
+  }
+}
+
+.ald-modal-header-bottom-border {
+  .ant-modal-header {
+    border-bottom: 1px solid #dbdbdb;
+  }
 }
 
 .ald-modal-padding-less {
   .ant-modal-content {
     .ant-modal-body {
-      margin: 0 -24px;
-
       .ald-modal-body-wrap {
         .ald-modal-body-wrap-inner {
           padding: 0;
@@ -133,6 +143,10 @@
 }
 
 .ald-modal.ant-modal-confirm {
+  .ant-modal-body {
+    padding-bottom: 12px !important;
+  }
+
   .ant-modal-confirm-body > .i-icon {
     & + .ant-modal-confirm-title {
       flex: 1;
@@ -153,8 +167,8 @@
       display: none;
 
       + .ant-modal-confirm-title + .ant-modal-confirm-content {
-        margin-left: 0;
-        margin-top: 16px;
+        margin-left: 40px;
+        margin-top: 4px;
       }
     }
   }
@@ -164,18 +178,18 @@
   }
 }
 
-.ald-modal.ald-modal-warning {
-  .ant-modal-confirm-btns {
-    .ald-btn {
-      background-color: @SB40;
-      border-color: @SB40;
-
-      &:hover,
-      &:active,
-      &:focus {
-        background-color: @SB40;
-        border-color: @SB40;
-      }
-    }
-  }
-}
+// .ald-modal.ald-modal-warning {
+//   .ant-modal-confirm-btns {
+//     .ald-btn {
+//       background-color: @SB40;
+//       border-color: @SB40;
+
+//       &:hover,
+//       &:active,
+//       &:focus {
+//         background-color: @SB40;
+//         border-color: @SB40;
+//       }
+//     }
+//   }
+// }

package/dist/Pagination/index.js

@@ -8,11 +8,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { ChevronLeftLine, ChevronRightLine } from '@aloudata/icons-react';
 import classnames from 'classnames';
 import _ from 'lodash';
 import React, { useCallback, useEffect, useState } from 'react';
 import Button from "../Button";
+import { ChevronLeftLine, ChevronRightLine } from "../Icon";
 function Pagination(props) {
   var _props$current = props.current,
     currPage = _props$current === void 0 ? 1 : _props$current,

package/dist/Popconfirm/index.js

@@ -2,11 +2,11 @@ var _excluded = ["okButtonProps", "cancelButtonProps", "okType", "icon"];
 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 _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 { AlertTriangleDuotone } from '@aloudata/icons-react';
 import { Popconfirm } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
+import { AlertTriangleDuotone } from "../Icon";
 import themeColor from "../style/themes/default/themeColor.module.less";
 function MyPopconfirm(props) {
   var _props$okButtonProps = props.okButtonProps,
@@ -17,8 +17,8 @@ function MyPopconfirm(props) {
     _props$icon = props.icon,
     icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
       size: 16,
-      theme: "multi-color",
-      fill: [themeColor.SB40, themeColor.BG100]
+      color: themeColor.SB40,
+      fill: themeColor.BG100
     }) : _props$icon,
     restProps = _objectWithoutProperties(props, _excluded);
   function getButtonProps(buttonProps, defaultBtnType) {

package/dist/Popconfirm/style/index.less

@@ -9,6 +9,7 @@
     .ant-popconfirm-message {
       padding-bottom: 16px;
       margin-bottom: 0;
+      align-items: center;
     }
 
     .ant-popconfirm-buttons {
@@ -18,7 +19,11 @@
 }
 
 .ant-popconfirm-message {
-  margin-bottom: 16px;
+  .ant-popconfirm-message-icon {
+    line-height: 20px;
+    display: flex;
+    align-items: center;
+  }
 
   .ant-popconfirm-message-title {
     font-weight: 400;

package/dist/Result/index.js

@@ -25,7 +25,8 @@ export var IconMap = {
   }),
   warning: /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
     size: 80,
-    color: "#FFB01F"
+    color: "#FFB01F",
+    fill: "#FFFFFF"
   })
 };
 export var ExceptionMap = {
@@ -93,6 +94,8 @@ var Result = function Result(_ref2) {
     })));
   }
   return /*#__PURE__*/React.createElement("div", {
+    className: "ald-result-vertical-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
     className: classNames('ald-result-vertical', className),
     style: style
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -106,7 +109,7 @@ var Result = function Result(_ref2) {
     className: "ald-result-extra"
   }, extra), children && /*#__PURE__*/React.createElement("div", {
     className: "ald-result-content"
-  }, children));
+  }, children)));
 };
 Result.PRESENTED_IMAGE_403 = ExceptionMap['unauthorized'];
 Result.PRESENTED_IMAGE_404 = ExceptionMap['noFound'];

package/dist/Result/style/index.less

@@ -1,12 +1,16 @@
 @import '../../style/index.less';
 
+.ald-result-vertical-wrap {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+
 .ald-result-vertical {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  width: 100%;
-  height: 100%;
 
   .ald-result-icon {
     margin-bottom: 16px;