cernont/pyrofetes-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
CHEVALLIER Abel
2025-11-13 16:23:22 +01:00
parent de9c515a47
commit cb235644dc
34924 changed files with 3811102 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
node_modules/ng-zorro-antd/steps/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,106 @@
import { Direction } from '@angular/cdk/bidi';
import * as i0 from '@angular/core';
import { OnInit, TemplateRef, ElementRef, OnChanges, AfterContentInit, QueryList, EventEmitter, SimpleChanges } from '@angular/core';
import { NzSizeDSType, NgClassType, BooleanInput } from 'ng-zorro-antd/core/types';
import { Subject } from 'rxjs';
import { NzProgressFormatter } from 'ng-zorro-antd/progress';
declare class NzStepComponent implements OnInit {
private cdr;
private destroyRef;
processDotTemplate?: TemplateRef<void>;
itemContainer: ElementRef<HTMLElement>;
nzTitle?: string | TemplateRef<void>;
nzSubtitle?: string | TemplateRef<void>;
nzDescription?: string | TemplateRef<void>;
nzDisabled: boolean;
nzPercentage: number | null;
nzSize: NzSizeDSType;
get nzStatus(): string;
set nzStatus(status: string);
isCustomStatus: boolean;
private _status;
get nzIcon(): NgClassType | TemplateRef<void> | undefined;
set nzIcon(value: NgClassType | TemplateRef<void> | undefined);
oldAPIIcon: boolean;
private _icon?;
customProcessTemplate?: TemplateRef<{
$implicit: TemplateRef<void>;
status: string;
index: number;
}>;
direction: string;
index: number;
last: boolean;
outStatus: string;
showProcessDot: boolean;
clickable: boolean;
clickOutsideAngular$: Subject<number>;
readonly nullProcessFormat: NzProgressFormatter;
get showProgress(): boolean;
get currentIndex(): number;
set currentIndex(current: number);
private _currentIndex;
ngOnInit(): void;
enable(): void;
disable(): void;
markForCheck(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzStepComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzStepComponent, "nz-step", ["nzStep"], { "nzTitle": { "alias": "nzTitle"; "required": false; }; "nzSubtitle": { "alias": "nzSubtitle"; "required": false; }; "nzDescription": { "alias": "nzDescription"; "required": false; }; "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzPercentage": { "alias": "nzPercentage"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; "nzStatus": { "alias": "nzStatus"; "required": false; }; "nzIcon": { "alias": "nzIcon"; "required": false; }; }, {}, never, never, true, never>;
static ngAcceptInputType_nzDisabled: unknown;
}
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
type NzDirectionType = 'horizontal' | 'vertical';
type NzStatusType = 'wait' | 'process' | 'finish' | 'error';
type NzProgressDotTemplate = TemplateRef<{
$implicit: TemplateRef<void>;
status: string;
index: number;
}>;
declare class NzStepsComponent implements OnChanges, OnInit, AfterContentInit {
static ngAcceptInputType_nzProgressDot: BooleanInput | NzProgressDotTemplate | undefined | null;
private cdr;
private ngZone;
private directionality;
private destroyRef;
steps: QueryList<NzStepComponent>;
nzCurrent: number;
nzDirection: NzDirectionType;
nzLabelPlacement: 'horizontal' | 'vertical';
nzType: 'default' | 'navigation';
nzSize: NzSizeDSType;
nzStartIndex: number;
nzStatus: NzStatusType;
set nzProgressDot(value: boolean | NzProgressDotTemplate | undefined | null);
readonly nzIndexChange: EventEmitter<number>;
private indexChangeSubscription;
showProcessDot: boolean;
showProgress: boolean;
customProcessDotTemplate?: TemplateRef<{
$implicit: TemplateRef<void>;
status: string;
index: number;
}>;
dir: Direction;
ngOnChanges(changes: SimpleChanges): void;
ngOnInit(): void;
ngAfterContentInit(): void;
private updateHostProgressClass;
private updateChildrenSteps;
static ɵfac: i0.ɵɵFactoryDeclaration<NzStepsComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzStepsComponent, "nz-steps", ["nzSteps"], { "nzCurrent": { "alias": "nzCurrent"; "required": false; }; "nzDirection": { "alias": "nzDirection"; "required": false; }; "nzLabelPlacement": { "alias": "nzLabelPlacement"; "required": false; }; "nzType": { "alias": "nzType"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; "nzStartIndex": { "alias": "nzStartIndex"; "required": false; }; "nzStatus": { "alias": "nzStatus"; "required": false; }; "nzProgressDot": { "alias": "nzProgressDot"; "required": false; }; }, { "nzIndexChange": "nzIndexChange"; }, ["steps"], ["*"], true, never>;
}
declare class NzStepsModule {
static ɵfac: i0.ɵɵFactoryDeclaration<NzStepsModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<NzStepsModule, never, [typeof NzStepsComponent, typeof NzStepComponent], [typeof NzStepsComponent, typeof NzStepComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<NzStepsModule>;
}
export { NzStepComponent, NzStepsComponent, NzStepsModule };
export type { NzDirectionType, NzProgressDotTemplate, NzStatusType };

3
node_modules/ng-zorro-antd/steps/package.json generated vendored Normal file
View File

@@ -0,0 +1,3 @@
{
"module": "../fesm2022/ng-zorro-antd-steps.mjs"
}

50
node_modules/ng-zorro-antd/steps/style/compatibility.less generated vendored Normal file
View File

@@ -0,0 +1,50 @@
.@{steps-prefix-cls}-flex-not-supported {
&.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
.@{steps-prefix-cls}-item {
margin-left: -16px;
padding-left: 16px;
background: @steps-background;
}
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item {
margin-left: -12px;
padding-left: 12px;
}
}
&.@{steps-prefix-cls}-dot {
.@{steps-prefix-cls}-item {
&:last-child {
overflow: hidden;
.@{steps-prefix-cls}-icon-dot::after {
right: -200px;
width: 200px;
}
}
.@{steps-prefix-cls}-icon-dot::before,
.@{steps-prefix-cls}-icon-dot::after {
position: absolute;
top: 0;
left: -10px;
width: 10px;
height: 8px;
background: @steps-background;
content: '';
}
.@{steps-prefix-cls}-icon-dot::after {
right: -10px;
left: auto;
}
}
.@{steps-prefix-cls}-item-wait
.@{steps-prefix-cls}-item-icon
> .@{steps-prefix-cls}-icon
.@{steps-prefix-cls}-icon-dot {
background: #ccc;
}
}
}

32
node_modules/ng-zorro-antd/steps/style/custom-icon.less generated vendored Normal file
View File

@@ -0,0 +1,32 @@
.@{steps-prefix-cls}-item-custom {
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-icon {
height: auto;
background: none;
border: 0;
> .@{steps-prefix-cls}-icon {
top: @steps-icon-custom-top;
left: 0.5px;
width: @steps-icon-custom-size;
height: @steps-icon-custom-size;
font-size: @steps-icon-custom-font-size;
line-height: @steps-icon-custom-size;
}
}
&.@{steps-prefix-cls}-item-process {
.@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon {
color: @process-icon-color;
}
}
}
// Only adjust horizontal customize icon width
.@{steps-prefix-cls} {
&:not(.@{steps-prefix-cls}-vertical) {
.@{steps-prefix-cls}-item-custom {
.@{steps-prefix-cls}-item-icon {
width: auto;
background: none;
}
}
}
}

1
node_modules/ng-zorro-antd/steps/style/entry.less generated vendored Normal file
View File

@@ -0,0 +1 @@
@import './index.less';

769
node_modules/ng-zorro-antd/steps/style/index.css generated vendored Normal file
View File

@@ -0,0 +1,769 @@
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
.ant-steps {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: flex;
width: 100%;
font-size: 0;
text-align: initial;
}
.ant-steps-item {
position: relative;
display: inline-block;
flex: 1;
overflow: hidden;
vertical-align: top;
}
.ant-steps-item-container {
outline: none;
}
.ant-steps-item:last-child {
flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
display: inline-block;
vertical-align: top;
}
.ant-steps-item-icon {
width: 32px;
height: 32px;
margin: 0 8px 0 0;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 32px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 32px;
transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
position: relative;
top: -0.5px;
color: #1890ff;
line-height: 1;
}
.ant-steps-item-tail {
position: absolute;
top: 12px;
left: 0;
width: 100%;
padding: 0 10px;
}
.ant-steps-item-tail::after {
display: inline-block;
width: 100%;
height: 1px;
background: #f0f0f0;
border-radius: 1px;
transition: background 0.3s;
content: '';
}
.ant-steps-item-title {
position: relative;
display: inline-block;
padding-right: 16px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 32px;
}
.ant-steps-item-title::after {
position: absolute;
top: 16px;
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: #f0f0f0;
content: '';
}
.ant-steps-item-subtitle {
display: inline;
margin-left: 8px;
color: rgba(0, 0, 0, 0.45);
font-weight: normal;
font-size: 14px;
}
.ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
background-color: #fff;
border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
background-color: #fff;
border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
background: #ff4d4f;
}
.ant-steps-item-disabled {
cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-left: 16px;
white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
max-width: 140px;
white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
height: auto;
background: none;
border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
top: 0px;
left: 0.5px;
width: 32px;
height: 32px;
font-size: 24px;
line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
width: auto;
background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
width: 24px;
height: 24px;
margin: 0 8px 0 0;
font-size: 12px;
line-height: 24px;
text-align: center;
border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
padding-right: 12px;
font-size: 14px;
line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
top: 12px;
}
.ant-steps-small .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
width: inherit;
height: inherit;
line-height: inherit;
background: none;
border: 0;
border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
font-size: 24px;
line-height: 24px;
transform: none;
}
.ant-steps-vertical {
display: flex;
flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
float: left;
margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
position: absolute;
top: 0;
left: 15px;
width: 1px;
height: 100%;
padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
width: 1px;
height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
position: absolute;
top: 0;
left: 11px;
padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
margin-left: 58px;
padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
display: block;
width: 116px;
margin-top: 8px;
text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
display: inline-block;
margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
padding-right: 0;
padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
display: block;
margin-bottom: 4px;
margin-left: 0;
line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
top: 2px;
width: 100%;
margin: 0 0 0 70px;
padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
width: calc(100% - 20px);
height: 3px;
margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
width: 8px;
height: 8px;
margin-left: 67px;
padding-right: 0;
line-height: 8px;
background: transparent;
border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
position: relative;
float: left;
width: 100%;
height: 100%;
border-radius: 100px;
transition: all 0.3s;
/* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
position: relative;
top: -1px;
width: 10px;
height: 10px;
line-height: 10px;
background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
margin-top: 13px;
margin-left: 0;
background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
top: 6.5px;
left: -9px;
margin: 0;
padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
margin-top: 10px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
top: 3.5px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
top: -1px;
left: -1px;
}
.ant-steps-navigation {
padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
overflow: visible;
text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
display: inline-block;
height: 100%;
margin-left: -16px;
padding-bottom: 12px;
text-align: left;
transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
max-width: 100%;
padding-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
display: none;
}
.ant-steps-navigation .ant-steps-item::after {
position: absolute;
top: 50%;
left: 100%;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -14px;
margin-left: -2px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: none;
border-left: none;
transform: rotate(45deg);
content: '';
}
.ant-steps-navigation .ant-steps-item::before {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 0;
height: 2px;
background-color: #1890ff;
transition: width 0.3s, left 0.3s;
transition-timing-function: ease-out;
content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
left: 0;
width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
top: 0;
right: 0;
left: unset;
display: block;
width: 3px;
height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
position: relative;
top: -2px;
left: 50%;
display: block;
width: 8px;
height: 8px;
margin-bottom: 8px;
text-align: center;
transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
visibility: hidden;
}
.ant-steps-rtl {
direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
margin-right: 0;
margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
right: 0;
left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
padding-right: 0;
padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
float: left;
margin-right: 8px;
margin-left: 0;
}
.ant-steps-rtl .ant-steps-item-title::after {
right: 100%;
left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-right: 16px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
right: 0.5px;
left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
margin-right: -12px;
margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-right: 12px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
padding-right: 0;
padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: 16px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
right: 12px;
left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
margin-right: 12px;
margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
right: 2px;
left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
margin-right: 67px;
margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
/* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
right: -26px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
margin-right: 0;
margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: -9px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
right: 0;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
right: -2px;
left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
padding-right: 4px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: 19px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: 15px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
padding-right: 4px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
top: 4px;
left: 19px;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
padding-bottom: 4px;
padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
left: 15px;
}
.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
top: 14px !important;
}
.ant-steps-with-progress .ant-steps-item-icon {
position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}

255
node_modules/ng-zorro-antd/steps/style/index.less generated vendored Normal file
View File

@@ -0,0 +1,255 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@steps-prefix-cls: ~'@{ant-prefix}-steps';
@process-icon-color: @primary-color;
@process-title-color: @heading-color;
@process-description-color: @text-color;
@process-icon-text-color: @text-color-inverse;
@wait-icon-color: @disabled-color;
@wait-title-color: @text-color-secondary;
@wait-description-color: @wait-title-color;
@wait-tail-color: @process-tail-color;
@finish-icon-color: @process-icon-color;
@finish-title-color: @text-color;
@finish-description-color: @text-color-secondary;
@finish-tail-color: @primary-color;
@error-icon-color: @error-color;
@error-title-color: @error-color;
@error-description-color: @error-color;
@error-tail-color: @wait-tail-color;
@steps-nav-active-color: @primary-color;
.@{steps-prefix-cls} {
.reset-component();
display: flex;
width: 100%;
font-size: 0;
text-align: initial;
}
.@{steps-prefix-cls}-item {
position: relative;
display: inline-block;
flex: 1;
overflow: hidden;
vertical-align: top;
&-container {
outline: none;
}
&:last-child {
flex: none;
}
&:last-child > &-container > &-tail,
&:last-child > &-container > &-content > &-title::after {
display: none;
}
&-icon,
&-content {
display: inline-block;
vertical-align: top;
}
&-icon {
width: @steps-icon-size;
height: @steps-icon-size;
margin: @steps-icon-margin;
font-size: @steps-icon-font-size;
font-family: @font-family;
line-height: @steps-icon-size;
text-align: center;
border: @border-width-base @border-style-base @wait-icon-color;
border-radius: @steps-icon-size;
transition: background-color 0.3s, border-color 0.3s;
.@{steps-prefix-cls}-icon {
position: relative;
top: @steps-icon-top;
color: @primary-color;
line-height: 1;
}
}
&-tail {
position: absolute;
top: 12px;
left: 0;
width: 100%;
padding: 0 10px;
&::after {
display: inline-block;
width: 100%;
height: 1px;
background: @border-color-split;
border-radius: 1px;
transition: background 0.3s;
content: '';
}
}
&-title {
position: relative;
display: inline-block;
padding-right: 16px;
color: @text-color;
font-size: @font-size-lg;
line-height: @steps-title-line-height;
&::after {
position: absolute;
top: (@steps-title-line-height / 2);
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: @wait-tail-color;
content: '';
}
}
&-subtitle {
display: inline;
margin-left: 8px;
color: @text-color-secondary;
font-weight: normal;
font-size: @font-size-base;
}
&-description {
color: @text-color-secondary;
font-size: @font-size-base;
}
.step-item-status(wait);
.step-item-status(process);
&-process > &-container > &-icon {
background: @process-icon-color;
.@{steps-prefix-cls}-icon {
color: @process-icon-text-color;
}
}
&-process > &-container > &-title {
font-weight: 500;
}
.step-item-status(finish);
.step-item-status(error);
&.@{steps-prefix-cls}-next-error .@{steps-prefix-cls}-item-title::after {
background: @error-icon-color;
}
&-disabled {
cursor: not-allowed;
}
}
// ===================== Clickable =====================
.@{steps-prefix-cls} .@{steps-prefix-cls}-item {
&:not(.@{steps-prefix-cls}-item-active) {
& > .@{steps-prefix-cls}-item-container[role='button'] {
cursor: pointer;
.@{steps-prefix-cls}-item {
&-title,
&-subtitle,
&-description,
&-icon .@{steps-prefix-cls}-icon {
transition: color 0.3s;
}
}
&:hover {
.@{steps-prefix-cls}-item {
&-title,
&-subtitle,
&-description {
color: @primary-color;
}
}
}
}
&:not(.@{steps-prefix-cls}-item-process) {
& > .@{steps-prefix-cls}-item-container[role='button']:hover {
.@{steps-prefix-cls}-item {
&-icon {
border-color: @primary-color;
.@{steps-prefix-cls}-icon {
color: @primary-color;
}
}
}
}
}
}
}
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
.@{steps-prefix-cls}-item {
padding-left: 16px;
white-space: nowrap;
&:first-child {
padding-left: 0;
}
&:last-child .@{steps-prefix-cls}-item-title {
padding-right: 0;
}
&-tail {
display: none;
}
&-description {
max-width: @steps-description-max-width;
white-space: normal;
}
}
}
.step-item-status(@status) {
@icon-color: '@{status}-icon-color';
@title-color: '@{status}-title-color';
@description-color: '@{status}-description-color';
@tail-color: '@{status}-tail-color';
&-@{status} &-icon {
background-color: @steps-background;
border-color: @@icon-color;
> .@{steps-prefix-cls}-icon {
color: @@icon-color;
.@{steps-prefix-cls}-icon-dot {
background: @@icon-color;
}
}
}
&-@{status} > &-container > &-content > &-title {
color: @@title-color;
&::after {
background-color: @@tail-color;
}
}
&-@{status} > &-container > &-content > &-description {
color: @@description-color;
}
&-@{status} > &-container > &-tail::after {
background-color: @@tail-color;
}
}
@import './custom-icon';
@import './small';
@import './vertical';
@import './label-placement';
@import './progress-dot';
@import './nav';
@import './rtl';
@import './progress.less';

1
node_modules/ng-zorro-antd/steps/style/index.min.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

45
node_modules/ng-zorro-antd/steps/style/label-placement.less generated vendored Normal file
View File

@@ -0,0 +1,45 @@
.@{steps-prefix-cls}-label-vertical {
.@{steps-prefix-cls}-item {
overflow: visible;
&-tail {
margin-left: 58px;
padding: 3.5px 24px;
}
&-content {
display: block;
width: ((@steps-icon-size / 2) + 42px) * 2;
margin-top: 8px;
text-align: center;
}
&-icon {
display: inline-block;
margin-left: 42px;
}
&-title {
padding-right: 0;
padding-left: 0;
&::after {
display: none;
}
}
&-subtitle {
display: block;
margin-bottom: 4px;
margin-left: 0;
line-height: @line-height-base;
}
}
&.@{steps-prefix-cls}-small:not(.@{steps-prefix-cls}-dot) {
.@{steps-prefix-cls}-item {
&-icon {
margin-left: 46px;
}
}
}
}

134
node_modules/ng-zorro-antd/steps/style/nav.less generated vendored Normal file
View File

@@ -0,0 +1,134 @@
.@{steps-prefix-cls}-navigation {
padding-top: 12px;
&.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
&-container {
margin-left: -12px;
}
}
}
.@{steps-prefix-cls}-item {
overflow: visible;
text-align: center;
&-container {
display: inline-block;
height: 100%;
margin-left: -16px;
padding-bottom: 12px;
text-align: left;
transition: opacity 0.3s;
.@{steps-prefix-cls}-item-content {
max-width: @steps-nav-content-max-width;
}
.@{steps-prefix-cls}-item-title {
max-width: 100%;
padding-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&::after {
display: none;
}
}
}
&:not(.@{steps-prefix-cls}-item-active) {
.@{steps-prefix-cls}-item-container[role='button'] {
cursor: pointer;
&:hover {
opacity: 0.85;
}
}
}
&:last-child {
flex: 1;
&::after {
display: none;
}
}
&::after {
position: absolute;
top: 50%;
left: 100%;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -14px;
margin-left: -2px;
border: 1px solid @steps-nav-arrow-color;
border-bottom: none;
border-left: none;
transform: rotate(45deg);
content: '';
}
&::before {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 0;
height: 2px;
background-color: @steps-nav-active-color;
transition: width 0.3s, left 0.3s;
transition-timing-function: ease-out;
content: '';
}
}
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active::before {
left: 0;
width: 100%;
}
}
.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-vertical {
> .@{steps-prefix-cls}-item {
margin-right: 0 !important;
&::before {
display: none;
}
&.@{steps-prefix-cls}-item-active::before {
top: 0;
right: 0;
left: unset;
display: block;
width: 3px;
height: calc(100% - 24px);
}
&::after {
position: relative;
top: -2px;
left: 50%;
display: block;
width: 8px;
height: 8px;
margin-bottom: 8px;
text-align: center;
transform: rotate(135deg);
}
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
visibility: hidden;
}
}
}
.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-horizontal {
> .@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
visibility: hidden;
}
}

113
node_modules/ng-zorro-antd/steps/style/progress-dot.less generated vendored Normal file
View File

@@ -0,0 +1,113 @@
.@{steps-prefix-cls}-dot,
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
&-title {
line-height: @line-height-base;
}
&-tail {
top: @steps-dot-top;
width: 100%;
margin: 0 0 0 (@steps-description-max-width / 2);
padding: 0;
&::after {
width: ~'calc(100% - 20px)';
height: 3px;
margin-left: 12px;
}
}
&:first-child .@{steps-prefix-cls}-icon-dot {
left: 2px;
}
&-icon {
width: @steps-dot-size;
height: @steps-dot-size;
margin-left: 67px;
padding-right: 0;
line-height: @steps-dot-size;
background: transparent;
border: 0;
.@{steps-prefix-cls}-icon-dot {
position: relative;
float: left;
width: 100%;
height: 100%;
border-radius: 100px;
transition: all 0.3s;
/* expand hover area */
&::after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: fade(@black, 0.1%);
content: '';
}
}
}
&-content {
width: @steps-description-max-width;
}
&-process .@{steps-prefix-cls}-item-icon {
position: relative;
top: -1px;
width: @steps-current-dot-size;
height: @steps-current-dot-size;
line-height: @steps-current-dot-size;
background: none;
}
&-process .@{steps-prefix-cls}-icon {
&:first-child .@{steps-prefix-cls}-icon-dot {
left: 0;
}
}
}
}
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
.@{steps-prefix-cls}-item-icon {
margin-top: 13px;
margin-left: 0;
background: none;
}
// https://github.com/ant-design/ant-design/issues/18354
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
top: 6.5px;
left: -9px;
margin: 0;
padding: 22px 0 4px;
}
&.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item-icon {
margin-top: 10px;
}
.@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
top: 3.5px;
}
}
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
left: 0;
}
.@{steps-prefix-cls}-item-content {
width: inherit;
}
.@{steps-prefix-cls}-item-process
.@{steps-prefix-cls}-item-container
.@{steps-prefix-cls}-item-icon
.@{steps-prefix-cls}-icon-dot {
top: -1px;
left: -1px;
}
}

49
node_modules/ng-zorro-antd/steps/style/progress.less generated vendored Normal file
View File

@@ -0,0 +1,49 @@
@progress-prefix-cls: ~'@{ant-prefix}-progress';
.@{steps-prefix-cls}-with-progress {
.@{steps-prefix-cls}-item {
padding-top: 4px;
& > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
top: 4px;
left: @steps-vertical-tail-width + 3;
}
}
&,
&.@{steps-prefix-cls}-small {
&.@{steps-prefix-cls}-horizontal .@{steps-prefix-cls}-item:first-child {
padding-bottom: 4px;
padding-left: 4px;
}
}
&.@{steps-prefix-cls}-small
> .@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
left: @steps-vertical-tail-width-sm + 3;
}
&.@{steps-prefix-cls}-vertical .@{steps-prefix-cls}-item {
padding-left: 4px;
}
&.@{steps-prefix-cls}-label-vertical {
.@{steps-prefix-cls}-item .@{steps-prefix-cls}-item-tail {
top: 14px !important;
}
}
.@{steps-prefix-cls}-item-icon {
position: relative;
.@{progress-prefix-cls} {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
}
}

287
node_modules/ng-zorro-antd/steps/style/rtl.less generated vendored Normal file
View File

@@ -0,0 +1,287 @@
.@{steps-prefix-cls} {
&-rtl {
direction: rtl;
}
}
.@{steps-prefix-cls}-item {
&-icon {
.@{steps-prefix-cls}.@{steps-prefix-cls}-rtl & {
margin-right: 0;
margin-left: 8px;
}
}
&-tail {
.@{steps-prefix-cls}-rtl & {
right: 0;
left: auto;
}
}
&-title {
.@{steps-prefix-cls}-rtl & {
padding-right: 0;
padding-left: 16px;
}
.@{steps-prefix-cls}-item-subtitle {
.@{steps-prefix-cls}-rtl & {
float: left;
margin-right: 8px;
margin-left: 0;
}
}
&::after {
.@{steps-prefix-cls}-rtl & {
right: 100%;
left: auto;
}
}
}
}
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
.@{steps-prefix-cls}-item {
.@{steps-prefix-cls}-rtl& {
padding-right: 16px;
padding-left: 0;
}
&:first-child {
.@{steps-prefix-cls}-rtl& {
padding-right: 0;
}
}
&:last-child .@{steps-prefix-cls}-item-title {
.@{steps-prefix-cls}-rtl& {
padding-left: 0;
}
}
}
}
// custom-icon
.@{steps-prefix-cls}-item-custom {
.@{steps-prefix-cls}-item-icon {
> .@{steps-prefix-cls}-icon {
.@{steps-prefix-cls}-rtl & {
right: 0.5px;
left: auto;
}
}
}
}
// nav
.@{steps-prefix-cls}-navigation {
&.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
&-container {
.@{steps-prefix-cls}-rtl& {
margin-right: -12px;
margin-left: 0;
}
}
}
}
.@{steps-prefix-cls}-item {
&-container {
.@{steps-prefix-cls}-rtl& {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
.@{steps-prefix-cls}-item-title {
.@{steps-prefix-cls}-rtl& {
padding-left: 0;
}
}
}
&::after {
.@{steps-prefix-cls}-rtl& {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
}
}
}
// small
.@{steps-prefix-cls}-small {
&.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
.@{steps-prefix-cls}-item {
.@{steps-prefix-cls}-rtl& {
padding-right: 12px;
padding-left: 0;
}
&:first-child {
.@{steps-prefix-cls}-rtl& {
padding-right: 0;
}
}
}
.@{steps-prefix-cls}-item-title {
.@{steps-prefix-cls}-rtl& {
padding-right: 0;
padding-left: 12px;
}
}
}
// vertical
.@{steps-prefix-cls}-vertical {
> .@{steps-prefix-cls}-item {
.@{steps-prefix-cls}-item-icon {
.@{steps-prefix-cls}-rtl& {
float: right;
margin-right: 0;
margin-left: @steps-vertical-icon-width;
}
}
}
> .@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
right: @steps-vertical-tail-width;
left: auto;
}
}
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
.@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
right: @steps-vertical-tail-width-sm;
left: auto;
}
}
}
}
// label
.@{steps-prefix-cls}-label-vertical {
.@{steps-prefix-cls}-item {
&-title {
.@{steps-prefix-cls}-rtl& {
padding-left: 0;
}
}
}
}
// progress-dot
.@{steps-prefix-cls}-dot,
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
&-tail {
.@{steps-prefix-cls}-rtl& {
margin: 0 (@steps-description-max-width / 2) 0 0;
}
&::after {
.@{steps-prefix-cls}-rtl& {
margin-right: 12px;
margin-left: 0;
}
}
}
&:first-child .@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
right: 2px;
left: auto;
}
}
&-icon {
.@{steps-prefix-cls}-rtl& {
margin-right: 67px;
margin-left: 0;
}
.@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
float: right;
}
/* expand hover area */
&::after {
.@{steps-prefix-cls}-rtl& {
right: -26px;
left: auto;
}
}
}
}
}
}
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
.@{steps-prefix-cls}-item-icon {
.@{steps-prefix-cls}-rtl& {
margin-right: 0;
margin-left: 16px;
}
}
// https://github.com/ant-design/ant-design/issues/18354
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
right: -9px;
left: auto;
}
}
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
right: 0;
left: auto;
}
}
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
right: -2px;
left: auto;
}
}
}
// RTL Steps with progress
.@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress {
&.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {
padding-right: 4px;
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
right: @steps-vertical-tail-width + 3;
}
}
&.@{steps-prefix-cls}-small.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
right: @steps-vertical-tail-width-sm + 3;
}
}
&.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
.@{steps-prefix-cls}-item:first-child {
padding-right: 4px;
padding-left: 0;
&.@{steps-prefix-cls}-item-active {
padding-right: 4px;
}
}
}
}

48
node_modules/ng-zorro-antd/steps/style/small.less generated vendored Normal file
View File

@@ -0,0 +1,48 @@
.@{steps-prefix-cls}-small {
&.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
.@{steps-prefix-cls}-item {
padding-left: 12px;
&:first-child {
padding-left: 0;
}
}
.@{steps-prefix-cls}-item-icon {
width: @steps-small-icon-size;
height: @steps-small-icon-size;
margin: @steps-small-icon-margin;
font-size: @font-size-sm;
line-height: @steps-small-icon-size;
text-align: center;
border-radius: @steps-small-icon-size;
}
.@{steps-prefix-cls}-item-title {
padding-right: 12px;
font-size: @font-size-base;
line-height: @steps-small-icon-size;
&::after {
top: (@steps-small-icon-size / 2);
}
}
.@{steps-prefix-cls}-item-description {
color: @text-color-secondary;
font-size: @font-size-base;
}
.@{steps-prefix-cls}-item-tail {
top: 8px;
}
.@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {
width: inherit;
height: inherit;
line-height: inherit;
background: none;
border: 0;
border-radius: 0;
> .@{steps-prefix-cls}-icon {
font-size: @steps-small-icon-size;
line-height: @steps-small-icon-size;
transform: none;
}
}
}

73
node_modules/ng-zorro-antd/steps/style/vertical.less generated vendored Normal file
View File

@@ -0,0 +1,73 @@
.@{steps-prefix-cls}-vertical {
display: flex;
flex-direction: column;
> .@{steps-prefix-cls}-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
.@{steps-prefix-cls}-item-icon {
float: left;
margin-right: @steps-vertical-icon-width;
}
.@{steps-prefix-cls}-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
.@{steps-prefix-cls}-item-title {
line-height: @steps-icon-size;
}
.@{steps-prefix-cls}-item-description {
padding-bottom: 12px;
}
}
> .@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
position: absolute;
top: 0;
left: @steps-vertical-tail-width - 1; // line width
width: 1px;
height: 100%;
padding: @steps-icon-size + 6px 0 6px;
&::after {
width: 1px;
height: 100%;
}
}
> .@{steps-prefix-cls}-item:not(:last-child)
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
display: block;
}
> .@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-content
> .@{steps-prefix-cls}-item-title {
&::after {
display: none;
}
}
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
.@{steps-prefix-cls}-item-tail {
position: absolute;
top: 0;
left: @steps-vertical-tail-width-sm - 1; // line width
padding: @steps-small-icon-size + 6px 0 6px;
}
.@{steps-prefix-cls}-item-title {
line-height: @steps-small-icon-size;
}
}
}