@aloudata/aloudata-design 2.7.3 → 2.7.4

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/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;