import _sfc_main from './dragVerifyImgRotate.vue2.mjs';
import { createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, normalizeClass, toDisplayString, withModifiers } from 'vue';
import './dragVerifyImgRotate.vue3.mjs';
import './dragVerifyImgRotate.vue4.mjs';
import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';

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 openBlock(), createElementBlock("div", _hoisted_1, [
    createElementVNode(
      "div",
      {
        style: normalizeStyle([$options.dragVerifyImgStyle, { "background-color": "var(--el-color-primary)" }])
      },
      [
        createElementVNode("img", {
          ref: "checkImg",
          src: $props.imgsrc,
          class: normalizeClass(["check-img", { goOrigin: $data.isOk }]),
          onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
          style: normalizeStyle($data.imgStyle),
          alt: ""
        }, null, 46, _hoisted_2),
        $props.showTips && $props.isPassing ? (openBlock(), createElementBlock(
          "div",
          _hoisted_3,
          toDisplayString($props.successTip),
          1
          /* TEXT */
        )) : createCommentVNode("v-if", true),
        $props.showTips && !$props.isPassing && $data.showErrorTip ? (openBlock(), createElementBlock(
          "div",
          _hoisted_4,
          toDisplayString($props.failTip),
          1
          /* TEXT */
        )) : createCommentVNode("v-if", true)
      ],
      4
      /* STYLE */
    ),
    createElementVNode(
      "div",
      {
        ref: "dragVerify",
        class: "drag_verify",
        style: 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] = withModifiers((...args) => $options.dragMoving && $options.dragMoving(...args), ["prevent"])),
        onTouchend: _cache[7] || (_cache[7] = withModifiers((...args) => $options.dragFinish && $options.dragFinish(...args), ["prevent"]))
      },
      [
        createElementVNode(
          "div",
          {
            class: normalizeClass(["dv_progress_bar", { goFirst2: $data.isOk }]),
            ref: "progressBar",
            style: normalizeStyle($options.progressBarStyle)
          },
          toDisplayString($options.successMessage),
          7
          /* TEXT, CLASS, STYLE */
        ),
        createElementVNode(
          "div",
          {
            class: "dv_text",
            style: normalizeStyle($options.textStyle),
            ref: "message"
          },
          toDisplayString($options.message),
          5
          /* TEXT, STYLE */
        ),
        createElementVNode(
          "div",
          {
            class: 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] = withModifiers((...args) => $options.dragStart && $options.dragStart(...args), ["prevent"])),
            ref: "handler",
            style: normalizeStyle([$options.handlerStyle, { "background-color": "var(--el-color-primary)" }])
          },
          [
            createElementVNode(
              "i",
              {
                class: normalizeClass($props.handlerIcon),
                style: { "color": "#fff" }
              },
              null,
              2
              /* CLASS */
            )
          ],
          38
          /* CLASS, STYLE, NEED_HYDRATION */
        )
      ],
      36
      /* STYLE, NEED_HYDRATION */
    )
  ]);
}
var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);

export { dragimg as default };
