yuang-framework-ui-pc 1.1.16 → 1.1.17

package/lib/yu-slider-captcha-dialog/SliderCaptcha.d.ts

@@ -0,0 +1,67 @@
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    blockLength?: number;
+    blockRadius?: number;
+    canvasWidth?: number;
+    canvasHeight?: number;
+    sliderHint?: string;
+    accuracy?: number;
+    imageList?: string[];
+}>, {
+    blockLength: number;
+    blockRadius: number;
+    canvasWidth: number;
+    canvasHeight: number;
+    sliderHint: string;
+    accuracy: number;
+    imageList: any;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    success: (data: Object) => void;
+    fail: (data: Object) => void;
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    blockLength?: number;
+    blockRadius?: number;
+    canvasWidth?: number;
+    canvasHeight?: number;
+    sliderHint?: string;
+    accuracy?: number;
+    imageList?: string[];
+}>, {
+    blockLength: number;
+    blockRadius: number;
+    canvasWidth: number;
+    canvasHeight: number;
+    sliderHint: string;
+    accuracy: number;
+    imageList: any;
+}>>> & {
+    onClose?: (() => any) | undefined;
+    onSuccess?: ((data: Object) => any) | undefined;
+    onFail?: ((data: Object) => any) | undefined;
+}, {
+    blockLength: number;
+    blockRadius: number;
+    canvasWidth: number;
+    canvasHeight: number;
+    sliderHint: string;
+    accuracy: number;
+    imageList: string[];
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,74 @@
+"use strict";
+const vue = require("vue");
+const SliderCaptcha = require("./SliderCaptcha");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-7e32a294"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "slider-captcha-dialog-container"
+};
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__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 _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "YuSliderCaptchaDialog" },
+  __name: "index",
+  emits: ["success", "fail", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const isShowSliderCaptcha = vue.ref(false);
+    const validateResult = vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _hoisted_2,
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(SliderCaptcha, {
+                ref: "sliderCaptcha",
+                onSuccess: handleSuccess,
+                onFail: handleFail,
+                onClose: handleClose
+              }, null, 512)
+            ])
+          ])
+        ])
+      ])) : vue.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"]]);
+module.exports = index;

package/lib/yu-slider-captcha-dialog/index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    showSliderCaptcha: () => void;
+    hideSliderCaptcha: () => void;
+    validateResult: import('vue').Ref<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    success: (data: Object) => void;
+    fail: (data: Object) => void;
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onClose?: (() => any) | undefined;
+    onSuccess?: ((data: Object) => any) | undefined;
+    onFail?: ((data: Object) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts --mode dev",
@@ -188,6 +188,6 @@
   "repository": "",
   "license": "",
   "dependencies": {
-    "yuang-framework-ui-common": "^1.0.45"
+    "yuang-framework-ui-common": "^1.0.47"
   }
 }