yuang-framework-ui-pc 1.1.15 → 1.1.17

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

@@ -26,33 +26,32 @@ const index$m = require("./ele-image-viewer/index");
 const index$n = require("./ele-loading/index");
 const index$o = require("./ele-menus/index");
 const index$p = require("./ele-dialog/index");
-const index$q = require("./ele-dialog/index");
-const index$r = require("./ele-page/index");
-const index$s = require("./ele-pagination/index");
-const index$t = require("./ele-popconfirm/index");
-const index$u = require("./ele-popover/index");
-const index$v = require("./ele-printer/index");
-const index$w = require("./ele-pro-layout/index");
-const index$x = require("./ele-pro-table/index");
-const index$y = require("./ele-qr-code/index");
-const index$z = require("./ele-qr-code-svg/index");
-const index$A = require("./ele-segmented/index");
-const index$B = require("./ele-split-panel/index");
-const index$C = require("./ele-steps/index");
-const index$D = require("./ele-tabs/index");
-const index$E = require("./ele-tab-tool/index");
-const index$F = require("./ele-tab-wrap/index");
-const index$G = require("./ele-table/index");
-const index$H = require("./ele-table-select/index");
-const index$I = require("./ele-text/index");
-const index$J = require("./ele-tool/index");
-const index$K = require("./ele-toolbar/index");
-const index$L = require("./ele-tooltip/index");
-const index$M = require("./ele-tour/index");
-const index$N = require("./ele-tree-select/index");
-const index$O = require("./ele-upload-list/index");
-const index$P = require("./ele-virtual-table/index");
-const index$Q = require("./ele-watermark/index");
+const index$q = require("./ele-page/index");
+const index$r = require("./ele-pagination/index");
+const index$s = require("./ele-popconfirm/index");
+const index$t = require("./ele-popover/index");
+const index$u = require("./ele-printer/index");
+const index$v = require("./ele-pro-layout/index");
+const index$w = require("./ele-pro-table/index");
+const index$x = require("./ele-qr-code/index");
+const index$y = require("./ele-qr-code-svg/index");
+const index$z = require("./ele-segmented/index");
+const index$A = require("./ele-split-panel/index");
+const index$B = require("./ele-steps/index");
+const index$C = require("./ele-tabs/index");
+const index$D = require("./ele-tab-tool/index");
+const index$E = require("./ele-tab-wrap/index");
+const index$F = require("./ele-table/index");
+const index$G = require("./ele-table-select/index");
+const index$H = require("./ele-text/index");
+const index$I = require("./ele-tool/index");
+const index$J = require("./ele-toolbar/index");
+const index$K = require("./ele-tooltip/index");
+const index$L = require("./ele-tour/index");
+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");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
@@ -78,31 +77,31 @@ exports.EleIconSelect = index$l;
 exports.EleImageViewer = index$m;
 exports.EleLoading = index$n;
 exports.EleMenus = index$o;
+exports.EleDialog = index$p;
 exports.EleModal = index$p;
-exports.EleDialog = index$q;
-exports.ElePage = index$r;
-exports.ElePagination = index$s;
-exports.ElePopconfirm = index$t;
-exports.ElePopover = index$u;
-exports.ElePrinter = index$v;
-exports.EleProLayout = index$w;
-exports.EleProTable = index$x;
-exports.EleQrCode = index$y;
-exports.EleQrCodeSvg = index$z;
-exports.EleSegmented = index$A;
-exports.EleSplitPanel = index$B;
-exports.EleSteps = index$C;
-exports.EleTabs = index$D;
-exports.EleTabTool = index$E;
-exports.EleTabWrap = index$F;
-exports.EleTable = index$G;
-exports.EleTableSelect = index$H;
-exports.EleText = index$I;
-exports.EleTool = index$J;
-exports.EleToolbar = index$K;
-exports.EleTooltip = index$L;
-exports.EleTour = index$M;
-exports.EleTreeSelect = index$N;
-exports.EleUploadList = index$O;
-exports.EleVirtualTable = index$P;
-exports.EleWatermark = index$Q;
+exports.ElePage = index$q;
+exports.ElePagination = index$r;
+exports.ElePopconfirm = index$s;
+exports.ElePopover = index$t;
+exports.ElePrinter = index$u;
+exports.EleProLayout = index$v;
+exports.EleProTable = index$w;
+exports.EleQrCode = index$x;
+exports.EleQrCodeSvg = index$y;
+exports.EleSegmented = index$z;
+exports.EleSplitPanel = index$A;
+exports.EleSteps = index$B;
+exports.EleTabs = index$C;
+exports.EleTabTool = index$D;
+exports.EleTabWrap = index$E;
+exports.EleTable = index$F;
+exports.EleTableSelect = index$G;
+exports.EleText = index$H;
+exports.EleTool = index$I;
+exports.EleToolbar = index$J;
+exports.EleTooltip = index$K;
+exports.EleTour = index$L;
+exports.EleTreeSelect = index$M;
+exports.EleUploadList = index$N;
+exports.EleVirtualTable = index$O;
+exports.EleWatermark = index$P;

package/lib/ele-dialog/index.cjs

@@ -18,15 +18,15 @@ const _sfc_main = vue.defineComponent({
     ReceiverView
   },
   inheritAttrs: false,
-  props: props.modalProps,
-  emits: props.modalEmits,
+  props: props.eleDialogProps,
+  emits: props.eleDialogEmits,
   setup(props2, { emit }) {
     const layoutState = util.useLayoutState();
     const isResponsive = util.useResponsive(props2);
     const dialogRef = vue.ref(null);
     const isFullscreen = vue.ref(props2.fullscreen ?? false);
     const isActivated = vue.ref(true);
-    const dialogClass = vue.computed(() => {
+    const modalClass = vue.computed(() => {
       const classes = [util$1.wrapperClass];
       if (props2.responsive ?? isResponsive.value ?? true) {
         classes.push("ele-dialog-responsive");
@@ -77,11 +77,11 @@ const _sfc_main = vue.defineComponent({
       return classes.join(" ");
     });
     const teleportTo = vue.computed(() => {
-      return util$1.getModalContainer(
+      return util$1.getDialogContainer(
         props2.inner,
         props2.multiple,
         props2.appendTo,
-        layoutState.modalsEl
+        layoutState.dialogsEl
       );
     });
     const teleportDisabled = vue.computed(() => {
@@ -96,17 +96,17 @@ const _sfc_main = vue.defineComponent({
       handleResizeTouchstart,
       bindAutoTopEvent,
       unbindAutoTopEvent,
-      topModal,
+      topDialog,
       setInitPosition,
-      resetModalStyle
-    } = util$1.useModalEvent(dialogRef, props2, isFullscreen);
+      resetDialogStyle
+    } = util$1.useDialogEvent(dialogRef, props2, isFullscreen);
     const updateModelValue = (modelValue) => {
       emit("update:modelValue", modelValue);
     };
     const toggleFullscreen = (fullscreen) => {
       isFullscreen.value = fullscreen ?? !isFullscreen.value;
       vue.nextTick(() => {
-        topModal();
+        topDialog();
       });
       emit("update:fullscreen", isFullscreen.value);
     };
@@ -116,11 +116,11 @@ const _sfc_main = vue.defineComponent({
       }
       vue.nextTick(() => {
         if (props2.resetOnClose) {
-          resetModalStyle();
+          resetDialogStyle();
         } else {
           setInitPosition();
         }
-        topModal();
+        topDialog();
       });
       emit("open");
     };
@@ -161,7 +161,7 @@ const _sfc_main = vue.defineComponent({
     return {
       dialogRef,
       isFullscreen,
-      dialogClass,
+      modalClass,
       teleportTo,
       teleportDisabled,
       handleHeaderMousedown,
@@ -205,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       width: _ctx.width,
       fullscreen: false,
       modal: _ctx.multiple ? false : _ctx.modal,
-      modalClass: _ctx.dialogClass,
+      modalClass: _ctx.modalClass,
       appendToBody: false,
       lockScroll: _ctx.inner || _ctx.multiple ? false : _ctx.lockScroll,
       openDelay: _ctx.openDelay,

package/lib/ele-dialog/index.d.ts

@@ -91,7 +91,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     dialogRef: import('vue').Ref<ElDialogInstance>;
     isFullscreen: import('vue').Ref<boolean>;
-    dialogClass: import('vue').ComputedRef<string>;
+    modalClass: import('vue').ComputedRef<string>;
     teleportTo: import('vue').ComputedRef<string | Element>;
     teleportDisabled: import('vue').ComputedRef<boolean>;
     handleHeaderMousedown: (e: MouseEvent) => void;
@@ -238,8 +238,8 @@ declare const _default: import('vue').DefineComponent<{
     minHeight: number;
     multiple: boolean;
     responsive: boolean;
+    inner: boolean;
     resetOnClose: boolean;
     maxable: boolean;
-    inner: boolean;
 }, {}>;
 export default _default;

package/lib/ele-dialog/props.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
-const modalProps = {
+const eleDialogProps = {
   ...elementPlus.dialogProps,
   appendToBody: {
     type: Boolean,
@@ -60,12 +60,12 @@ const modalProps = {
   /** 是否是表单弹窗 */
   form: Boolean
 };
-const modalEmits = {
+const eleDialogEmits = {
   ...elementPlus.dialogEmits,
   /** 更新全屏状态 */
   "update:fullscreen": (_fullscreen) => true
 };
 const dialogPropKeys = Object.keys(elementPlus.dialogProps);
 exports.dialogPropKeys = dialogPropKeys;
-exports.modalEmits = modalEmits;
-exports.modalProps = modalProps;
+exports.eleDialogEmits = eleDialogEmits;
+exports.eleDialogProps = eleDialogProps;

package/lib/ele-dialog/props.d.ts

@@ -6,7 +6,7 @@ import { Resizable, MoveOut, Position } from './types';
 /**
  * 属性
  */
-export declare const modalProps: {
+export declare const eleDialogProps: {
     appendToBody: {
         type: BooleanConstructor;
         default: boolean;
@@ -113,11 +113,11 @@ export declare const modalProps: {
     title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
-export type ModalProps = ExtractPropTypes<typeof modalProps>;
+export type DialogProps = ExtractPropTypes<typeof dialogProps>;
 /**
  * 事件
  */
-export declare const modalEmits: {
+export declare const eleDialogEmits: {
     /** 更新全屏状态 */
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;