@fmdevui/fm-dev
Version:
Page level components developed based on Element Plus.
119 lines (116 loc) • 4.38 kB
JavaScript
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 };