yuang-framework-ui-pc 1.1.29 → 1.1.31

package/es/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/lib/icons/SliderArrowSlide.cjs

@@ -22,7 +22,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
   d: "M793.751 733.16l0-181.775-145.42 0 0-96.948L787.69199999 454.437l0-187.833L1024 502.911zM230.248 733.16l0-181.775L375.669 551.385l0-96.948-139.36099999 0 0-187.833L0 502.911zM575.621 757.396L442.32 757.396l0-490.793L575.621 266.603z",
-  fill: "#409EFF",
+  fill: "currentColor",
   "p-id": "2866"
 }, null, -1);
 const _hoisted_3 = [

package/lib/icons/SliderArrowStatic.cjs

@@ -22,7 +22,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
   d: "M883.2 723.2a44.8 44.8 0 0 1 0 89.6H140.8a44.8 44.8 0 0 1 0-89.6h742.4z m0-256a44.8 44.8 0 0 1 0 89.6H140.8a44.8 44.8 0 0 1 0-89.6h742.4z m0-256a44.8 44.8 0 0 1 0 89.6H140.8a44.8 44.8 0 0 1 0-89.6h742.4z",
-  fill: "#409EFF",
+  fill: "currentColor",
   "p-id": "3008"
 }, null, -1);
 const _hoisted_3 = [

package/lib/style/default.scss

@@ -0,0 +1,77 @@
+
+.yu-hidden {
+  display: none;
+}
+
+.yu-block {
+  display: block;
+}
+
+.yu-text-center {
+  text-align: center;
+}
+
+.yu-text-left {
+  text-align: left;
+}
+
+.yu-text-right {
+  text-align: right;
+}
+
+.yu-color-red {
+  color: #ff4d4f;
+}
+
+.yu-color-yellow {
+  color: #FAAD14;
+}
+
+.yu-color-green {
+  color: #33CC99;
+}
+
+
+.yu-color-primary {
+  color: #409EFF;
+}
+
+.yu-color-info {
+  color: #1989fa;
+}
+
+.yu-color-default {
+  color: #fff;
+}
+
+.yu-color-danger {
+  color: #ee0a24;
+}
+
+.yu-color-warning {
+  color: #ff976a;
+}
+
+
+.yu-bgc-red {
+  background-color: #ff4d4f;
+}
+
+.yu-bgc-yellow {
+  background-color: #FAAD14;
+}
+
+.yu-bgc-green {
+  background-color: #33CC99;
+}
+
+
+.yu-overfow-hidden {
+  display: block !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.yu-link {
+  cursor: pointer;
+}

package/lib/style/index.scss

@@ -1,2 +1,3 @@
 @use '../ele-app/style/index.scss' as app;
+@use './default.scss' as *;
 @use './plus.scss' as *;

package/lib/yu-slider-captcha-dialog/SliderCaptcha.cjs

@@ -1,15 +1,12 @@
 "use strict";
 const vue = require("vue");
 const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
-const urlUtils = require("yuang-framework-ui-common/lib/utils/urlUtils");
 const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../icons");
-const _hoisted_1 = { class: "slider-captcha-container" };
-const _hoisted_2 = { class: "slider-captcha-title" };
+const _hoisted_1 = { class: "yu-slider-captcha-container" };
+const _hoisted_2 = { class: "yu-slider-captcha-title" };
 const _hoisted_3 = ["width", "height"];
-const _hoisted_4 = ["width", "height"];
-const _hoisted_5 = ["width", "height"];
-const _hoisted_6 = { class: "slider-hint" };
+const _hoisted_4 = { class: "slider-hint" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SliderCaptcha" },
   __name: "SliderCaptcha",
@@ -28,16 +25,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const canvas = vue.ref(null);
     const block = vue.ref(null);
-    const isFrontCheck = vue.ref(false);
-    const verifyActive = vue.ref(false);
-    const verifySuccess = vue.ref(false);
-    const verifyFail = vue.ref(false);
-    const canvasCtx = vue.ref(null);
-    const blockCtx = vue.ref(null);
-    const blockWidth = vue.ref(props.blockLength * 2);
-    const blockX = vue.ref(void 0);
-    const blockY = vue.ref(void 0);
-    const image = vue.ref(void 0);
+    const isVerifyActive = vue.ref(false);
+    const isVerifySuccess = vue.ref(false);
+    const isVerifyFail = vue.ref(false);
+    vue.ref(null);
+    vue.ref(null);
+    vue.ref(props.blockLength * 2);
+    vue.ref(void 0);
+    vue.ref(void 0);
     const originX = vue.ref(void 0);
     const originY = vue.ref(void 0);
     const dragDistanceList = vue.ref([]);
@@ -57,13 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       bindEvents();
     };
     const initDom = () => {
-      if (isFrontCheck.value) {
-        canvasCtx.value = canvas.value.getContext("2d");
-        blockCtx.value = block.value.getContext("2d");
-        initImage();
-      } else {
-        getCaptcha();
-      }
+      getCaptcha();
     };
     const getCaptcha = () => {
       httpConfig.http.get("/sso-api/standard/framework-captcha/getSliderCaptcha", { params: {} }).then((res) => {
@@ -76,63 +65,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, 200);
       });
     };
-    const initImage = () => {
-      const imageObject = createImage(() => {
-        drawBlock();
-        let { canvasWidth, canvasHeight, blockX: blockX2, blockY: blockY2, blockRadius, blockWidth: blockWidth2 } = this;
-        canvasCtx.value.drawImage(image, 0, 0, canvasWidth, canvasHeight);
-        blockCtx.value.drawImage(image, 0, 0, canvasWidth, canvasHeight);
-        let yAxle = blockY2 - blockRadius * 2;
-        let ImageData = blockCtx.value.getImageData(blockX2, yAxle, blockWidth2, blockWidth2);
-        block.value.width = blockWidth2;
-        blockCtx.value.putImageData(ImageData, 0, yAxle);
-        isLoading.value = false;
-        key.value = "loyer";
-      });
-      image.value = imageObject;
-    };
-    const createImage = (onload) => {
-      const image2 = document.createElement("img");
-      image2.crossOrigin = "Anonymous";
-      image2.onload = onload;
-      image2.onerror = () => {
-        image2.src = `${urlUtils.getBaseUrl()}/img/slider-captcha/pic-0.jpeg`;
-      };
-      image2.src = getImageSrc();
-      return image2;
-    };
-    const getImageSrc = () => {
-      const len = props.imageList.length;
-      return len > 0 ? props.imageList[getNonceByRange(0, len)] : `https://loyer.wang/view/ftp/wallpaper/${getNonceByRange(1, 1e3)}.jpg`;
-    };
-    const getNonceByRange = (start, end) => {
-      return Math.round(Math.random() * (end - start) + start);
-    };
-    const drawBlock = () => {
-      blockX.value = getNonceByRange(blockWidth.value + 10, props.canvasWidth - (blockWidth.value + 10));
-      blockY.value = getNonceByRange(10 + props.blockRadius * 2, props.canvasHeight - (blockWidth.value + 10));
-      draw(canvasCtx.value, "fill");
-      draw(blockCtx.value, "clip");
-    };
-    const draw = (ctx, operation) => {
-      const PI = Math.PI;
-      let { blockX: x, blockY: y, blockLength: l, blockRadius: r } = this;
-      ctx.beginPath();
-      ctx.moveTo(x, y);
-      ctx.arc(x + l / 2, y - r + 2, r, 0.72 * PI, 2.26 * PI);
-      ctx.lineTo(x + l, y);
-      ctx.arc(x + l + r - 2, y + l / 2, r, 1.21 * PI, 2.78 * PI);
-      ctx.lineTo(x + l, y + l);
-      ctx.lineTo(x, y + l);
-      ctx.arc(x + r - 2, y + l / 2, r + 0.4, 2.76 * PI, 1.24 * PI, true);
-      ctx.lineTo(x, y);
-      ctx.lineWidth = 2;
-      ctx.fillStyle = "rgba(255, 255, 255, 0.9)";
-      ctx.strokeStyle = "rgba(255, 255, 255, 0.9)";
-      ctx.stroke();
-      ctx[operation]();
-      ctx.globalCompositeOperation = "destination-over";
-    };
     const bindEvents = () => {
       var _a, _b, _c;
       (_a = document.getElementById("slider-button")) == null ? void 0 : _a.addEventListener("mousedown", (event) => {
@@ -166,13 +98,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const checkImgSrc = () => {
-      if (isFrontCheck.value) {
-        return true;
-      }
       return !!canvas.value.src;
     };
     const startEvent = (clientX, clientY) => {
-      if (!checkImgSrc() || isLoading.value || verifySuccess.value) {
+      if (!checkImgSrc() || isLoading.value || isVerifySuccess.value) {
         return;
       }
       originX.value = clientX;
@@ -193,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       sliderButtonLeft.value = moveX > props.canvasWidth - 56 ? props.canvasWidth - 56 : moveX;
       let blockLeft = (props.canvasWidth - 40 - 20) / (props.canvasWidth - 40) * moveX;
       block.value.style.left = (blockLeft > props.canvasWidth - 56 - 18 - 7 ? props.canvasWidth - 56 - 18 - 7 : blockLeft) + "px";
-      verifyActive.value = true;
+      isVerifyActive.value = true;
       sliderBoxWidth.value = moveX + 28;
       dragDistanceList.value.push(moveY);
     };
@@ -206,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return false;
       }
       isLoading.value = true;
-      verifyActive.value = false;
+      isVerifyActive.value = false;
       timestamp.value = +/* @__PURE__ */ new Date() - timestamp.value;
       const moveLength = parseInt(block.value.style.left);
       if (timestamp.value > 1e4) {
@@ -215,22 +144,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (!turingTest()) {
           verifyFailEvent();
         } else {
-          if (isFrontCheck.value) {
-            const accuracyValue = props.accuracy <= 1 ? 1 : props.accuracy > 10 ? 10 : props.accuracy;
-            const spliced = Math.abs(moveLength - blockX.value) <= accuracyValue;
-            if (!spliced) {
-              verifyFailEvent();
-            } else {
-              emit("success", { key: key.value, value: moveLength });
-            }
-            return;
-          }
           let params = {
             key: key.value,
             captcha: moveLength
           };
           httpConfig.http.get("/sso-api/standard/framework-captcha/validateSliderCaptcha", { params }).then((res) => {
-            emit("success", { key: key.value, value: moveLength });
+            verifySuccessEvent();
+            setTimeout(() => {
+              emit("success", { key: key.value, value: moveLength });
+            }, 500);
           }).catch(() => {
             verifyFailEvent();
           });
@@ -245,31 +167,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const stdDev = Math.sqrt(deviations.map(calcSquare).reduce(calcSum) / arr.length);
       return average !== stdDev;
     };
+    const verifySuccessEvent = () => {
+      isLoading.value = false;
+      isVerifySuccess.value = true;
+      const elapsedTime = (timestamp.value / 1e3).toFixed(1);
+      if (elapsedTime < 1) {
+        successHint.value = `仅仅${elapsedTime}S，你的速度快如闪电`;
+      } else if (elapsedTime < 2) {
+        successHint.value = `只用了${elapsedTime}S，这速度简直完美`;
+      } else {
+        successHint.value = `耗时${elapsedTime}S，争取下次再快一点`;
+      }
+    };
     const verifyFailEvent = () => {
-      verifyFail.value = true;
+      isVerifyFail.value = true;
       emit("fail", {});
       refresh();
     };
     const refresh = () => {
       setTimeout(() => {
-        verifyFail.value = false;
+        isVerifyFail.value = false;
       }, 300);
       isLoading.value = true;
-      verifyActive.value = false;
-      verifySuccess.value = false;
+      isVerifyActive.value = false;
+      isVerifySuccess.value = false;
       block.value.style.left = 0;
       sliderBoxWidth.value = 0;
       sliderButtonLeft.value = 0;
       vue.nextTick(() => {
-        if (isFrontCheck.value) {
-          let { canvasWidth, canvasHeight } = this;
-          canvasCtx.value.clearRect(0, 0, canvasWidth, canvasHeight);
-          blockCtx.value.clearRect(0, 0, canvasWidth, canvasHeight);
-          block.value.width = canvasWidth;
-          image.value.src = getImageSrc();
-        } else {
-          getCaptcha();
-        }
+        getCaptcha();
       });
     };
     const close = () => {
@@ -287,83 +213,66 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createTextVNode(" 完成拼图验证 "),
           vue.createElementVNode("div", {
             onClick: refresh,
-            class: "slider-captcha-refresh-icon"
+            class: "yu-slider-captcha-refresh-icon"
           }, [
             vue.createVNode(vue.unref(iconsVue.RefreshRight))
           ]),
           vue.createElementVNode("div", {
             onClick: close,
-            class: "slider-captcha-close-icon"
+            class: "yu-slider-captcha-close-icon"
           }, [
             vue.createVNode(vue.unref(iconsVue.CircleClose))
           ])
         ]),
         vue.createElementVNode("div", {
-          class: "slider-captcha",
+          class: "yu-slider-captcha",
           style: vue.normalizeStyle({ width: _ctx.canvasWidth + "px" }),
           onselectstart: "return false;"
         }, [
           isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vue.normalizeClass({ "img-loading": isLoading.value }),
+            class: vue.normalizeClass({ "yu-slider-captcha-img-loading": isLoading.value }),
             style: vue.normalizeStyle({ height: _ctx.canvasHeight + "px" })
           }, null, 6)) : vue.createCommentVNode("", true),
-          verifySuccess.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          isVerifySuccess.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: "success-hint",
             style: vue.normalizeStyle({ height: _ctx.canvasHeight + "px" })
           }, vue.toDisplayString(successHint.value), 5)) : vue.createCommentVNode("", true),
-          isFrontCheck.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.createElementVNode("canvas", {
-              ref_key: "canvas",
-              ref: canvas,
-              class: "slide-canvas",
-              width: _ctx.canvasWidth,
-              height: _ctx.canvasHeight
-            }, null, 8, _hoisted_3),
-            vue.createElementVNode("canvas", {
-              ref_key: "block",
-              ref: block,
-              class: "slide-block",
-              width: _ctx.canvasWidth,
-              height: _ctx.canvasHeight
-            }, null, 8, _hoisted_4)
-          ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-            vue.createElementVNode("img", {
-              ref_key: "canvas",
-              ref: canvas,
-              class: "slide-canvas",
-              width: _ctx.canvasWidth,
-              height: _ctx.canvasHeight
-            }, null, 8, _hoisted_5),
-            vue.createElementVNode("img", {
-              ref_key: "block",
-              ref: block,
-              class: vue.normalizeClass(["slide-block", { "verify-fail": verifyFail.value }])
-            }, null, 2)
-          ], 64)),
+          vue.createElementVNode("img", {
+            ref_key: "canvas",
+            ref: canvas,
+            class: "yu-slider-captcha-canvas",
+            width: _ctx.canvasWidth,
+            height: _ctx.canvasHeight
+          }, null, 8, _hoisted_3),
+          vue.createElementVNode("img", {
+            ref_key: "block",
+            ref: block,
+            class: vue.normalizeClass(["yu-slider-captcha-block", { "is-verify-fail": isVerifyFail.value }])
+          }, null, 2),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(["slider", { "verify-active": verifyActive.value, "verify-success": verifySuccess.value, "verify-fail": verifyFail.value }])
+            class: vue.normalizeClass(["yu-slider-captcha-slider", { "is-verify-active": isVerifyActive.value, "is-verify-success": isVerifySuccess.value, "is-verify-fail": isVerifyFail.value }])
           }, [
             vue.createElementVNode("div", {
-              class: "slider-box background-primary",
+              class: "yu-slider-captcha-slider-box",
               style: vue.normalizeStyle({ width: sliderBoxWidth.value + "px" })
             }, [
               vue.createElementVNode("div", {
-                class: "slider-button",
+                class: "yu-slider-captcha-slider-button",
                 id: "slider-button",
                 style: vue.normalizeStyle({ left: sliderButtonLeft.value + "px" })
               }, [
                 !isSliderSlide.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.SliderArrowStatic), {
                   key: 0,
-                  class: "slider-button-icon yu-color-primary"
+                  class: "yu-slider-captcha-slider-button-icon yu-color-primary"
                 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.SliderArrowSlide), {
                   key: 1,
-                  class: "slider-button-icon yu-color-primary"
+                  class: "yu-slider-captcha-slider-button-icon yu-color-primary"
                 }))
               ], 4)
             ], 4),
-            vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(_ctx.sliderHint), 1)
+            vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(_ctx.sliderHint), 1)
           ], 2)
         ], 4)
       ]);

package/lib/yu-slider-captcha-dialog/index.cjs

@@ -3,12 +3,12 @@ const vue = require("vue");
 const SliderCaptcha = require("./SliderCaptcha");
 const _hoisted_1 = {
   key: 0,
-  class: "slider-captcha-dialog-container"
+  class: "yu-slider-captcha-dialog"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "slider-captcha-dialog-modal" }, null, -1);
-const _hoisted_3 = { class: "slider-captcha-dialog-wrapper" };
-const _hoisted_4 = { class: "slider-captcha-dialog slide-up" };
-const _hoisted_5 = { class: "slider-captcha" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "yu-slider-captcha-dialog-modal" }, null, -1);
+const _hoisted_3 = { class: "yu-slider-captcha-dialog-wrapper" };
+const _hoisted_4 = { class: "yu-slider-captcha-dialog yu-slider-captcha-slide-up" };
+const _hoisted_5 = { class: "yu-slider-captcha" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "YuSliderCaptchaDialog" },
   __name: "index",