初始化拉取，原文件名：admin-plus-webpack5

library/styles/loading/dots.css

@@ -0,0 +1,124 @@
+.dots-loader:not(:required) {
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    margin-bottom: 30px;
+    overflow: hidden;
+    text-indent: -9999px;
+    background: transparent;
+    border-radius: 100%;
+    box-shadow:
+        #f86 -14px -14px 0 7px,
+        #fc6 14px -14px 0 7px,
+        #6d7 14px 14px 0 7px,
+        #4ae -14px 14px 0 7px;
+    transform-origin: 50% 50%;
+    animation: dots-loader 5s infinite ease-in-out;
+}
+
+@keyframes dots-loader {
+    0% {
+        box-shadow:
+            #f86 -14px -14px 0 7px,
+            #fc6 14px -14px 0 7px,
+            #6d7 14px 14px 0 7px,
+            #4ae -14px 14px 0 7px;
+    }
+
+    8.33% {
+        box-shadow:
+            #f86 14px -14px 0 7px,
+            #fc6 14px -14px 0 7px,
+            #6d7 14px 14px 0 7px,
+            #4ae -14px 14px 0 7px;
+    }
+
+    16.67% {
+        box-shadow:
+            #f86 14px 14px 0 7px,
+            #fc6 14px 14px 0 7px,
+            #6d7 14px 14px 0 7px,
+            #4ae -14px 14px 0 7px;
+    }
+
+    25% {
+        box-shadow:
+            #f86 -14px 14px 0 7px,
+            #fc6 -14px 14px 0 7px,
+            #6d7 -14px 14px 0 7px,
+            #4ae -14px 14px 0 7px;
+    }
+
+    33.33% {
+        box-shadow:
+            #f86 -14px -14px 0 7px,
+            #fc6 -14px 14px 0 7px,
+            #6d7 -14px -14px 0 7px,
+            #4ae -14px -14px 0 7px;
+    }
+
+    41.67% {
+        box-shadow:
+            #f86 14px -14px 0 7px,
+            #fc6 -14px 14px 0 7px,
+            #6d7 -14px -14px 0 7px,
+            #4ae 14px -14px 0 7px;
+    }
+
+    50% {
+        box-shadow:
+            #f86 14px 14px 0 7px,
+            #fc6 -14px 14px 0 7px,
+            #6d7 -14px -14px 0 7px,
+            #4ae 14px -14px 0 7px;
+    }
+
+    58.33% {
+        box-shadow:
+            #f86 -14px 14px 0 7px,
+            #fc6 -14px 14px 0 7px,
+            #6d7 -14px -14px 0 7px,
+            #4ae 14px -14px 0 7px;
+    }
+
+    66.67% {
+        box-shadow:
+            #f86 -14px -14px 0 7px,
+            #fc6 -14px -14px 0 7px,
+            #6d7 -14px -14px 0 7px,
+            #4ae 14px -14px 0 7px;
+    }
+
+    75% {
+        box-shadow:
+            #f86 14px -14px 0 7px,
+            #fc6 14px -14px 0 7px,
+            #6d7 14px -14px 0 7px,
+            #4ae 14px -14px 0 7px;
+    }
+
+    83.33% {
+        box-shadow:
+            #f86 14px 14px 0 7px,
+            #fc6 14px -14px 0 7px,
+            #6d7 14px 14px 0 7px,
+            #4ae 14px 14px 0 7px;
+    }
+
+    91.67% {
+        box-shadow:
+            #f86 -14px 14px 0 7px,
+            #fc6 14px -14px 0 7px,
+            #6d7 14px 14px 0 7px,
+            #4ae -14px 14px 0 7px;
+    }
+
+    100% {
+        box-shadow:
+            #f86 -14px -14px 0 7px,
+            #fc6 14px -14px 0 7px,
+            #6d7 14px 14px 0 7px,
+            #4ae -14px 14px 0 7px;
+    }
+}

library/styles/loading/gauge.css

@@ -0,0 +1,104 @@
+.gauge-loader:not(:required) {
+    position: relative;
+    display: inline-block;
+    width: 64px;
+    height: 32px;
+    margin-bottom: 10px;
+    overflow: hidden;
+    text-indent: -9999px;
+    background: #6ca;
+    border-top-left-radius: 32px;
+    border-top-right-radius: 32px;
+}
+
+.gauge-loader:not(:required)::before {
+    position: absolute;
+    top: 5px;
+    left: 30px;
+    width: 4px;
+    height: 27px;
+    content: '';
+    background: white;
+    border-radius: 2px;
+    transform-origin: 50% 100%;
+    animation: gauge-loader 4000ms infinite ease;
+}
+
+.gauge-loader:not(:required)::after {
+    position: absolute;
+    top: 26px;
+    left: 26px;
+    width: 13px;
+    height: 13px;
+    content: '';
+    background: white;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+}
+
+@keyframes gauge-loader {
+    0% {
+        transform: rotate(-50deg);
+    }
+
+    10% {
+        transform: rotate(20deg);
+    }
+
+    20% {
+        transform: rotate(60deg);
+    }
+
+    24% {
+        transform: rotate(60deg);
+    }
+
+    40% {
+        transform: rotate(-20deg);
+    }
+
+    54% {
+        transform: rotate(70deg);
+    }
+
+    56% {
+        transform: rotate(78deg);
+    }
+
+    58% {
+        transform: rotate(73deg);
+    }
+
+    60% {
+        transform: rotate(75deg);
+    }
+
+    62% {
+        transform: rotate(70deg);
+    }
+
+    70% {
+        transform: rotate(-20deg);
+    }
+
+    80% {
+        transform: rotate(20deg);
+    }
+
+    83% {
+        transform: rotate(25deg);
+    }
+
+    86% {
+        transform: rotate(20deg);
+    }
+
+    89% {
+        transform: rotate(25deg);
+    }
+
+    100% {
+        transform: rotate(-50deg);
+    }
+}

library/styles/loading/inner-circles.css

@@ -0,0 +1,51 @@
+.inner-circles-loader:not(:required) {
+    position: relative;
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    margin-bottom: 10px;
+    overflow: hidden;
+    text-indent: -9999px;
+    background: rgba(25, 165, 152, 0.5);
+    border-radius: 50%;
+    transform: translate3d(0, 0, 0);
+}
+
+.inner-circles-loader:not(:required)::before,
+.inner-circles-loader:not(:required)::after {
+    position: absolute;
+    top: 0;
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    content: '';
+    border-radius: 50%;
+}
+
+.inner-circles-loader:not(:required)::before {
+    left: 0;
+    background: #c7efcf;
+    transform-origin: 0 50%;
+    animation: inner-circles-loader 3s infinite;
+}
+
+.inner-circles-loader:not(:required)::after {
+    right: 0;
+    background: #eef5db;
+    transform-origin: 100% 50%;
+    animation: inner-circles-loader 3s 0.2s reverse infinite;
+}
+
+@keyframes inner-circles-loader {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    50% {
+        transform: rotate(360deg);
+    }
+
+    100% {
+        transform: rotate(0deg);
+    }
+}

library/styles/loading/plus.css

@@ -0,0 +1,341 @@
+.plus-loader:not(:required) {
+    position: relative;
+    display: inline-block;
+    width: 48px;
+    height: 48px;
+    margin-bottom: 10px;
+    overflow: hidden;
+    text-indent: -9999px;
+    background: #f86;
+    -moz-border-radius: 24px;
+    -webkit-border-radius: 24px;
+    border-radius: 24px;
+    -moz-transform: rotateZ(90deg);
+    -ms-transform: rotateZ(90deg);
+    -webkit-transform: rotateZ(90deg);
+    transform: rotateZ(90deg);
+    -moz-transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    -webkit-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
+    -moz-animation: plus-loader-background 3s infinite ease-in-out;
+    -webkit-animation: plus-loader-background 3s infinite ease-in-out;
+    animation: plus-loader-background 3s infinite ease-in-out;
+}
+
+.plus-loader:not(:required)::after {
+    position: absolute;
+    top: 0;
+    right: 50%;
+    width: 50%;
+    height: 100%;
+    content: '';
+    background: #f86;
+    -moz-border-radius: 24px 0 0 24px;
+    -webkit-border-radius: 24px;
+    border-radius: 24px 0 0 24px;
+    -moz-transform-origin: 100% 50%;
+    -ms-transform-origin: 100% 50%;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -moz-animation: plus-loader-top 3s infinite linear;
+    -webkit-animation: plus-loader-top 3s infinite linear;
+    animation: plus-loader-top 3s infinite linear;
+}
+
+.plus-loader:not(:required)::before {
+    position: absolute;
+    top: 0;
+    right: 50%;
+    width: 50%;
+    height: 100%;
+    content: '';
+    background: #fc6;
+    -moz-border-radius: 24px 0 0 24px;
+    -webkit-border-radius: 24px;
+    border-radius: 24px 0 0 24px;
+    -moz-transform-origin: 100% 50%;
+    -ms-transform-origin: 100% 50%;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -moz-animation: plus-loader-bottom 3s infinite linear;
+    -webkit-animation: plus-loader-bottom 3s infinite linear;
+    animation: plus-loader-bottom 3s infinite linear;
+}
+
+@keyframes plus-loader-top {
+    2.5% {
+        background: #f86;
+        -moz-transform: rotateY(0deg);
+        -ms-transform: rotateY(0deg);
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+        -moz-animation-timing-function: ease-in;
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+    }
+
+    13.75% {
+        background: #ff430d;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    13.76% {
+        background: #ffae0d;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: ease-out;
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out;
+    }
+
+    25% {
+        background: #fc6;
+        -moz-transform: rotateY(180deg);
+        -ms-transform: rotateY(180deg);
+        -webkit-transform: rotateY(180deg);
+        transform: rotateY(180deg);
+    }
+
+    27.5% {
+        background: #fc6;
+        -moz-transform: rotateY(180deg);
+        -ms-transform: rotateY(180deg);
+        -webkit-transform: rotateY(180deg);
+        transform: rotateY(180deg);
+        -moz-animation-timing-function: ease-in;
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+    }
+
+    41.25% {
+        background: #ffae0d;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    41.26% {
+        background: #2cc642;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: ease-out;
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out;
+    }
+
+    50% {
+        background: #6d7;
+        -moz-transform: rotateY(0deg);
+        -ms-transform: rotateY(0deg);
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+    }
+
+    52.5% {
+        background: #6d7;
+        -moz-transform: rotateY(0deg);
+        -ms-transform: rotateY(0deg);
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+        -moz-animation-timing-function: ease-in;
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+    }
+
+    63.75% {
+        background: #2cc642;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    63.76% {
+        background: #1386d2;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: ease-out;
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out;
+    }
+
+    75% {
+        background: #4ae;
+        -moz-transform: rotateY(180deg);
+        -ms-transform: rotateY(180deg);
+        -webkit-transform: rotateY(180deg);
+        transform: rotateY(180deg);
+    }
+
+    77.5% {
+        background: #4ae;
+        -moz-transform: rotateY(180deg);
+        -ms-transform: rotateY(180deg);
+        -webkit-transform: rotateY(180deg);
+        transform: rotateY(180deg);
+        -moz-animation-timing-function: ease-in;
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+    }
+
+    91.25% {
+        background: #1386d2;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    91.26% {
+        background: #ff430d;
+        -moz-transform: rotateY(90deg);
+        -ms-transform: rotateY(90deg);
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg);
+        -moz-animation-timing-function: ease-in;
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+    }
+
+    100% {
+        background: #f86;
+        -moz-transform: rotateY(0deg);
+        -ms-transform: rotateY(0deg);
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+}
+
+@keyframes plus-loader-bottom {
+    0% {
+        background: #fc6;
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    50% {
+        background: #fc6;
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    75% {
+        background: #4ae;
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    100% {
+        background: #4ae;
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+}
+
+@keyframes plus-loader-background {
+    0% {
+        background: #f86;
+        -moz-transform: rotateZ(180deg);
+        -ms-transform: rotateZ(180deg);
+        -webkit-transform: rotateZ(180deg);
+        transform: rotateZ(180deg);
+    }
+
+    25% {
+        background: #f86;
+        -moz-transform: rotateZ(180deg);
+        -ms-transform: rotateZ(180deg);
+        -webkit-transform: rotateZ(180deg);
+        transform: rotateZ(180deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    27.5% {
+        background: #6d7;
+        -moz-transform: rotateZ(90deg);
+        -ms-transform: rotateZ(90deg);
+        -webkit-transform: rotateZ(90deg);
+        transform: rotateZ(90deg);
+    }
+
+    50% {
+        background: #6d7;
+        -moz-transform: rotateZ(90deg);
+        -ms-transform: rotateZ(90deg);
+        -webkit-transform: rotateZ(90deg);
+        transform: rotateZ(90deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    52.5% {
+        background: #6d7;
+        -moz-transform: rotateZ(0deg);
+        -ms-transform: rotateZ(0deg);
+        -webkit-transform: rotateZ(0deg);
+        transform: rotateZ(0deg);
+    }
+
+    75% {
+        background: #6d7;
+        -moz-transform: rotateZ(0deg);
+        -ms-transform: rotateZ(0deg);
+        -webkit-transform: rotateZ(0deg);
+        transform: rotateZ(0deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+
+    77.5% {
+        background: #f86;
+        -moz-transform: rotateZ(270deg);
+        -ms-transform: rotateZ(270deg);
+        -webkit-transform: rotateZ(270deg);
+        transform: rotateZ(270deg);
+    }
+
+    100% {
+        background: #f86;
+        -moz-transform: rotateZ(270deg);
+        -ms-transform: rotateZ(270deg);
+        -webkit-transform: rotateZ(270deg);
+        transform: rotateZ(270deg);
+        -moz-animation-timing-function: step-start;
+        -webkit-animation-timing-function: step-start;
+        animation-timing-function: step-start;
+    }
+}