yuang-framework-ui-pc 1.1.16 → 1.1.18

package/es/yu-slider-captcha-dialog/index.js

@@ -0,0 +1,75 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import SliderCaptcha from "./SliderCaptcha";
+const _withScopeId = (n) => (pushScopeId("data-v-7e32a294"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "slider-captcha-dialog-container"
+};
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ 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 _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "YuSliderCaptchaDialog" },
+  __name: "index",
+  emits: ["success", "fail", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const isShowSliderCaptcha = ref(false);
+    const validateResult = ref(false);
+    const showSliderCaptcha = () => {
+      validateResult.value = false;
+      isShowSliderCaptcha.value = true;
+    };
+    const hideSliderCaptcha = () => {
+      validateResult.value = false;
+      isShowSliderCaptcha.value = false;
+    };
+    const handleSuccess = (data) => {
+      debugger;
+      validateResult.value = true;
+      emit("success", data);
+    };
+    const handleFail = (data) => {
+      validateResult.value = false;
+      emit("fail", data);
+    };
+    const handleClose = () => {
+      hideSliderCaptcha();
+      emit("close");
+    };
+    __expose({
+      showSliderCaptcha,
+      hideSliderCaptcha,
+      validateResult
+    });
+    return (_ctx, _cache) => {
+      return isShowSliderCaptcha.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        _hoisted_2,
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+              createVNode(SliderCaptcha, {
+                ref: "sliderCaptcha",
+                onSuccess: handleSuccess,
+                onFail: handleFail,
+                onClose: handleClose
+              }, null, 512)
+            ])
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e32a294"]]);
+export {
+  index as default
+};

package/es/yu-slider-captcha-dialog/style.css

@@ -0,0 +1,175 @@
+@charset "UTF-8";
+.slider-captcha-container .slider-captcha[data-v-894ffd06] {
+  position: relative;
+}
+.slider-captcha-container .slider-captcha-title[data-v-894ffd06] {
+  position: relative;
+  height: 30px;
+  font-size: 16px;
+}
+.slider-captcha-container .slider-captcha-refresh-icon[data-v-894ffd06] {
+  position: absolute;
+  right: 30px;
+  top: 0;
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+  cursor: pointer;
+  color: #194693;
+  text-align: center;
+  opacity: 0.7;
+}
+.slider-captcha-container .slider-captcha-refresh-icon[data-v-894ffd06]:hover {
+  opacity: 1;
+}
+.slider-captcha-container .slider-captcha-close-icon[data-v-894ffd06] {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+  cursor: pointer;
+  color: #ff4d4f;
+  text-align: center;
+  opacity: 0.7;
+}
+.slider-captcha-container .slider-captcha-close-icon[data-v-894ffd06]:hover {
+  opacity: 1;
+}
+
+/*图片加载样式*/
+.img-loading[data-v-894ffd06] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 999;
+  animation: loading-894ffd06 1.5s infinite;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+PHNjcmlwdCB4bWxucz0iIj4vKmdsb2JhbCBXZWIzKi8KY2xlYW5Db250ZXh0Rm9ySW1wb3J0cygpCnJlcXVpcmUoJ3dlYjMvZGlzdC93ZWIzLm1pbi5qcycpCmNvbnN0IExvY2FsTWVzc2FnZUR1cGxleFN0cmVhbSA9IHJlcXVpcmUoJ3Bvc3QtbWVzc2FnZS1zdHJlYW0nKQovLyBjb25zdCBQaW5nU3RyZWFtID0gcmVxdWlyZSgncGluZy1wb25nLXN0cmVhbS9waW5nJykKLy8gY29uc3QgZW5kT2ZTdHJlYW0gPSByZXF1aXJlKCdlbmQtb2Ytc3RyZWFtJykKY29uc3Qgc2V0dXBEYXBwQXV0b1JlbG9hZCA9IHJlcXVpcmUoJy4vbGliL2F1dG8tcmVsb2FkLmpzJykKY29uc3QgTWV0YW1hc2tJbnBhZ2VQcm92aWRlciA9IHJlcXVpcmUoJy4vbGliL2lucGFnZS1wcm92aWRlci5qcycpCnJlc3RvcmVDb250ZXh0QWZ0ZXJJbXBvcnRzKCkKCgovLwovLyBzZXR1cCBwbHVnaW4gY29tbXVuaWNhdGlvbgovLwoKLy8gc2V0dXAgYmFja2dyb3VuZCBjb25uZWN0aW9uCnZhciBtZXRhbWFza1N0cmVhbSA9IG5ldyBMb2NhbE1lc3NhZ2VEdXBsZXhTdHJlYW0oewogIG5hbWU6ICdpbnBhZ2UnLAogIHRhcmdldDogJ2NvbnRlbnRzY3JpcHQnLAp9KQoKLy8gY29tcG9zZSB0aGUgaW5wYWdlIHByb3ZpZGVyCnZhciBpbnBhZ2VQcm92aWRlciA9IG5ldyBNZXRhbWFza0lucGFnZVByb3ZpZGVyKG1ldGFtYXNrU3RyZWFtKQoKLy8KLy8gc2V0dXAgd2ViMwovLwoKdmFyIHdlYjMgPSBuZXcgV2ViMyhpbnBhZ2VQcm92aWRlcikKd2ViMy5zZXRQcm92aWRlciA9IGZ1bmN0aW9uICgpIHsKICBjb25zb2xlLmxvZygnTWV0YU1hc2sgLSBvdmVycm9kZSB3ZWIzLnNldFByb3ZpZGVyJykKfQpjb25zb2xlLmxvZygnTWV0YU1hc2sgLSBpbmplY3RlZCB3ZWIzJykKLy8gZXhwb3J0IGdsb2JhbCB3ZWIzLCB3aXRoIHVzYWdlLWRldGVjdGlvbgpzZXR1cERhcHBBdXRvUmVsb2FkKHdlYjMsIGlucGFnZVByb3ZpZGVyLnB1YmxpY0NvbmZpZ1N0b3JlKQoKLy8gc2V0IHdlYjMgZGVmYXVsdEFjY291bnQKCmlucGFnZVByb3ZpZGVyLnB1YmxpY0NvbmZpZ1N0b3JlLnN1YnNjcmliZShmdW5jdGlvbiAoc3RhdGUpIHsKICB3ZWIzLmV0aC5kZWZhdWx0QWNjb3VudCA9IHN0YXRlLnNlbGVjdGVkQWRkcmVzcwp9KQoKLy8KLy8gdXRpbAovLwoKLy8gbmVlZCB0byBtYWtlIHN1cmUgd2UgYXJlbid0IGFmZmVjdGVkIGJ5IG92ZXJsYXBwaW5nIG5hbWVzcGFjZXMKLy8gYW5kIHRoYXQgd2UgZG9udCBhZmZlY3QgdGhlIGFwcCB3aXRoIG91ciBuYW1lc3BhY2UKLy8gbW9zdGx5IGEgZml4IGZvciB3ZWIzJ3MgQmlnTnVtYmVyIGlmIEFNRCdzICJkZWZpbmUiIGlzIGRlZmluZWQuLi4KdmFyIF9fZGVmaW5lCgpmdW5jdGlvbiBjbGVhbkNvbnRleHRGb3JJbXBvcnRzICgpIHsKICBfX2RlZmluZSA9IGdsb2JhbC5kZWZpbmUKICB0cnkgewogICAgZ2xvYmFsLmRlZmluZSA9IHVuZGVmaW5lZAogIH0gY2F0Y2ggKF8pIHsKICAgIGNvbnNvbGUud2FybignTWV0YU1hc2sgLSBnbG9iYWwuZGVmaW5lIGNvdWxkIG5vdCBiZSBkZWxldGVkLicpCiAgfQp9CgpmdW5jdGlvbiByZXN0b3JlQ29udGV4dEFmdGVySW1wb3J0cyAoKSB7CiAgdHJ5IHsKICAgIGdsb2JhbC5kZWZpbmUgPSBfX2RlZmluZQogIH0gY2F0Y2ggKF8pIHsKICAgIGNvbnNvbGUud2FybignTWV0YU1hc2sgLSBnbG9iYWwuZGVmaW5lIGNvdWxkIG5vdCBiZSBvdmVyd3JpdHRlbi4nKQogIH0KfQoKPC9zY3JpcHQ+CiAgPHBhdGggb3BhY2l0eT0iLjI1IiBkPSJNMTYgMCBBMTYgMTYgMCAwIDAgMTYgMzIgQTE2IDE2IDAgMCAwIDE2IDAgTTE2IDQgQTEyIDEyIDAgMCAxIDE2IDI4IEExMiAxMiAwIDAgMSAxNiA0Ii8+CiAgPHBhdGggZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiIHRyYW5zZm9ybT0icm90YXRlKDE0NC4xNTUgMTYgMTYpIj4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgPC9wYXRoPgo8L3N2Zz4=);
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 100px;
+  background-color: #737c8e;
+}
+@keyframes loading-894ffd06 {
+0% {
+    opacity: 0.7;
+}
+100% {
+    opacity: 1;
+}
+}
+/*认证成功后的文字提示*/
+.success-hint[data-v-894ffd06] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.8);
+  color: #2cd000;
+  font-size: large;
+}
+
+/*刷新按钮*/
+/*验证图片*/
+/*阻塞块*/
+.slide-block[data-v-894ffd06] {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 80px;
+  height: 60px;
+}
+
+/*校验失败时的阻塞块样式*/
+.slide-block.verify-fail[data-v-894ffd06] {
+  transition: left 0.5s linear;
+}
+
+/*滑动条*/
+.slider[data-v-894ffd06] {
+  position: relative;
+  text-align: center;
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  margin-top: 15px;
+  background: rgb(228, 231, 235);
+  color: #88949d;
+  border: 1px solid 1px solid rgb(221, 221, 221);
+  border-radius: 20px;
+}
+
+/*滑动盒子*/
+.slider-box[data-v-894ffd06] {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 40px;
+  border-radius: 20px 0px 0px 20px;
+}
+
+/*滑动按钮*/
+.slider-button[data-v-894ffd06] {
+  background-color: rgb(255, 255, 255);
+  color: white;
+  text-align: center;
+  border-radius: 50%;
+  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
+  position: absolute;
+  top: -10px;
+  left: 0;
+  width: 56px;
+  height: 60px;
+}
+
+/*鼠标悬浮时的按钮样式*/
+.slider-button[data-v-894ffd06]:hover {
+  cursor: pointer;
+}
+
+/*鼠标悬浮时的按钮图标样式*/
+/*滑动按钮图标*/
+.slider-button-icon[data-v-894ffd06] {
+  width: 100%;
+  height: 100%;
+  font-size: 24px;
+  text-align: center;
+  line-height: 60px;
+}
+
+/*校验时的按钮样式*/
+/*校验时的滑动箱样式*/
+.verify-active .slider-box[data-v-894ffd06] {
+  height: 40px;
+  border-width: 1px;
+}
+
+/*校验成功时的滑动箱样式*/
+.verify-success .slider-box[data-v-894ffd06] {
+  height: 40px;
+}
+
+/*校验成功时的按钮样式*/
+/*校验成功时的按钮图标样式*/
+.verify-success .slider-button-icon[data-v-894ffd06] {
+  background-position: 0 0 !important;
+}
+
+/*校验失败时的滑动箱样式*/
+.verify-fail .slider-box[data-v-894ffd06] {
+  transition: width 0.5s linear;
+}
+
+/*校验失败时的按钮样式*/
+.verify-fail .slider-button[data-v-894ffd06] {
+  transition: left 0.5s linear;
+}
+
+/*校验失败时的按钮图标样式*/

package/lib/core-components.cjs

@@ -52,6 +52,8 @@ const index$M = require("./ele-tree-select/index");
 const index$N = require("./ele-upload-list/index");
 const index$O = require("./ele-virtual-table/index");
 const index$P = require("./ele-watermark/index");
+const index$Q = require("./yu-slider-captcha-dialog/index");
+const {YuSliderCaptchaDialog} = require("../es/index.js");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
@@ -105,3 +107,4 @@ exports.EleTreeSelect = index$M;
 exports.EleUploadList = index$N;
 exports.EleVirtualTable = index$O;
 exports.EleWatermark = index$P;
+exports.YuSliderCaptchaDialog = index$Q;

package/lib/core-components.d.ts

@@ -1,3 +1,5 @@
+import { YuSliderCaptchaDialog } from "../es";
+
 export { default as EleAdminLayout } from './ele-admin-layout/index';
 export { default as EleAlert } from './ele-alert/index';
 export { default as EleApp } from './ele-app/index';
@@ -51,3 +53,7 @@ export { default as EleTreeSelect } from './ele-tree-select/index';
 export { default as EleUploadList } from './ele-upload-list/index';
 export { default as EleVirtualTable } from './ele-virtual-table/index';
 export { default as EleWatermark } from './ele-watermark/index';
+
+
+export { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
+