@aloudata/aloudata-design 2.7.3 → 2.7.5

package/dist/DataPreviewTable/components/Body/index.d.ts

@@ -6,6 +6,7 @@ interface IHeader {
     columnRange: [number, number];
     datasource: TValue[][];
     rowRange: [number, number];
+    headerHeight: number;
 }
 declare function Body(props: IHeader): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Body>;

package/dist/DataPreviewTable/components/Body/index.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { memo } from 'react';
-import { CELL_HEIGHT, HEADER_HEIGHT } from "../../constant";
+import { CELL_HEIGHT } from "../../constant";
 import Cell from "./Cell";
 function Body(props) {
   var columns = props.columns,
@@ -16,7 +16,8 @@ function Body(props) {
     endIndex = _props$columnRange[1],
     _props$rowRange = _slicedToArray(props.rowRange, 2),
     startRowIndex = _props$rowRange[0],
-    endRowIndex = _props$rowRange[1];
+    endRowIndex = _props$rowRange[1],
+    headerHeight = props.headerHeight;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-data-preview-table-body"
   }, datasource.slice(startRowIndex, endRowIndex).map(function (row, rowIndex) {
@@ -28,7 +29,7 @@ function Body(props) {
       var style = {
         height: CELL_HEIGHT,
         width: columnLayout[columns[columnIndex].id].width,
-        top: currentRowIndex * CELL_HEIGHT + HEADER_HEIGHT,
+        top: currentRowIndex * CELL_HEIGHT + headerHeight,
         left: columnLayout[columns[columnIndex].id].left,
         position: 'absolute',
         textAlign: columns[columnIndex].align || 'left'

package/dist/DataPreviewTable/components/DragBar/index.d.ts

@@ -3,6 +3,7 @@ declare function DragBar(props: {
     wrapWidth: number;
     columnId: string;
     onChange: (columnId: string, width: number) => void;
+    headerHeight: number;
 }): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DragBar>;
 export default _default;

package/dist/DataPreviewTable/components/DragBar/index.js

@@ -16,7 +16,8 @@ import Mask from "./Mask";
 function DragBar(props) {
   var wrapWidth = props.wrapWidth,
     columnId = props.columnId,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    headerHeight = props.headerHeight;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -52,7 +53,8 @@ function DragBar(props) {
       e.stopPropagation();
     },
     style: {
-      right: dragBarLeft
+      right: dragBarLeft,
+      height: headerHeight
     },
     className: classNames('ald-data-preview-header-drag-bar', _defineProperty({}, 'ald-data-preview-header-drag-bar-active', show))
   }, show ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Mask, {

package/dist/DataPreviewTable/components/Header/index.d.ts

@@ -6,6 +6,7 @@ interface IHeader {
     columnLayout: IColumnLayout;
     setWidth: (columnId: string, width: number) => void;
     columnRange: [number, number];
+    headerHeight: number;
 }
 export default function Header(props: IHeader): React.JSX.Element;
 export {};

package/dist/DataPreviewTable/components/Header/index.js

@@ -5,7 +5,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
-import { HEADER_HEIGHT } from "../../constant";
 import DragBar from "../DragBar";
 export default function Header(props) {
   var contentWidth = props.contentWidth,
@@ -14,7 +13,8 @@ export default function Header(props) {
     setWidth = props.setWidth,
     _props$columnRange = _slicedToArray(props.columnRange, 2),
     startIndex = _props$columnRange[0],
-    endIndex = _props$columnRange[1];
+    endIndex = _props$columnRange[1],
+    headerHeight = props.headerHeight;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-data-preview-header",
     style: {
@@ -24,7 +24,7 @@ export default function Header(props) {
     var _column$renderHeader;
     var innerCell = (_column$renderHeader = column.renderHeader) === null || _column$renderHeader === void 0 ? void 0 : _column$renderHeader.call(column, column);
     var style = {
-      height: HEADER_HEIGHT,
+      height: headerHeight,
       width: columnLayout[column.id].width,
       top: 0,
       left: columnLayout[column.id].left,
@@ -43,7 +43,8 @@ export default function Header(props) {
     }, column.name)), /*#__PURE__*/React.createElement(DragBar, {
       columnId: column.id,
       wrapWidth: columnLayout[column.id].width,
-      onChange: setWidth
+      onChange: setWidth,
+      headerHeight: headerHeight
     }));
   }));
 }

package/dist/DataPreviewTable/constant.d.ts

@@ -1,5 +1,5 @@
 export declare const CELL_HEIGHT = 20;
-export declare const HEADER_HEIGHT = 32;
+export declare const DEFAULT_HEADER_HEIGHT = 32;
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const PRE_RENDER_RANGE = 100;
 export declare const UNDEFINED_INDEX = -1;

package/dist/DataPreviewTable/constant.js

@@ -1,5 +1,5 @@
 export var CELL_HEIGHT = 20;
-export var HEADER_HEIGHT = 32;
+export var DEFAULT_HEADER_HEIGHT = 32;
 export var DEFAULT_COLUMN_WIDTH = 100;
 export var PRE_RENDER_RANGE = 100; //预渲染范围
 

package/dist/DataPreviewTable/index.js

@@ -6,7 +6,7 @@ import Spin from "../Spin";
 import Body from "./components/Body";
 import Error from "./components/Body/Error";
 import Header from "./components/Header";
-import { CELL_HEIGHT, HEADER_HEIGHT } from "./constant";
+import { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from "./constant";
 import useDirection from "./hooks/useDirection";
 var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var _wrapRef$current5;
@@ -16,13 +16,16 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     datasource = _props$datasource === void 0 ? [] : _props$datasource,
     width = props.width,
     height = props.height,
+    _props$headerHeight = props.headerHeight,
+    headerHeight = _props$headerHeight === void 0 ? 0 : _props$headerHeight,
     loading = props.loading,
     dataStatus = props.dataStatus,
     _props$errorMsg = props.errorMsg,
     errorMsg = _props$errorMsg === void 0 ? '数据加载失败' : _props$errorMsg;
+  var realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);
   var contentHeight = useMemo(function () {
-    return datasource.length * CELL_HEIGHT + HEADER_HEIGHT;
-  }, [datasource]);
+    return datasource.length * CELL_HEIGHT + realHeaderHeight;
+  }, [datasource, realHeaderHeight]);
   var wrapRef = useRef(null);
   var progressRef = useRef(null);
   var _useDirection = useDirection(columns, wrapRef),
@@ -71,9 +74,9 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var skeletonRows = useMemo(function () {
     var _wrapRef$current4;
     if (!wrapRef.current) return 0;
-    var rows = Math.ceil(((((_wrapRef$current4 = wrapRef.current) === null || _wrapRef$current4 === void 0 ? void 0 : _wrapRef$current4.clientHeight) || 0) - HEADER_HEIGHT) / CELL_HEIGHT);
+    var rows = Math.ceil(((((_wrapRef$current4 = wrapRef.current) === null || _wrapRef$current4 === void 0 ? void 0 : _wrapRef$current4.clientHeight) || 0) - realHeaderHeight) / CELL_HEIGHT);
     return rows - 1 < 0 ? 0 : rows - 1;
-  }, []);
+  }, [realHeaderHeight]);
   return /*#__PURE__*/React.createElement(ScrollArea, {
     ref: wrapRef,
     style: {
@@ -90,7 +93,7 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     })
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      height: dataStatus === 'pending' ? skeletonRows * CELL_HEIGHT + HEADER_HEIGHT : contentHeight,
+      height: dataStatus === 'pending' ? skeletonRows * CELL_HEIGHT + realHeaderHeight : contentHeight,
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -101,6 +104,7 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: progressRef
   }), /*#__PURE__*/React.createElement(Header, {
     contentWidth: contentWidth,
+    headerHeight: realHeaderHeight,
     columns: tableColumns,
     columnLayout: columnLayout,
     setWidth: setColumnsWidth,
@@ -112,7 +116,8 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     columnRange: columnRange,
     columnLayout: columnLayout,
     datasource: datasource,
-    rowRange: rowRange
+    rowRange: rowRange,
+    headerHeight: realHeaderHeight
   }), dataStatus === 'error' && /*#__PURE__*/React.createElement(Error, {
     errorMsg: errorMsg,
     wrapWidth: ((_wrapRef$current5 = wrapRef.current) === null || _wrapRef$current5 === void 0 ? void 0 : _wrapRef$current5.clientWidth) || 0

package/dist/DataPreviewTable/interface.d.ts

@@ -4,6 +4,7 @@ export interface ITableProps {
     datasource?: TValue[][];
     width?: CSSProperties['width'];
     height?: CSSProperties['height'];
+    headerHeight?: number;
     dataStatus?: 'pending' | 'success' | 'error';
     loading?: boolean;
     errorMsg?: string | React.ReactNode;

package/dist/DataPreviewTable/style/index.less

@@ -22,13 +22,12 @@
 }
 
 .ald-data-preview-header {
-  height: 32px;
   z-index: 2;
-  background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
   width: 100%;
 }
 
 .ald-data-preview-header-cell {
+  background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
   height: 100%;
   position: relative;
   border: 1px solid var(--alias-colors-border-default, #e5e7eb);

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?: "" | "warning" | "error" | undefined;
+    status?: "" | "error" | "warning" | 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?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | 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?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | 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?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | 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?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
     } & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | 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?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
     } & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | 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?: "warning" | "error" | "success" | "info" | undefined;
+    type?: "success" | "error" | "info" | "warning" | undefined;
 }) => React.JSX.Element;
 export default DoubleCircleIcon;

package/dist/Empty/style/index.less

@@ -32,13 +32,13 @@
   }
 
   .ald-empty-title-small {
-    color: #858585;
+    color: #4b5563;
     font-weight: 400;
     font-size: 14px;
   }
 
   .ald-empty-description {
-    color: var(--alias-colors-text-subtlest, #9ca3af);
+    color: #4b5563;
     font-size: 12px;
     line-height: 20px;
     font-weight: 400;

package/dist/Form/index.d.ts

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

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, "className" | "children">>;
+export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className">>;
 export default function RadioGroup(props: IRadioGroupProps): React.JSX.Element;

package/dist/Select/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "type", "tagRender", "style", "autoFocus", "showSearch", "size", "status", "disabled", "prefixCls", "placeholder", "dropdownStyle", "showArrow"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "type", "tagRender", "style", "autoFocus", "showSearch", "size", "status", "disabled", "prefixCls", "placeholder", "dropdownStyle", "virtual", "showArrow"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -106,6 +106,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     customizePrefixCls = props.prefixCls,
     propsPlaceholder = props.placeholder,
     dropdownStyle = props.dropdownStyle,
+    virtual = props.virtual,
     _props$showArrow = props.showArrow,
     showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
     restProps = _objectWithoutProperties(props, _excluded);
@@ -241,6 +242,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       height: getListHeight(),
       itemHeight: listItemHeight,
       itemKey: "value",
+      virtual: virtual,
       fullHeight: false
     }, function (option) {
       var isSelected = false;
@@ -283,6 +285,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       height: getListHeight(),
       itemHeight: listItemHeight,
       itemKey: "value",
+      virtual: virtual,
       fullHeight: false
     }, function (option) {
       var isSelected = selectedOptions.some(function (selectedOption) {
@@ -411,6 +414,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     placeholder: placeholder,
     showSearch: showSearch,
     options: innerOptions,
+    virtual: virtual,
     showArrow: isMultiple && type === 'primary' ? false : showArrow,
     mode: isMultiple ? 'multiple' : undefined,
     bordered: false,

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

@@ -11,7 +11,11 @@ export function ProcessIcon(_ref) {
     return /*#__PURE__*/React.createElement("span", {
       className: classNames("".concat(type, "-icon-box"), 'icon-box')
     }, /*#__PURE__*/React.createElement("img", {
-      src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1MSAwSDEuOTY4NzVWNi41SDAuMjgxMjUxVjBaTTEuMTI1IDEwQzAuOTAyNDk3IDEwIDAuNjg0OTkgOS45MzQwMiAwLjQ5OTk4NSA5LjgxMDRDMC4zMTQ5NzkgOS42ODY3OSAwLjE3MDc4NSA5LjUxMTA4IDAuMDg1NjM2MSA5LjMwNTUyQzAuMDAwNDg3NDQ3IDkuMDk5OTUgLTAuMDIxNzkxMyA4Ljg3Mzc1IDAuMDIxNjE3MSA4LjY1NTUyQzAuMDY1MDI1NSA4LjQzNzI5IDAuMTcyMTcxIDguMjM2ODQgMC4zMjk1MDUgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODcyOTUgNy44MTUwMiAwLjkwNTUyNCA3Ljc3MTYyQzEuMTIzNzUgNy43MjgyMSAxLjM0OTk1IDcuNzUwNDkgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjQ5OThDMi4xODQwMiA4LjQzNDk5IDIuMjUgOC42NTI1IDIuMjUgOC44NzVDMi4yNSA5LjE3MzM3IDIuMTMxNDcgOS40NTk1MiAxLjkyMDUgOS42NzA0OUMxLjcwOTUyIDkuODgxNDcgMS40MjMzNyAxMCAxLjEyNSAxMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
+      style: {
+        width: 16,
+        height: 16
+      },
+      src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Il9CYXNlX0luZGljYXRvciI+CjxwYXRoIGlkPSJPdmFsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaIiBmaWxsPSIjRUY0NDQ0Ii8+CjxwYXRoIGlkPSJJY29uIiBkPSJNNy4yODEyNSAzSDguOTY4NzVWOS41SDcuMjgxMjVWM1pNOC4xMjUgMTNDNy45MDI1IDEzIDcuNjg0OTkgMTIuOTM0IDcuNDk5OTggMTIuODEwNEM3LjMxNDk4IDEyLjY4NjggNy4xNzA3OCAxMi41MTExIDcuMDg1NjQgMTIuMzA1NUM3LjAwMDQ5IDEyLjEgNi45NzgyMSAxMS44NzM4IDcuMDIxNjIgMTEuNjU1NUM3LjA2NTAzIDExLjQzNzMgNy4xNzIxNyAxMS4yMzY4IDcuMzI5NTEgMTEuMDc5NUM3LjQ4Njg0IDEwLjkyMjIgNy42ODczIDEwLjgxNSA3LjkwNTUyIDEwLjc3MTZDOC4xMjM3NSAxMC43MjgyIDguMzQ5OTUgMTAuNzUwNSA4LjU1NTUyIDEwLjgzNTZDOC43NjEwOSAxMC45MjA4IDguOTM2NzkgMTEuMDY1IDkuMDYwNCAxMS4yNUM5LjE4NDAyIDExLjQzNSA5LjI1IDExLjY1MjUgOS4yNSAxMS44NzVDOS4yNSAxMi4xNzM0IDkuMTMxNDcgMTIuNDU5NSA4LjkyMDUgMTIuNjcwNUM4LjcwOTUyIDEyLjg4MTUgOC40MjMzNyAxMyA4LjEyNSAxM1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg=="
     }));
   }
   return /*#__PURE__*/React.createElement("span", {

package/dist/Steps/style/index.less

@@ -5,11 +5,10 @@
   padding: 24px;
 
   .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
-    margin: 0 8px 10px 66px;
+    margin: 0 8px 4px 66px;
     font-size: 12px;
-    line-height: 24px;
+    height: 16px;
     text-align: center;
-    border-radius: 24px;
     transition: background-color 0.3s, border-color 0.3s;
   }
 
@@ -21,7 +20,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 1px 4px;
+    margin: 0 4px;
     font-size: 13px;
   }
 
@@ -50,14 +49,14 @@
 
       &::after {
         height: 1.5px;
-        background-color: @B40;
+        background-color: #126fdd;
         content: '';
       }
     }
 
     .ant-steps-item-title {
       height: 20px;
-      font-weight: 400;
+      font-weight: 500;
       font-size: 13px;
       font-style: normal;
       line-height: 20px;
@@ -66,9 +65,9 @@
     .ant-steps-item-description {
       max-width: 264px;
       max-height: 32px;
-      margin-top: 3px;
+      margin-top: 4px;
       overflow: hidden;
-      color: @NL50;
+      color: #4b5563;
       font-weight: 400;
       font-size: 12px;
       font-style: normal;
@@ -80,16 +79,19 @@
     &.ant-steps-item-finish {
       .ant-steps-item-tail::after {
         height: 1.5px;
-        background-color: @B40;
+        background-color: #126fdd;
       }
 
       .ant-steps-item-container {
         .ant-steps-item-content {
           .ant-steps-item-title {
-            color: @NL50;
-            font-weight: 400;
+            color: #9ca3af;
+            font-weight: 500;
             font-size: 13px;
-            margin-top: 3px;
+          }
+
+          .ant-steps-item-description {
+            color: #9ca3af;
           }
         }
       }
@@ -98,14 +100,14 @@
     &.ant-steps-item-active {
       .ant-steps-item-container {
         .ant-steps-item-tail::after {
-          background-color: @BG60;
+          background-color: #e5e7eb !important;
         }
 
         .ant-steps-item-content {
           .ant-steps-item-title {
-            color: @B30;
-            font-weight: 600;
-            font-size: 13px;
+            color: #126fdd;
+            font-weight: 500;
+            font-size: 14px;
           }
         }
       }
@@ -114,14 +116,12 @@
     &.ant-steps-item-wait {
       .ant-steps-item-container {
         .ant-steps-item-tail::after {
-          background-color: @BG60;
+          background-color: #9ca3af;
         }
 
         .ant-steps-item-content {
           .ant-steps-item-title {
-            color: @NL0;
-            font-weight: 400;
-            font-size: 13px;
+            color: #1f2937;
           }
         }
       }
@@ -131,12 +131,12 @@
       .ant-steps-item-container {
         .ant-steps-item-content {
           .ant-steps-item-title {
-            color: @SC40;
-            font-size: 13px;
+            color: #b91c1c;
+            font-size: 14px;
           }
 
           .ant-steps-item-description {
-            color: @NL50;
+            color: #9ca3af;
           }
         }
       }
@@ -170,7 +170,6 @@
 
       .ant-steps-item-title {
         height: 20px;
-        margin-top: 1px;
         font-size: 14px;
         line-height: 20px;
       }
@@ -179,13 +178,14 @@
         max-width: 264px;
         height: 16px;
         max-height: 32px;
-        margin-top: 4px;
+        margin-top: 3px;
         padding: 0;
         overflow: hidden;
         font-size: 12px;
         line-height: 16px;
         text-overflow: ellipsis;
         word-wrap: break-word;
+        color: #4b5563;
         -webkit-line-clamp: 2;
       }
     }
@@ -226,7 +226,7 @@
         &::after {
           width: 1.5px;
           height: 100%;
-          background-color: @B40;
+          background-color: #126fdd;
         }
       }
     }
@@ -240,7 +240,11 @@
     }
 
     &.ant-steps-item-title {
-      color: @NL50;
+      color: #9ca3af;
+    }
+
+    .ant-steps-item-description {
+      color: #9ca3af !important;
     }
   }
 }
@@ -274,12 +278,12 @@
 }
 
 .check-icon-box {
-  color: @B40;
+  color: #126fdd;
 }
 
 .ald-steps.ald-steps .finish-icon-box {
   position: relative;
-  background-color: @B40;
+  background-color: #2986f4;
   display: grid;
   place-items: center;
 
@@ -304,7 +308,7 @@
 // 提升该类名的优先级，不然会被.iconBox覆盖掉
 .ald-steps.ald-steps .process-icon-box {
   position: relative;
-  background-color: @B40;
+  background-color: #2986f4;
 
   &::after {
     position: absolute;
@@ -321,7 +325,7 @@
 
 .ald-steps.ald-steps .wait-icon-box {
   position: relative;
-  background-color: @BG60;
+  background-color: #9ca3af;
 
   &::after {
     position: absolute;
@@ -329,9 +333,15 @@
     left: 50%;
     width: 6px;
     height: 6px;
-    background-color: @BG80;
+    background-color: #fff;
     border-radius: 50%;
     transform: translate(-50%, -50%);
     content: '';
   }
 }
+
+.ald-steps > .ant-steps-item:last-child {
+  .ant-steps-item-tail::after {
+    content: unset !important;
+  }
+}

package/dist/Table/helper.d.ts

@@ -21,7 +21,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, tot
         render?: ((text: any, record: TDataItem, rowIndex: number) => import("react").ReactNode) | undefined;
         ellipsis?: boolean | undefined;
         noPadding?: boolean | undefined;
-        align?: "left" | "center" | "right" | undefined;
+        align?: "center" | "left" | "right" | undefined;
         fixed?: "left" | "right" | undefined;
         sortOrder?: "ascend" | "descend" | null | undefined;
     };

package/dist/Tag/index.js

@@ -44,7 +44,8 @@ export default function Tag(props) {
   }, icon && /*#__PURE__*/React.createElement("span", {
     className: prefixCls('icon')
   }, icon), /*#__PURE__*/React.createElement("span", {
-    className: prefixCls('content')
+    className: prefixCls('content'),
+    title: typeof children === 'string' ? children : ''
   }, children), closable ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls('close-btn'),
     onClick: onCloseBtnClick

package/dist/Tree/style/index.less

@@ -86,6 +86,7 @@
     display: flex;
     align-items: center;
     border-radius: 4px;
+    min-width: 0;
     // stylelint-disable-next-line
     .ald-tree-iconEle {
       display: inline-flex;
@@ -102,6 +103,10 @@
       align-items: center;
       justify-content: space-between;
       flex: 1;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
 
       .ald-tree-tab-leader {
         flex: 1;