@fmdevui/fm-dev/lib/packages/core/ui/components/dragVerify/dragVerifyImgRotate.vue.js

Page level components developed based on Element Plus.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var dragVerifyImgRotate_vue_vue_type_script_lang = require('./dragVerifyImgRotate.vue2.js');
var vue = require('vue');
require('./dragVerifyImgRotate.vue3.js');
require('./dragVerifyImgRotate.vue4.js');
var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');

const _hoisted_1 = { class: "drag-verify-container" };
const _hoisted_2 = ["src"];
const _hoisted_3 = {
  key: 0,
  class: "tips success"
};
const _hoisted_4 = {
  key: 1,
  class: "tips danger"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
    vue.createElementVNode(
      "div",
      {
        style: vue.normalizeStyle([$options.dragVerifyImgStyle, { "background-color": "var(--el-color-primary)" }])
      },
      [
        vue.createElementVNode("img", {
          ref: "checkImg",
          src: $props.imgsrc,
          class: vue.normalizeClass(["check-img", { goOrigin: $data.isOk }]),
          onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
          style: vue.normalizeStyle($data.imgStyle),
          alt: ""
        }, null, 46, _hoisted_2),
        $props.showTips && $props.isPassing ? (vue.openBlock(), vue.createElementBlock(
          "div",
          _hoisted_3,
          vue.toDisplayString($props.successTip),
          1
          /* TEXT */
        )) : vue.createCommentVNode("v-if", true),
        $props.showTips && !$props.isPassing && $data.showErrorTip ? (vue.openBlock(), vue.createElementBlock(
          "div",
          _hoisted_4,
          vue.toDisplayString($props.failTip),
          1
          /* TEXT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      4
      /* STYLE */
    ),
    vue.createElementVNode(
      "div",
      {
        ref: "dragVerify",
        class: "drag_verify",
        style: vue.normalizeStyle($options.dragVerifyStyle),
        onMousemove: _cache[3] || (_cache[3] = (...args) => $options.dragMoving && $options.dragMoving(...args)),
        onMouseup: _cache[4] || (_cache[4] = (...args) => $options.dragFinish && $options.dragFinish(...args)),
        onMouseleave: _cache[5] || (_cache[5] = (...args) => $options.dragFinish && $options.dragFinish(...args)),
        onTouchmove: _cache[6] || (_cache[6] = vue.withModifiers((...args) => $options.dragMoving && $options.dragMoving(...args), ["prevent"])),
        onTouchend: _cache[7] || (_cache[7] = vue.withModifiers((...args) => $options.dragFinish && $options.dragFinish(...args), ["prevent"]))
      },
      [
        vue.createElementVNode(
          "div",
          {
            class: vue.normalizeClass(["dv_progress_bar", { goFirst2: $data.isOk }]),
            ref: "progressBar",
            style: vue.normalizeStyle($options.progressBarStyle)
          },
          vue.toDisplayString($options.successMessage),
          7
          /* TEXT, CLASS, STYLE */
        ),
        vue.createElementVNode(
          "div",
          {
            class: "dv_text",
            style: vue.normalizeStyle($options.textStyle),
            ref: "message"
          },
          vue.toDisplayString($options.message),
          5
          /* TEXT, STYLE */
        ),
        vue.createElementVNode(
          "div",
          {
            class: vue.normalizeClass(["dv_handler dv_handler_bg", { goFirst: $data.isOk }]),
            onMousedown: _cache[1] || (_cache[1] = (...args) => $options.dragStart && $options.dragStart(...args)),
            onTouchstart: _cache[2] || (_cache[2] = vue.withModifiers((...args) => $options.dragStart && $options.dragStart(...args), ["prevent"])),
            ref: "handler",
            style: vue.normalizeStyle([$options.handlerStyle, { "background-color": "var(--el-color-primary)" }])
          },
          [
            vue.createElementVNode(
              "i",
              {
                class: vue.normalizeClass($props.handlerIcon),
                style: { "color": "#fff" }
              },
              null,
              2
              /* CLASS */
            )
          ],
          38
          /* CLASS, STYLE, NEED_HYDRATION */
        )
      ],
      36
      /* STYLE, NEED_HYDRATION */
    )
  ]);
}
var dragimg = /* @__PURE__ */ _pluginVue_exportHelper.default(dragVerifyImgRotate_vue_vue_type_script_lang.default, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);

exports.default = dragimg;