yuang-framework-ui-pc 1.1.29 → 1.1.31

package/lib/yu-slider-captcha-dialog/style/index.scss

@@ -1,5 +1,7 @@
-.slider-captcha-dialog-container {
-  .slider-captcha-dialog-modal {
+
+/* 滑块验证码弹出框 */
+.yu-slider-captcha-dialog {
+  .yu-slider-captcha-dialog-modal {
     position: fixed;
     left: 0;
     top: 0;
@@ -11,7 +13,7 @@
     z-index: 1000;
   }
 
-  .slider-captcha-dialog-wrapper {
+  .yu-slider-captcha-dialog-wrapper {
     position: fixed;
     top: 0;
     right: 0;
@@ -22,7 +24,7 @@
 
     z-index: 1001;
 
-    .slider-captcha-dialog {
+    .yu-slider-captcha-dialog {
       // 在移动端禁止上下滑动，添加position: fixed;
       position: fixed;
       background: #fff;
@@ -43,15 +45,15 @@
 
       border-radius: 4px;
 
-      .slider-captcha {
+      .yu-slider-captcha {
       }
     }
 
-    .slide-up {
-      animation: slide-up-animation 0.5s ease;
+    .yu-slider-captcha-slide-up {
+      animation: yu-slider-captcha-slide-up-animation 0.5s ease;
     }
 
-    @keyframes slide-up-animation {
+    @keyframes yu-slider-captcha-slide-up-animation {
       0% {
         transform: translate(-50%, 100%);
       }
@@ -65,18 +67,19 @@
 
 
 
-.slider-captcha-container {
-  .slider-captcha {
+/* 滑块验证码弹容器 */
+.yu-slider-captcha-container {
+  .yu-slider-captcha {
     position: relative;
   }
 
-  .slider-captcha-title {
+  .yu-slider-captcha-title {
     position: relative;
     height: 30px;
     font-size: 16px;
   }
 
-  .slider-captcha-refresh-icon {
+  .yu-slider-captcha-refresh-icon {
     position: absolute;
     right: 30px;
     top: 0;
@@ -89,11 +92,11 @@
     opacity: 0.7;
   }
 
-  .slider-captcha-refresh-icon:hover {
+  .yu-slider-captcha-refresh-icon:hover {
     opacity: 1;
   }
 
-  .slider-captcha-close-icon {
+  .yu-slider-captcha-close-icon {
     position: absolute;
     right: 0;
     top: 0;
@@ -106,20 +109,20 @@
     opacity: 0.7;
   }
 
-  .slider-captcha-close-icon:hover {
+  .yu-slider-captcha-close-icon:hover {
     opacity: 1;
   }
 }
 
 /*图片加载样式*/
-.img-loading {
+.yu-slider-captcha-img-loading {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 999;
-  animation: loading 1.5s infinite;
+  animation: yu-slider-captcha-loading 1.5s infinite;
   background-image: url(../images/loading.svg);
   background-repeat: no-repeat;
   background-position: center center;
@@ -128,7 +131,7 @@
   //border-radius: 5px;
 }
 
-@keyframes loading {
+@keyframes yu-slider-captcha-loading {
   0% {
     opacity: 0.7;
   }
@@ -165,12 +168,12 @@
 //}
 
 /*验证图片*/
-.slide-canvas {
+.yu-slider-captcha-canvas {
   //border-radius: 5px;
 }
 
 /*阻塞块*/
-.slide-block {
+.yu-slider-captcha-block {
   position: absolute;
   left: 0;
   top: 0;
@@ -179,12 +182,12 @@
 }
 
 /*校验失败时的阻塞块样式*/
-.slide-block.verify-fail {
+.yu-slider-captcha-block.is-verify-fail {
   transition: left 0.5s linear;
 }
 
 /*滑动条*/
-.slider {
+.yu-slider-captcha-slider {
   position: relative;
   text-align: center;
   width: 100%;
@@ -201,7 +204,7 @@
 }
 
 /*滑动盒子*/
-.slider-box {
+.yu-slider-captcha-slider-box {
   position: absolute;
   left: 0;
   top: 0;
@@ -214,7 +217,7 @@
 }
 
 /*滑动按钮*/
-.slider-button {
+.yu-slider-captcha-slider-button {
   background-color: rgb(255, 255, 255);
   color: white;
   text-align: center;
@@ -235,17 +238,17 @@
 }
 
 /*鼠标悬浮时的按钮样式*/
-.slider-button:hover {
+.yu-slider-captcha-slider-button:hover {
   //background: #1991FA
   cursor: pointer;
 }
 
 /*鼠标悬浮时的按钮图标样式*/
-.slider-button:hover .slider-button-icon {
+.yu-slider-captcha-slider-button:hover .yu-slider-captcha-slider-button-icon {
 }
 
 /*滑动按钮图标*/
-.slider-button-icon {
+.yu-slider-captcha-slider-button-icon {
   width: 32px;
   height: 32px;
   font-size: 24px;
@@ -254,42 +257,42 @@
 }
 
 /*校验时的按钮样式*/
-.verify-active .slider-button {
+.is-verify-active .slider-button {
   //height: 38px;
   //top: -1px;
   //border: 1px solid #1991FA;
 }
 
 /*校验时的滑动箱样式*/
-.verify-active .slider-box {
+.is-verify-active .yu-slider-captcha-slider-box {
   height: 40px;
   border-width: 1px;
 }
 
 /*校验成功时的滑动箱样式*/
-.verify-success .slider-box {
+.is-verify-success .yu-slider-captcha-slider-box {
   height: 40px;
 }
 
 /*校验成功时的按钮样式*/
-.verify-success .slider-button {
+.is-verify-success .slider-button {
 }
 
 /*校验成功时的按钮图标样式*/
-.verify-success .slider-button-icon {
+.is-verify-success .yu-slider-captcha-slider-button-icon {
   background-position: 0 0 !important;
 }
 
 /*校验失败时的滑动箱样式*/
-.verify-fail .slider-box {
+.is-verify-fail .yu-slider-captcha-slider-box {
   transition: width 0.5s linear;
 }
 
 /*校验失败时的按钮样式*/
-.verify-fail .slider-button {
+.is-verify-fail .slider-button {
   transition: left 0.5s linear;
 }
 
 /*校验失败时的按钮图标样式*/
-.verify-fail .slider-button-icon {
+.is-verify-fail .yu-slider-captcha-slider-button-icon {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.1.29",
+  "version": "1.1.31",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts --mode dev",