@aloudata/aloudata-design 1.9.14 → 1.9.15

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 = {

package/dist/Select/index.js

@@ -16,7 +16,6 @@ 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 { FoldDownFill } from '@aloudata/icons-react';
 import { Select as AntdSelect } from 'antd';
 import { getMergedStatus } from 'antd/lib/_util/statusUtils';
 import DisabledContext from 'antd/lib/config-provider/DisabledContext';
@@ -29,6 +28,7 @@ import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo,
 import { ConfigContext } from "../ConfigProvider";
 import SizeContext from "../ConfigProvider/sizeContext";
 import Empty from "../Empty";
+import { FoldDownFill } from "../Icon";
 import theme from "../style/themes/default/themeColor.module.less";
 import MultipleOption from "./components/MultipleOption";
 import SingleOption from "./components/SingleOption";
@@ -411,7 +411,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     suffixIcon: /*#__PURE__*/React.createElement(FoldDownFill, {
       size: suffixIconSizeMap[size || 'middle'],
-      fill: theme.NL50
+      color: theme.NL50
     }),
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
       setIsOpen(open);

package/dist/Steps/components/Step/index.js

@@ -1,8 +1,8 @@
 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 React from 'react';
-import { CheckCircleDuotone, AlertTriangleDuotone } from '@aloudata/icons-react';
-import { ProcessIcon } from "../ProcessIcon";
+import { AlertTriangleDuotone, CheckCircleDuotone } from "../../../Icon";
 import { Steps as AntdSteps } from 'antd';
+import { ProcessIcon } from "../ProcessIcon";
 var AntdStep = AntdSteps.Step;
 export function Step(props) {
   var status = props.status;
@@ -12,8 +12,8 @@ export function Step(props) {
         className: "error-icon-box icon-box"
       }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
         size: 16,
-        theme: 'multi-color',
-        fill: ['#D92D20', 'fff']
+        color: "#D92D20",
+        fill: "fff"
       }));
     }
     if (stepStatus === 'finish') {
@@ -21,8 +21,8 @@ export function Step(props) {
         className: "check-icon-box icon-box"
       }, /*#__PURE__*/React.createElement(CheckCircleDuotone, {
         size: 16,
-        theme: 'multi-color',
-        fill: ['#D92D20', 'fff']
+        color: "#D92D20",
+        fill: "fff"
       }));
     }
     if (stepStatus === 'process') {

package/dist/Table/components/TableHead/index.js

@@ -12,12 +12,12 @@ 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, FoldUpFill } from '@aloudata/icons-react';
 import classnames from 'classnames';
 import _ from 'lodash';
 import React, { useState } from 'react';
-import message from "../../../message";
+import { FoldDownFill, FoldUpFill } from "../../../Icon";
 import usePrefixCls from "../../../_utils/hooks/usePrefixCls";
+import message from "../../../message";
 import { getValidWidthByNumber } from "../../utils";
 var ARRAY_FIRST_INDEX = 0;
 function TableHead(props) {
@@ -160,11 +160,9 @@ function TableHead(props) {
     }
     return desc ? /*#__PURE__*/React.createElement(FoldDownFill, {
       className: "".concat(prefixCls, "-sortIcon"),
-      fill: "currentColor",
       size: 12
     }) : /*#__PURE__*/React.createElement(FoldUpFill, {
       className: "".concat(prefixCls, "-sortIcon"),
-      fill: "currentColor",
       size: 12
     });
   };

package/dist/Tabs/index.js

@@ -10,9 +10,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 React, { useMemo } from 'react';
 // import AntdTabs, { TabsProps } from 'antd/lib/tabs';
-import { MoreVerticalLine } from '@aloudata/icons-react';
 import { Tabs as AntdTabs } from 'antd';
 import classNames from 'classnames';
+import { MoreVerticalLine } from "../Icon";
 import TabPane from "./TabPane";
 export default function Tabs(props) {
   var size = props.size,
@@ -53,9 +53,7 @@ export default function Tabs(props) {
   return /*#__PURE__*/React.createElement(AntdTabs, _extends({
     moreIcon: /*#__PURE__*/React.createElement("div", {
       className: "ald-tabs-more-icon"
-    }, /*#__PURE__*/React.createElement(MoreVerticalLine, {
-      color: "currentColor"
-    })),
+    }, /*#__PURE__*/React.createElement(MoreVerticalLine, null)),
     style: Object.assign(style, {
       '--header-bg-color': headerBackgroundColor,
       '--tabs-padding': "".concat(_padding, "px")

package/dist/Tree/index.d.ts

@@ -1,10 +1,10 @@
 import { DataNode } from 'antd/lib/tree';
-import { AntdTreeNodeAttribute, AntTreeNode, AntTreeNodeCheckedEvent, AntTreeNodeExpandedEvent, AntTreeNodeMouseEvent, AntTreeNodeProps, AntTreeNodeSelectedEvent, TreeProps as AntdTreeProps } from 'antd/lib/tree/Tree';
+import { AntTreeNode, AntTreeNodeCheckedEvent, AntTreeNodeExpandedEvent, AntTreeNodeMouseEvent, AntTreeNodeProps, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, TreeProps as AntdTreeProps } from 'antd/lib/tree/Tree';
 import RcTree from 'rc-tree';
 import { BasicDataNode } from 'rc-tree/lib/interface';
 import React, { ForwardedRef } from 'react';
 export type { DataNode, EventDataNode } from 'antd/lib/tree';
-export type { DirectoryTreeProps, ExpandAction as DirectoryTreeExpandAction, } from 'antd/lib/tree/DirectoryTree';
+export type { ExpandAction as DirectoryTreeExpandAction, DirectoryTreeProps, } from 'antd/lib/tree/DirectoryTree';
 export type { AntTreeNode, AntTreeNodeMouseEvent, AntTreeNodeExpandedEvent, AntTreeNodeCheckedEvent, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, AntTreeNodeProps, };
 export type TreeProps<T extends BasicDataNode = DataNode> = Omit<AntdTreeProps<T>, 'switcherIcon'>;
 declare const _default: <T extends BasicDataNode = DataNode>(props: TreeProps<T> & {

package/dist/Tree/index.js

@@ -1,8 +1,8 @@
 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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-import { ChevronDownLine } from '@aloudata/icons-react';
 import { Tree as AntdTree } from 'antd';
 import React from 'react';
+import { ChevronDownLine } from "../Icon";
 import theme from "../style/themes/default/themeColor.module.less";
 function Tree(props, ref) {
   var restProps = Object.assign({}, (_objectDestructuringEmpty(props), props));
@@ -10,7 +10,7 @@ function Tree(props, ref) {
     ref: ref,
     switcherIcon: /*#__PURE__*/React.createElement(ChevronDownLine, {
       size: 14,
-      fill: theme.NL40
+      color: theme.NL40
     }, "\u5C55\u5F00")
   }));
 }

package/dist/message/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { MessageArgsProps } from 'antd';
 import { JointContent } from 'antd/lib/message/interface';
+import React from 'react';
 export type { MessageArgsProps };
 declare const message: {
     info: (content: JointContent, duration?: number, onClose?: VoidFunction) => import("antd/es/message/interface").MessageType;

package/dist/message/index.js

@@ -4,9 +4,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 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); }
-import React from 'react';
 import { message as AntdMessage } from 'antd';
-import { InfoCircleLine, CheckCircleDuotone, AlertTriangleDuotone, LoadingLine } from '@aloudata/icons-react';
+import React from 'react';
+import { AlertTriangleDuotone, CheckCircleDuotone, InfoCircleLine, LoadingLine } from "../Icon";
 import styles from "../style/themes/default/themeColor.module.less";
 function isReactNode(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || _typeof(value) === 'symbol' || value === null || value === undefined || /*#__PURE__*/React.isValidElement(value);
@@ -24,8 +24,8 @@ var iconMap = {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
     }, /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-      fill: [styles.ND0, styles.SA40],
-      theme: "multi-color"
+      color: styles.ND0,
+      fill: styles.SA40
     })),
     type: 'success'
   },
@@ -33,8 +33,8 @@ var iconMap = {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
     }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-      fill: [styles.ND0, styles.SC40],
-      theme: "multi-color"
+      color: styles.ND0,
+      fill: styles.SC40
     })),
     type: 'error'
   },
@@ -42,8 +42,8 @@ var iconMap = {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
     }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-      fill: [styles.ND0, styles.SB40],
-      theme: "multi-color"
+      color: styles.ND0,
+      fill: styles.SB40
     })),
     type: 'warning'
   },
@@ -51,7 +51,7 @@ var iconMap = {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
     }, /*#__PURE__*/React.createElement(LoadingLine, {
-      spin: true
+      className: "ald-loading-spin"
     })),
     type: 'loading'
   }

package/dist/notification/index.js

@@ -10,10 +10,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 { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, CloseMLine, InfoCircleLine } from '@aloudata/icons-react';
 import { notification as AntdNotification } from 'antd';
 import classnames from 'classnames';
 import React from 'react';
+import { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, CloseMLine, InfoCircleLine } from "../Icon";
 import theme from "../style/themes/default/themeColor.module.less";
 var iconMap = {
   info: /*#__PURE__*/React.createElement(InfoCircleLine, {
@@ -21,24 +21,24 @@ var iconMap = {
     size: 20
   }),
   success: /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-    fill: [theme.SA40, theme.ND0],
-    theme: "multi-color",
+    color: "#16B667",
+    fill: "#FFFFFF",
     size: 20
   }),
   error: /*#__PURE__*/React.createElement(CancelCircleDuotone, {
-    fill: [theme.SC40, theme.ND0],
-    size: 20,
-    theme: "multi-color"
+    color: "#D64343",
+    fill: "#FFFFFF",
+    size: 20
   }),
   warning: /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-    fill: [theme.SB40, theme.ND0],
-    theme: "multi-color",
+    color: "#FFB01F",
+    fill: "#FFFFFF",
     size: 20
   })
 };
 var closeX = /*#__PURE__*/React.createElement(CloseMLine, {
   size: 20,
-  fill: theme.NL40
+  color: theme.NL40
 });
 var getSDefaultStyle = function getSDefaultStyle(type) {
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({