label-print-design/es/components/content/widget/dragWrapper.vue2.mjs

操作简单，组件丰富的一站式打印解决方案打印设计器

import { defineComponent, openBlock, createElementBlock, normalizeStyle, unref } from 'vue';
import { ref, onMounted, computed } from 'vue-demi';

var _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "dragWrapper",
  props: {
    data: { default: () => ({
      x: 0,
      y: 0,
      width: 0,
      height: 0,
      transitionAnime: false
    }) }
  },
  setup(__props) {
    const props = __props;
    const wrapperRef = ref();
    onMounted(() => {
      wrapperRef.value.addEventListener("transitionend", function() {
        props.data.visible = false;
        props.data.transitionAnime = false;
      }, false);
    });
    const style = computed(() => {
      const iStyle = {
        left: props.data.x + "px",
        top: props.data.y + "px",
        width: props.data.width + "px",
        height: props.data.height + "px",
        opacity: props.data.opacity
        // maxWidth: widthValueUnit(element),
        // maxHeight: heightValueUnit(element),
      };
      if (props.data.transitionAnime) {
        iStyle.transition = "left .42s cubic-bezier(0, 0, 0.02, 0.97) 0s, top .42s cubic-bezier(0, 0, 0.02, 0.97) 0s";
      }
      return iStyle;
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(
        "div",
        {
          ref_key: "wrapperRef",
          ref: wrapperRef,
          class: "drag-wrapper",
          style: normalizeStyle(unref(style))
        },
        null,
        4
        /* STYLE */
      );
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=dragWrapper.vue2.mjs.map