@cloudtower/eagle 0.26.17 → 0.26.19

package/dist/spec/base.d.ts

@@ -35,7 +35,7 @@ import { RowProps } from "antd/lib/row";
 import { SelectProps as AntdSelectProps, SelectProps } from "antd/lib/select";
 import { SkeletonProps as AntdSkeletonProps } from "antd/lib/skeleton";
 import { SkeletonButtonProps } from "antd/lib/skeleton/Button";
-import Steps, { StepProps, StepsProps } from "antd/lib/steps";
+import Steps from "antd/lib/steps";
 import { SwitchProps as AntdSwitchProps } from "antd/lib/switch";
 import { ColumnsType, ColumnType, TableProps as AntdTableProps } from "antd/lib/table";
 import { TableRowSelection } from "antd/lib/table/interface";
@@ -50,7 +50,7 @@ import { TextProps } from "antd/lib/typography/Text";
 import { DraggerProps, UploadProps } from "antd/lib/upload";
 import type { Moment } from "moment";
 import React, { ForwardRefExoticComponent, PropsWithChildren, PropsWithoutRef, ReactNode, RefAttributes } from "react";
-import { ICardProps } from "../components/Card";
+import { CardProps } from "../components/Card";
 import { IEmptyProps } from "../components/Empty";
 import { MessageApi } from "../components/message";
 import { TableFormHandle, TableFormProps } from "../components/TableForm/types";
@@ -345,10 +345,21 @@ export type RadioButtonProps = AntdRadioButtonProps & {
     initialValue?: string | number;
     onInputChange?: (val: number | string | undefined) => void;
 };
-export type IStepsProps = StepsProps & {
-    stepsConfig?: Array<StepProps>;
+export type StepProps = {
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    title: string;
+    style?: React.CSSProperties;
+};
+export type IStepsProps = {
+    className?: string;
+    current?: number;
+    direction?: "horizontal" | "vertical";
+    style?: React.CSSProperties;
+    onChange?: (current: number) => void;
+    stepsConfig: Array<StepProps>;
     containerClassname?: string;
-    showStepCount?: boolean;
+    disabled?: boolean;
 };
 export interface ISimplePaginationProps {
     className?: string;
@@ -495,7 +506,7 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     antdTreeSelect: typeof TreeSelect;
     antdDrawer: React.FC<DrawerProps>;
     truncate: React.FC<TruncatePropTypes>;
-    card: ForwardRefExoticComponent<PropsWithoutRef<ICardProps> & RefAttributes<HTMLDivElement>>;
+    card: ForwardRefExoticComponent<PropsWithoutRef<PropsWithChildren<CardProps>> & RefAttributes<HTMLDivElement>>;
     expandableList: {
         ExpandableContainer: React.FC<PropsWithChildren<{}>>;
         ExpandableItem: React.FC<PropsWithChildren<IExpandableItemProps>>;
@@ -545,9 +556,13 @@ export type SplitTagComponentType = React.FC<Omit<TagProps, "closable" | "closeI
     secondaryContent: React.ReactNode;
 }>;
 export type TokenColor = "red" | "yellow" | "green" | "blue" | "gray";
-export type TokenComponentType = React.FC<Omit<TagProps, "closeIcon"> & {
+export type TokenType = Omit<TagProps, "closeIcon"> & {
     color?: TokenColor;
     size?: "small" | "medium" | "large";
     checked?: boolean;
-}>;
+    tooltipConfig?: {
+        title: string;
+    };
+};
+export type TokenComponentType = React.ForwardRefExoticComponent<TokenType & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/style.css

@@ -28370,6 +28370,7 @@ div.ant-typography-edit-content.ant-typography-rtl {
   align-items: center;
   justify-content: center;
   position: relative;
+  opacity: 0.2;
 }
 
 .loading-indicator__line1 {
@@ -31183,87 +31184,85 @@ input.rrg1fkn.ant-input {
   margin-left: 5px;
 }
 
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal {
-  flex-direction: row;
-  justify-content: stretch;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
-  padding: 0;
-  margin-right: 4px;
-  flex: 1;
-  overflow: visible;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-tail, .s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
-  display: none;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content {
-  width: 100%;
-  min-height: unset;
+.s1fc623g {
+  width: 430px !important;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
-  height: 26px;
-  line-height: 26px;
-  width: 100%;
-  text-align: center;
-  padding: 0;
-  font-size: 12px;
-  font-weight: normal;
+
+.da3mx0o .ant-select-item-group {
+  padding: 8px 16px;
+  line-height: 18px;
+  border-top: 1px solid rgba(211, 218, 235, 0.6);
+  height: 34px;
+  min-height: 34px;
+  box-sizing: border-box;
+  margin-top: 8px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title .step-count {
-  margin-right: 10px;
+
+.onr9gzt {
+  display: flex;
+  flex-direction: column;
+  margin: 1px 8px;
+  padding: 8px;
+  border-radius: 4px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title::after {
+.onr9gzt .selected-icon {
   display: none;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child .ant-steps-item-container {
-  border-radius: 4px 0 0 4px;
+.onr9gzt.ant-select-item-option-grouped {
+  padding-left: 8px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child {
-  margin-right: 0;
+.onr9gzt.ant-select-item-option-selected {
+  background-color: white;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child .ant-steps-item-container {
-  border-radius: 0 4px 4px 0;
+.onr9gzt.ant-select-item-option-selected .timezone-title {
+  color: #0080ff;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child)::after {
-  content: "";
-  width: 0;
-  height: 0;
-  border: 13px solid transparent;
-  position: absolute;
-  top: 0;
-  border-left: 8px solid rgba(237, 241, 250, 0.6);
-  right: -21px;
-  z-index: 2;
+.onr9gzt.ant-select-item-option-selected .selected-icon {
+  display: block;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child)::before {
-  content: "";
-  width: 0;
-  height: 0;
-  border: 13px solid transparent;
-  position: absolute;
-  top: 0;
-  border-left: 8px solid #fff;
-  left: 0;
+.onr9gzt.ant-select-item-option-active {
+  background: rgba(0, 136, 255, 0.16);
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-container {
-  background-color: rgba(0, 136, 255, 0.1);
+.onr9gzt.ant-select-item-option-active .timezone-title {
+  color: #0080ff;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active::after {
-  border-left-color: rgba(0, 136, 255, 0.1) !important;
+.onr9gzt.ant-select-item-option-active .timezone-tag {
+  background: rgba(0, 136, 255, 0.1);
+  color: #0080ff;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-title {
-  color: #005ed1;
+
+.oiy0apc {
+  display: flex;
+  justify-content: space-between;
+  height: 20px;
+  line-height: 20px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-container,
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-container {
-  background-color: rgba(237, 241, 250, 0.6);
+.oiy0apc .timezone-title {
+  color: #2d3a56;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-title,
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-title {
+
+.of4y382 {
+  display: flex;
+  justify-content: space-between;
   color: rgba(44, 56, 82, 0.6);
+  height: 18px;
+  line-height: 18px;
+  margin-top: 2px;
 }
-.s3mgie3 .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
-  padding: 0;
+
+.t19903l9 {
+  border: none;
+  margin-right: 0;
+  background: rgba(225, 230, 241, 0.6);
+}
+
+.ohwbvxu {
+  pointer-events: none;
+  height: 32px;
+  width: 100%;
+  opacity: 0;
 }
 
 .t1upn1sz {
@@ -31630,91 +31629,6 @@ input.rrg1fkn.ant-input {
   background: #fff;
 }
 
-.s1fc623g {
-  width: 430px !important;
-}
-
-.da3mx0o .ant-select-item-group {
-  padding: 8px 16px;
-  line-height: 18px;
-  border-top: 1px solid rgba(211, 218, 235, 0.6);
-  height: 34px;
-  min-height: 34px;
-  box-sizing: border-box;
-  margin-top: 8px;
-}
-
-.onr9gzt {
-  display: flex;
-  flex-direction: column;
-  margin: 1px 8px;
-  padding: 8px;
-  border-radius: 4px;
-}
-.onr9gzt .selected-icon {
-  display: none;
-}
-.onr9gzt.ant-select-item-option-grouped {
-  padding-left: 8px;
-}
-.onr9gzt.ant-select-item-option-selected {
-  background-color: white;
-}
-.onr9gzt.ant-select-item-option-selected .timezone-title {
-  color: #0080ff;
-}
-.onr9gzt.ant-select-item-option-selected .selected-icon {
-  display: block;
-}
-.onr9gzt.ant-select-item-option-active {
-  background: rgba(0, 136, 255, 0.16);
-}
-.onr9gzt.ant-select-item-option-active .timezone-title {
-  color: #0080ff;
-}
-.onr9gzt.ant-select-item-option-active .timezone-tag {
-  background: rgba(0, 136, 255, 0.1);
-  color: #0080ff;
-}
-
-.oiy0apc {
-  display: flex;
-  justify-content: space-between;
-  height: 20px;
-  line-height: 20px;
-}
-.oiy0apc .timezone-title {
-  color: #2d3a56;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.of4y382 {
-  display: flex;
-  justify-content: space-between;
-  color: rgba(44, 56, 82, 0.6);
-  height: 18px;
-  line-height: 18px;
-  margin-top: 2px;
-}
-
-.t19903l9 {
-  border: none;
-  margin-right: 0;
-  background: rgba(225, 230, 241, 0.6);
-}
-
-.ohwbvxu {
-  pointer-events: none;
-  height: 32px;
-  width: 100%;
-  opacity: 0;
-}
-
-.i1e4sgug {
-  display: inline-block;
-}
-
 .d6j0lbj {
   font-family: Inter;
   font-style: normal;
@@ -32190,6 +32104,10 @@ input.rrg1fkn.ant-input {
   line-height: 12px;
 }
 
+.i1e4sgug {
+  display: inline-block;
+}
+
 .m15dvk92 {
   display: flex;
   justify-content: space-between;
@@ -32303,6 +32221,20 @@ input.rrg1fkn.ant-input {
   cursor: default;
 }
 
+.iiqau4c.ant-input-group.ant-input-group-compact {
+  display: flex;
+}
+
+.igz4le8 {
+  height: 24px;
+  width: 56px !important;
+  margin-right: 4px;
+}
+
+.c1riexje {
+  color: rgba(44, 56, 82, 0.6);
+}
+
 .shq1k1g.ant-select, .shq1k1g.ant-select .ant-select-selector {
   border-radius: 6px;
 }
@@ -32360,20 +32292,6 @@ input.rrg1fkn.ant-input {
   transform: rotate(180deg);
 }
 
-.iiqau4c.ant-input-group.ant-input-group-compact {
-  display: flex;
-}
-
-.igz4le8 {
-  height: 24px;
-  width: 56px !important;
-  margin-right: 4px;
-}
-
-.c1riexje {
-  color: rgba(44, 56, 82, 0.6);
-}
-
 .s1uupxds {
   padding: 0 8px;
   border-radius: 4px;
@@ -32610,6 +32528,192 @@ input.rrg1fkn.ant-input {
   margin-left: 8px;
 }
 
+.sq6vos1 {
+  --item-min-width: 60px;
+}
+.sq6vos1 .ant-steps-item-tail, .sq6vos1 .ant-steps-item-icon {
+  display: none !important;
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-active {
+  flex-shrink: 0 !important;
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-active .step-item-prefix-container {
+  color: #0080ff;
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  color: #0080ff;
+  font-weight: normal;
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title, .sq6vos1 .ant-steps-item.ant-steps-item-finish .ant-steps-item-container:hover .ant-steps-item-content .ant-steps-item-title {
+  color: rgba(44, 56, 82, 0.6);
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  color: #00122e;
+}
+.sq6vos1 .step-item-text {
+  display: inline-block;
+}
+.sq6vos1 .step-item-title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.hjtnwxg .ant-steps-item-container {
+  min-width: var(--item-min-width);
+}
+.hjtnwxg .ant-steps-item-disabled {
+  cursor: not-allowed !important;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal {
+  flex-direction: row;
+  justify-content: stretch;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
+  padding: 0;
+  margin-right: 4px;
+  flex: 1;
+  overflow: visible;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content {
+  width: 100%;
+  min-height: unset;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
+  height: 26px;
+  line-height: 26px;
+  width: 100%;
+  padding: 0;
+  font-size: 12px;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title .step-count {
+  margin-right: 10px;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title::after {
+  display: none;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child .ant-steps-item-container {
+  padding-left: 8px;
+  padding-right: 4px;
+  border-radius: 4px 0 0 4px;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child {
+  margin-right: 0;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child .ant-steps-item-container {
+  padding-right: 8px;
+  padding-left: 12px;
+  border-radius: 0 4px 4px 0;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child)::after {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  position: absolute;
+  top: 0;
+  border-left: 8px solid rgba(237, 241, 250, 0.6);
+  z-index: 2;
+  position: relative;
+  top: -50%;
+  right: -100%;
+  display: inline-block;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(:first-child):not(:last-child) .ant-steps-item-container {
+  padding: 0 4px 0 12px;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child)::before {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  position: absolute;
+  top: 0;
+  border-left: 8px solid #fff;
+  left: 0;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active {
+  max-width: calc(100% - var(--item-min-width) * 2);
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-container {
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active::after {
+  border-left-color: rgba(0, 136, 255, 0.1) !important;
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish {
+  cursor: pointer;
+  min-width: var(--item-min-width);
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait,
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish {
+  min-width: var(--item-min-width);
+}
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-container,
+.hjtnwxg .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-container {
+  background-color: rgba(237, 241, 250, 0.6);
+}
+.hjtnwxg .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
+  padding: 0;
+}
+
+.v1p8siwu .ant-steps.ant-steps-vertical {
+  width: 138px;
+  row-gap: 2px;
+}
+.v1p8siwu .ant-steps.ant-steps-vertical .ant-steps-item-container {
+  padding: 0 8px;
+  border-radius: 4px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+}
+.v1p8siwu .ant-steps.ant-steps-vertical .ant-steps-item-container .ant-steps-item-content {
+  min-height: auto;
+  white-space: nowrap;
+}
+.v1p8siwu .ant-steps.ant-steps-vertical .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  font-size: 13px;
+  line-height: 20px;
+  max-width: 100%;
+}
+.v1p8siwu .ant-steps.ant-steps-vertical .ant-steps-item-active .ant-steps-item-container {
+  background: rgba(0, 128, 255, 0.1);
+}
+
+.h1xo7yjb {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+}
+.h1xo7yjb .step-item-prefix-container {
+  display: inline-flex;
+  align-items: center;
+  width: 18px;
+  height: 18px;
+  color: rgba(44, 56, 82, 0.75);
+  justify-content: center;
+}
+
+.v1f2f7cy {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 6px;
+  font-size: 13px;
+}
+.v1f2f7cy .step-item-prefix-container {
+  display: inline-flex;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+  color: rgba(44, 56, 82, 0.75);
+  justify-content: center;
+}
+
 .t1gz6wqf {
   height: 100%;
 }
@@ -32692,6 +32796,14 @@ input.rrg1fkn.ant-input {
   border-radius: 4px;
   background-color: white;
 }
+.cav4gt6.hoverable {
+  cursor: pointer;
+}
+.cav4gt6.hoverable:hover {
+  transition: all 200ms ease;
+  box-shadow: 0px 9px 22px rgba(107, 125, 153, 0.23), 0px 1.12694px 2.75474px rgba(107, 125, 153, 0.12);
+  transform: translateY(-4px);
+}
 
 .rrwcpby {
   display: flex;
@@ -32942,6 +33054,30 @@ input.rrg1fkn.ant-input {
   margin-right: 4px;
 }
 
+.sut42l0 {
+  padding: 0 8px;
+  height: 18px;
+}
+
+.mfsz1jz {
+  padding: 2px 8px;
+  height: 24px;
+}
+
+.tnd6h4m {
+  margin: 0;
+}
+
+.i1qw4clm {
+  margin-right: 4px;
+  height: 16px;
+}
+
+.iwsze0q {
+  margin-right: 4px;
+  height: 16px;
+}
+
 .at4ovwe .ant-input-number-handler-wrap {
   display: var(--at4ovwe-0);
 }
@@ -32988,30 +33124,6 @@ input.rrg1fkn.ant-input {
   font-size: inherit;
 }
 
-.sut42l0 {
-  padding: 0 8px;
-  height: 18px;
-}
-
-.mfsz1jz {
-  padding: 2px 8px;
-  height: 24px;
-}
-
-.tnd6h4m {
-  margin: 0;
-}
-
-.i1qw4clm {
-  margin-right: 4px;
-  height: 16px;
-}
-
-.iwsze0q {
-  margin-right: 4px;
-  height: 16px;
-}
-
 .feau332.ant-form-item {
   margin-bottom: 0;
 }