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

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

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

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

@@ -0,0 +1,280 @@
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
.ant-skeleton {
display: table;
width: 100%;
}
.ant-skeleton-header {
display: table-cell;
padding-right: 16px;
vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 32px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-content {
display: table-cell;
width: 100%;
vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
width: 100%;
height: 16px;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
width: 100%;
height: 16px;
list-style: none;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
position: relative;
/* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
z-index: 0;
overflow: hidden;
background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
position: absolute;
top: 0;
right: -150%;
bottom: 0;
left: -150%;
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
animation: ant-skeleton-loading 1.4s ease infinite;
content: '';
}
.ant-skeleton.ant-skeleton-block {
width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
width: 100%;
}
.ant-skeleton-element {
display: inline-block;
width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
width: 64px;
min-width: 64px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
width: 32px;
min-width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
width: 32px;
min-width: 32px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
width: 80px;
min-width: 80px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
width: 40px;
min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
width: 40px;
min-width: 40px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
width: 48px;
min-width: 48px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
width: 24px;
min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
width: 24px;
min-width: 24px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 32px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 160px;
min-width: 160px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
width: 200px;
min-width: 200px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
width: 120px;
min-width: 120px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
display: flex;
align-items: center;
justify-content: center;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 96px;
height: 96px;
line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
width: 48px;
height: 48px;
line-height: 48px;
max-width: 192px;
max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
border-radius: 50%;
}
@keyframes ant-skeleton-loading {
0% {
transform: translateX(-37.5%);
}
100% {
transform: translateX(37.5%);
}
}
.ant-skeleton-rtl {
direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
padding-right: 0;
padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}

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

@@ -0,0 +1,290 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
@skeleton-button-prefix-cls: ~'@{skeleton-prefix-cls}-button';
@skeleton-input-prefix-cls: ~'@{skeleton-prefix-cls}-input';
@skeleton-image-prefix-cls: ~'@{skeleton-prefix-cls}-image';
@skeleton-block-radius: @border-radius-base;
.@{skeleton-prefix-cls} {
display: table;
width: 100%;
&-header {
display: table-cell;
padding-right: @padding-md;
vertical-align: top;
// Avatar
.@{skeleton-avatar-prefix-cls} {
.skeleton-element-avatar();
}
}
&-content {
display: table-cell;
width: 100%;
vertical-align: top;
// Title
.@{skeleton-title-prefix-cls} {
width: 100%;
height: @skeleton-title-height;
background: @skeleton-color;
border-radius: @skeleton-block-radius;
+ .@{skeleton-paragraph-prefix-cls} {
margin-top: @skeleton-title-paragraph-margin-top;
}
}
// paragraph
.@{skeleton-paragraph-prefix-cls} {
padding: 0;
> li {
width: 100%;
height: @skeleton-paragraph-li-height;
list-style: none;
background: @skeleton-color;
border-radius: @skeleton-block-radius;
&:last-child:not(:first-child):not(:nth-child(2)) {
width: 61%;
}
+ li {
margin-top: @skeleton-paragraph-li-margin-top;
}
}
}
}
&-with-avatar &-content {
// Title
.@{skeleton-title-prefix-cls} {
margin-top: @margin-sm;
+ .@{skeleton-paragraph-prefix-cls} {
margin-top: @skeleton-paragraph-margin-top;
}
}
}
&-round &-content {
.@{skeleton-title-prefix-cls},
.@{skeleton-paragraph-prefix-cls} > li {
border-radius: 100px;
}
}
// With active animation
&-active {
.@{skeleton-title-prefix-cls},
.@{skeleton-paragraph-prefix-cls} > li,
.@{skeleton-avatar-prefix-cls},
.@{skeleton-button-prefix-cls},
.@{skeleton-input-prefix-cls},
.@{skeleton-image-prefix-cls} {
.skeleton-color();
}
}
// Skeleton Block Button, Input
&.@{skeleton-prefix-cls}-block {
width: 100%;
.@{skeleton-button-prefix-cls} {
width: 100%;
}
.@{skeleton-input-prefix-cls} {
width: 100%;
}
}
// Skeleton element
&-element {
display: inline-block;
width: auto;
.@{skeleton-button-prefix-cls} {
.skeleton-element-button();
}
.@{skeleton-avatar-prefix-cls} {
.skeleton-element-avatar();
}
.@{skeleton-input-prefix-cls} {
.skeleton-element-input();
}
.@{skeleton-image-prefix-cls} {
.skeleton-element-image();
}
}
}
// Button
.skeleton-element-button() {
display: inline-block;
vertical-align: top;
background: @skeleton-color;
border-radius: @border-radius-base;
.skeleton-element-button-size(@btn-height-base);
&-lg {
.skeleton-element-button-size(@btn-height-lg);
}
&-sm {
.skeleton-element-button-size(@btn-height-sm);
}
}
// Avatar
.skeleton-element-avatar() {
display: inline-block;
vertical-align: top;
background: @skeleton-color;
.skeleton-element-avatar-size(@avatar-size-base);
&-lg {
.skeleton-element-avatar-size(@avatar-size-lg);
}
&-sm {
.skeleton-element-avatar-size(@avatar-size-sm);
}
}
// Input
.skeleton-element-input() {
display: inline-block;
vertical-align: top;
background: @skeleton-color;
.skeleton-element-input-size(@input-height-base);
&-lg {
.skeleton-element-input-size(@input-height-lg);
}
&-sm {
.skeleton-element-input-size(@input-height-sm);
}
}
// Image
.skeleton-element-image() {
display: flex;
align-items: center;
justify-content: center;
vertical-align: top;
background: @skeleton-color;
.skeleton-element-image-size(@image-size-base*2);
&-path {
fill: #bfbfbf;
}
&-svg {
.skeleton-element-image-size(@image-size-base);
max-width: @image-size-base * 4;
max-height: @image-size-base * 4;
}
}
.skeleton-element-avatar-size(@size) {
width: @size;
.skeleton-element-common-size(@size);
&.@{skeleton-avatar-prefix-cls}-circle {
border-radius: 50%;
}
}
.skeleton-element-button-size(@size) {
width: @size * 2;
min-width: @size * 2;
.skeleton-element-common-size(@size);
&.@{skeleton-button-prefix-cls}-square {
width: @size;
min-width: @size;
}
&.@{skeleton-button-prefix-cls}-circle {
width: @size;
min-width: @size;
border-radius: 50%;
}
&.@{skeleton-button-prefix-cls}-round {
border-radius: @size;
}
}
.skeleton-element-input-size(@size) {
width: @size * 5;
min-width: @size * 5;
.skeleton-element-common-size(@size);
}
.skeleton-element-image-size(@size) {
width: @size;
.skeleton-element-common-size(@size);
&.@{skeleton-image-prefix-cls}-circle {
border-radius: 50%;
}
}
.skeleton-element-common-size(@size) {
height: @size;
line-height: @size;
}
.skeleton-color() {
position: relative;
// fix https://github.com/ant-design/ant-design/issues/36444
// https://monshin.github.io/202109/css/safari-border-radius-overflow-hidden/
/* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
z-index: 0;
overflow: hidden;
background: transparent;
&::after {
position: absolute;
top: 0;
right: -150%;
bottom: 0;
left: -150%;
background: linear-gradient(
90deg,
@skeleton-color 25%,
@skeleton-to-color 37%,
@skeleton-color 63%
);
animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;
content: '';
}
}
@keyframes ~"@{skeleton-prefix-cls}-loading" {
0% {
transform: translateX(-37.5%);
}
100% {
transform: translateX(37.5%);
}
}
@import './rtl';

File diff suppressed because one or more lines are too long

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

@@ -0,0 +1,48 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
.@{skeleton-prefix-cls} {
&-rtl {
direction: rtl;
}
&-header {
.@{skeleton-prefix-cls}-rtl & {
padding-right: 0;
padding-left: 16px;
}
}
// With active animation
&.@{skeleton-prefix-cls}-active {
& .@{skeleton-prefix-cls}-content {
.@{skeleton-title-prefix-cls},
.@{skeleton-paragraph-prefix-cls} > li {
.@{skeleton-prefix-cls}-rtl& {
animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
}
}
}
.@{skeleton-avatar-prefix-cls} {
.@{skeleton-prefix-cls}-rtl& {
animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
}
}
}
}
@keyframes ~"@{skeleton-prefix-cls}-loading-rtl" {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}