ninemoon-ui 0.0.27 → 0.1.0

package/dist/js/dialog/dialog.js

@@ -1,138 +0,0 @@
-import { defineComponent, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, withModifiers, normalizeClass, normalizeStyle, createElementBlock, toDisplayString, createCommentVNode, renderSlot, vShow } from "vue";
-const _hoisted_1 = {
-  key: 0,
-  class: "tdd-flex tdd-w-full tdd-justify-between tdd-p-2"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "dialog",
-  props: {
-    visible: { type: Boolean, default: false },
-    title: {},
-    beforeHidden: {},
-    bodyClickAble: { type: Boolean, default: true },
-    headShow: { type: Boolean, default: true },
-    width: {},
-    isDiy: { type: Boolean, default: false },
-    lockScroll: { type: Boolean, default: true }
-  },
-  emits: ["update:visible"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const showdefaultHand = computed(() => {
-      return props.headShow && !props.isDiy;
-    });
-    const hasselfwidth = computed(() => {
-      if (props.width) {
-        return true;
-      } else {
-        return false;
-      }
-    });
-    const selfwidth = computed(() => {
-      if (props.width) {
-        if (typeof props.width === "number") {
-          return `${props.width}px`;
-        } else if (typeof props.width === "string") {
-          if (props.width.includes("px") || props.width.includes("%")) {
-            return props.width;
-          } else {
-            return `${props.width}px`;
-          }
-        } else {
-          return "unset";
-        }
-      } else {
-        return "unset";
-      }
-    });
-    const UpdateVisible = __emit;
-    const dialogHidden = (cancelflag) => {
-      if (cancelflag !== false) {
-        UpdateVisible("update:visible", false);
-      }
-    };
-    const closeIcon = (e) => {
-      if (props.beforeHidden) {
-        props.beforeHidden(dialogHidden);
-      } else {
-        dialogHidden();
-      }
-      return e;
-    };
-    const bodyClick = (e) => {
-      if (props.bodyClickAble) {
-        closeIcon(e);
-      }
-      return e;
-    };
-    watch(
-      () => props.visible,
-      (val) => {
-        if (props.lockScroll) {
-          if (val === true) {
-            document.body.classList.add("tdd-overflow-hidden");
-          } else {
-            document.body.classList.remove("tdd-overflow-hidden");
-          }
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        to: "body",
-        disabled: !_ctx.visible
-      }, [
-        createVNode(Transition, { name: "opecity" }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              class: "tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-bg-black tdd-bg-opacity-30 tdd-text-sm tdd-z-1000 tdd-flex tdd-items-center tdd-justify-center",
-              onClick: withModifiers(bodyClick, ["self"])
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(["tdd-z-50 tdd-divide-y tdd-divide-gray-300 tdd-rounded tdd-drop-shadow", { "tdd-w-96": !hasselfwidth.value, "tdd-bg-white": !_ctx.isDiy }]),
-                style: normalizeStyle({ width: selfwidth.value })
-              }, [
-                showdefaultHand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                  createElementVNode("span", null, toDisplayString(_ctx.title), 1),
-                  createElementVNode("button", {
-                    type: "button",
-                    onClick: closeIcon
-                  }, _cache[0] || (_cache[0] = [
-                    createElementVNode("svg", {
-                      class: "tdd-h-5 tdd-w-5 tdd-fill-gray-600",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "24",
-                      height: "24",
-                      viewBox: "0 0 24 24",
-                      fill: "none"
-                    }, [
-                      createElementVNode("g", null, [
-                        createElementVNode("path", {
-                          "fill-rule": "evenodd",
-                          "clip-rule": "evenodd",
-                          d: "M16.7782 7.22943C16.4824 6.93364 16.0046 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0046 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0046 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0046 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z",
-                          fill: "inherit"
-                        })
-                      ])
-                    ], -1)
-                  ]))
-                ])) : createCommentVNode("", true),
-                createElementVNode("div", {
-                  class: normalizeClass({ "tdd-p-2": !_ctx.isDiy })
-                }, [
-                  renderSlot(_ctx.$slots, "default")
-                ], 2)
-              ], 6)
-            ], 512), [
-              [vShow, _ctx.visible]
-            ])
-          ]),
-          _: 3
-        })
-      ], 8, ["disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/js/form/form.js

@@ -1,87 +0,0 @@
-import { defineComponent, readonly, ref, provide, openBlock, createElementBlock, renderSlot } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "form",
-  props: {
-    rule: {},
-    model: {},
-    inline: { type: Boolean, default: true }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const staticModel = readonly(Object.assign({}, props.model));
-    const checkList = ref([]);
-    const pushCheck = (name, fc) => {
-      if (name == null)
-        return;
-      checkList.value.push({
-        name,
-        fc
-      });
-    };
-    const clearList = ref([]);
-    const pushClear = (i) => {
-      clearList.value.push(i);
-    };
-    const validate = async (callBack) => {
-      let passflag = true;
-      for (const rule of checkList.value) {
-        await rule.fc((msg) => {
-          if (msg !== null && msg !== void 0) {
-            passflag = false;
-            console.warn(msg);
-          }
-        });
-      }
-      if (passflag === true) {
-        callBack(true);
-      } else {
-        callBack(false);
-      }
-    };
-    const validateField = async (propname, callBack) => {
-      if (!propname) {
-        throw new Error("prop参数为空");
-      } else {
-        const ruleArr = checkList.value.filter((check) => check.name === propname);
-        if (ruleArr.length === 0) {
-          throw new Error("没有匹配的检查函数");
-        } else {
-          for (const rule of ruleArr) {
-            await rule.fc((msg) => {
-              console.warn(msg);
-              callBack(msg);
-            });
-          }
-        }
-      }
-    };
-    const resetField = () => {
-      for (const clearFun of clearList.value) {
-        clearFun();
-      }
-      for (const key in props.model) {
-        if (Object.prototype.hasOwnProperty.call(props.model, key)) {
-          props.model[key] = staticModel[key];
-        }
-      }
-    };
-    __expose({
-      validate,
-      validateField,
-      resetField
-    });
-    provide("rule", props.rule);
-    provide("model", props.model);
-    provide("sendCheck", pushCheck);
-    provide("sendClear", pushClear);
-    provide("inlineStatus", props.inline);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", null, [
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/js/form/formlabel.js

@@ -1,167 +0,0 @@
-import { defineComponent, inject, computed, ref, provide, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, renderSlot, createCommentVNode } from "vue";
-const _hoisted_1 = { class: "tdd-mb-5" };
-const _hoisted_2 = { class: "tdd-relative tdd-flex-1 tdd-items-center" };
-const _hoisted_3 = {
-  key: 0,
-  class: "tdd-absolute tdd--bottom-5 tdd-left-0 tdd-text-xs tdd-text-red-600"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "formlabel",
-  props: {
-    label: {},
-    prop: {},
-    inline: { type: Boolean, default: void 0 },
-    width: { default: 70 }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const Rules = inject("rule");
-    const Model = inject("model");
-    const sendCheck = inject("sendCheck", () => null);
-    const sendClear = inject("sendClear", () => null);
-    const totalInlineStatues = inject("inlineStatus");
-    const isInline = computed(() => {
-      if (props.inline != null) {
-        return props.inline;
-      } else {
-        return totalInlineStatues;
-      }
-    });
-    const tip = ref(null);
-    const showTip = computed(() => tip.value != null && tip.value != "");
-    const thisRules = Rules && props.prop && Rules[props.prop];
-    const resetField = () => {
-      tip.value = null;
-    };
-    const FunctionToPromise = (callBack, receiveData) => {
-      return new Promise((resolve) => {
-        callBack(receiveData, (result) => {
-          resolve(result);
-        });
-      });
-    };
-    const mixHandle = async (receiveData, eventname) => {
-      if (thisRules instanceof Array) {
-        for (let i = 0; i < thisRules.length; i++) {
-          const { type, trigger, min, max, message, validator } = thisRules[i];
-          if (trigger === "blur" && eventname === "blurevent" || trigger === "input" && eventname === "inputevent" || trigger === "change" && eventname === "changeevent") {
-            if (min || max) {
-              if (isNaN(Number(receiveData))) {
-                tip.value = "请输入数字";
-                break;
-              } else {
-                if (min && Number(receiveData) < min || max && Number(receiveData) > max) {
-                  tip.value = message;
-                  break;
-                }
-              }
-            } else if (validator) {
-              const result = await FunctionToPromise(validator, receiveData);
-              tip.value = result;
-              if (result != null) {
-                break;
-              }
-            } else if (type == "array") {
-              if (!(receiveData instanceof Array)) {
-                tip.value = message;
-                break;
-              } else if (receiveData.length === 0) {
-                tip.value = message;
-                break;
-              } else {
-                tip.value = null;
-              }
-            } else if (receiveData == null || receiveData == "") {
-              tip.value = message;
-              break;
-            } else {
-              tip.value = null;
-            }
-          }
-        }
-      }
-    };
-    const inputHandle = (data) => mixHandle(data, "inputevent");
-    const blurHandle = (data) => mixHandle(data, "blurevent");
-    const changeHandle = (data) => mixHandle(data, "changeevent");
-    const validateLabel = async (callBack) => {
-      let flag = 0;
-      const data = Model[props.prop];
-      if (thisRules instanceof Array) {
-        for (let i = 0; i < thisRules.length; i++) {
-          const { type, min, max, message, validator } = thisRules[i];
-          if (min || max) {
-            if (isNaN(Number(data))) {
-              callBack("请输入数字");
-              flag += 1;
-              break;
-            } else {
-              if (max && Number(data) > max || min && Number(data) < min) {
-                tip.value = message;
-                callBack(message);
-                flag += 1;
-                break;
-              }
-            }
-          } else if (validator) {
-            const result = await FunctionToPromise(validator, data);
-            tip.value = result;
-            if (result != null) {
-              callBack(result);
-              flag += 1;
-              break;
-            }
-          } else if (type == "array") {
-            if (!(data instanceof Array)) {
-              tip.value = message;
-              callBack(message);
-              flag += 1;
-              break;
-            } else if (data.length === 0) {
-              tip.value = message;
-              callBack(message);
-              flag += 1;
-              break;
-            }
-          } else if (data == null || data == "") {
-            tip.value = message;
-            callBack(message);
-            flag += 1;
-            break;
-          }
-        }
-      }
-      if (flag === 0) {
-        tip.value = null;
-        callBack();
-      }
-    };
-    sendCheck(props.prop, validateLabel);
-    sendClear(resetField);
-    provide("inputHandle", inputHandle);
-    provide("blurHandle", blurHandle);
-    provide("changHandle", changeHandle);
-    __expose({
-      validateLabel
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: normalizeClass(["tdd-w-full tdd-flex", { "tdd-flex-col": !isInline.value, "tdd-items-center": isInline.value }])
-        }, [
-          createElementVNode("div", {
-            class: "tdd-text-sm",
-            style: normalizeStyle({ width: `${_ctx.width}px` })
-          }, toDisplayString(_ctx.label), 5),
-          createElementVNode("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "default"),
-            showTip.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(tip.value), 1)) : createCommentVNode("", true)
-          ])
-        ], 2)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/js/getcalendar/getcalendar.js

@@ -1,48 +0,0 @@
-const getMonthDays = (year, month, flag) => {
-  let stratDate = new Date(year, month - 1, 1).getTime(), endData = new Date(year, month, 1).getTime();
-  let days = (endData - stratDate) / (1e3 * 60 * 60 * 24);
-  let list = [];
-  for (let i = 1; i <= days; i++) {
-    const d = i;
-    const week = (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 0 ? "日" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 1 ? "一" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 2 ? "二" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 3 ? "三" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 4 ? "四" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 5 ? "五" : (/* @__PURE__ */ new Date(month + "/" + i + "/" + year)).getDay() == 6 ? "六" : "";
-    let obj = {
-      week,
-      d,
-      m: month,
-      y: year,
-      isChoosed1Day: false,
-      isChoosed2Day: false
-    };
-    if (flag === 1) {
-      Object.assign(obj, {
-        pred: true
-      });
-    } else if (flag === 2) {
-      Object.assign(obj, {
-        nextd: true
-      });
-    } else {
-      Object.assign(obj, {
-        newd: true
-      });
-    }
-    list.push(obj);
-  }
-  return list;
-};
-const addZero = (data) => {
-  let t = Number(data);
-  if (isNaN(t)) {
-    throw new Error("日期格式不正确");
-  } else {
-    if (t < 10) {
-      return `0${t}`;
-    } else {
-      return `${t}`;
-    }
-  }
-};
-export {
-  addZero as a,
-  getMonthDays as g
-};

package/dist/js/image/image.js

@@ -1,250 +0,0 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, createElementVNode, createCommentVNode, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, withModifiers, normalizeStyle, normalizeClass, nextTick } from "vue";
-import { t as throttle } from "../index/index.js";
-const _hoisted_1 = { class: "tdd-relative tdd-inline-block tdd-h-full tdd-w-full" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { class: "tdd-pointer-events-none tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-1000 tdd-text-center" };
-const _hoisted_5 = { class: "tdd-pointer-events-auto tdd-absolute tdd-top-0 tdd-left-0 tdd-z-10 tdd-flex tdd-w-full tdd-items-center tdd-bg-black tdd-bg-opacity-10" };
-const _hoisted_6 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "image",
-  props: {
-    src: {},
-    width: {},
-    preview: { type: Boolean, default: true }
-  },
-  emits: ["openPreview", "closePreview"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const vWheel = {
-      mounted(el, binding) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            binding.value && binding.value(e);
-          } else {
-            return false;
-          }
-        }
-        el._vueWheel_ = documentHandler;
-        document.addEventListener("wheel", el._vueWheel_);
-      },
-      beforeUnmount(el) {
-        document.removeEventListener("wheel", el._vueWheel_);
-        delete el._vueWheel_;
-      }
-    };
-    const ImgIsMoving = ref(false);
-    const vMove = {
-      mounted(el, binding) {
-        let mouseX = 0, mouseY = 0, originBoxX = 0, originBoxY = 0;
-        function setMoveHandle(e) {
-          e.preventDefault();
-          const distanceX = e.pageX - mouseX;
-          const distanceY = e.pageY - mouseY;
-          binding.value && binding.value(distanceX + originBoxX, distanceY + originBoxY);
-        }
-        function downHandle(e) {
-          e.preventDefault();
-          originBoxX = el.offsetLeft + transX.value;
-          originBoxY = el.offsetTop + transY.value;
-          mouseX = e.pageX;
-          mouseY = e.pageY;
-          ImgIsMoving.value = true;
-          el._vueMove_ = throttle(setMoveHandle, 60);
-          window.addEventListener("mousemove", el._vueMove_);
-        }
-        function upHandle() {
-          ImgIsMoving.value = false;
-          if (el._vueMove_) {
-            window.removeEventListener("mousemove", el._vueMove_);
-          }
-          nextTick(() => {
-            if (scaleNumber.value === 1) {
-              transX.value = 0;
-              transY.value = 0;
-            }
-          });
-        }
-        el._vueDown_ = downHandle;
-        el._vueUp_ = upHandle;
-        el.addEventListener("mousedown", el._vueDown_);
-        el.addEventListener("mouseup", el._vueUp_);
-        window.addEventListener("mouseup", el._vueUp_);
-      },
-      beforeUnmount(el) {
-        if (el._vueDown_) {
-          document.removeEventListener("mousedown", el._vueDown_);
-          delete el._vueDown_;
-        }
-        if (el._vueUp_) {
-          document.removeEventListener("mouseup", el._vueUp_);
-          window.removeEventListener("mouseup", el._vueUp_);
-          delete el._vueUp_;
-        }
-      }
-    };
-    const showBig = ref(false);
-    watch(showBig, (val) => {
-      if (val === true) {
-        document.body.classList.add("tdd-overflow-hidden");
-      } else {
-        document.body.classList.remove("tdd-overflow-hidden");
-      }
-    });
-    const showPreview = () => {
-      emit("openPreview");
-      showBig.value = true;
-    };
-    const hidenPreview = () => {
-      emit("closePreview");
-      showBig.value = false;
-      scaleNumber.value = 1;
-      transX.value = 0;
-      transY.value = 0;
-      rotateNumber.value = 0;
-    };
-    const scaleNumber = ref(1);
-    const rotateNumber = ref(0);
-    const wheelHandle = (e) => {
-      if (e.deltaY > 0) {
-        scaleNumber.value = scaleNumber.value > 1 ? scaleNumber.value - 1 : 1;
-      } else {
-        scaleNumber.value += 1;
-      }
-    };
-    const moveHandle = (x, y) => {
-      transX.value = x;
-      transY.value = y;
-    };
-    const transX = ref(0);
-    const transY = ref(0);
-    const leftRotate = () => {
-      rotateNumber.value -= 90;
-    };
-    const rightRotate = () => {
-      rotateNumber.value += 90;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("img", {
-            class: "tdd-w-full tdd-align-middle",
-            src: _ctx.src
-          }, null, 8, _hoisted_2),
-          _ctx.preview ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            onClick: showPreview,
-            class: "tdd-absolute tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-flex tdd-cursor-pointer tdd-items-center tdd-justify-center tdd-bg-black tdd-bg-opacity-50 tdd-text-white tdd-opacity-0 tdd-transition-opacity hover:tdd-opacity-100"
-          }, _cache[0] || (_cache[0] = [
-            createElementVNode("svg", {
-              viewBox: "64 64 896 896",
-              focusable: "false",
-              "data-icon": "eye",
-              width: "1em",
-              height: "1em",
-              fill: "currentColor",
-              "aria-hidden": "true"
-            }, [
-              createElementVNode("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" })
-            ], -1)
-          ]))) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
-          createVNode(Transition, { name: "opacity" }, {
-            default: withCtx(() => [
-              showBig.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createElementVNode("div", {
-                  class: "tdd-pointer-events-auto tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-1000 tdd-bg-black tdd-bg-opacity-30",
-                  key: "1",
-                  onClick: hidenPreview
-                }),
-                withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "tdd-flex tdd-h-10 tdd-w-10 tdd-items-center tdd-justify-center tdd-text-white",
-                      onClick: hidenPreview
-                    }, _cache[1] || (_cache[1] = [
-                      createElementVNode("svg", {
-                        viewBox: "64 64 896 896",
-                        focusable: "false",
-                        "data-icon": "close",
-                        width: "1em",
-                        height: "1em",
-                        fill: "currentColor",
-                        "aria-hidden": "true"
-                      }, [
-                        createElementVNode("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
-                      ], -1)
-                    ])),
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "tdd-flex tdd-h-10 tdd-w-10 tdd-items-center tdd-justify-center tdd-text-white",
-                      onClick: withModifiers(leftRotate, ["stop"])
-                    }, _cache[2] || (_cache[2] = [
-                      createElementVNode("svg", {
-                        viewBox: "64 64 896 896",
-                        focusable: "false",
-                        "data-icon": "rotate-left",
-                        width: "1em",
-                        height: "1em",
-                        fill: "currentColor",
-                        "aria-hidden": "true"
-                      }, [
-                        createElementVNode("path", { d: "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z" }),
-                        createElementVNode("path", { d: "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z" })
-                      ], -1)
-                    ])),
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "tdd-flex tdd-h-10 tdd-w-10 tdd-items-center tdd-justify-center tdd-text-white",
-                      onClick: withModifiers(rightRotate, ["stop"])
-                    }, _cache[3] || (_cache[3] = [
-                      createElementVNode("svg", {
-                        viewBox: "64 64 896 896",
-                        focusable: "false",
-                        "data-icon": "rotate-right",
-                        width: "1em",
-                        height: "1em",
-                        fill: "currentColor",
-                        "aria-hidden": "true"
-                      }, [
-                        createElementVNode("path", { d: "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z" }),
-                        createElementVNode("path", { d: "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z" })
-                      ], -1)
-                    ]))
-                  ]),
-                  withDirectives((openBlock(), createElementBlock("div", {
-                    class: "Eimage-content tdd-absolute tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-transition-transform",
-                    style: normalizeStyle({ transform: `translate3d(${transX.value}px, ${transY.value}px, 0px)` })
-                  }, [
-                    createElementVNode("img", {
-                      src: _ctx.src,
-                      class: normalizeClass([{
-                        "tdd-cursor-grab": !ImgIsMoving.value,
-                        "tdd-cursor-grabbing": ImgIsMoving.value
-                      }, "tdd-pointer-events-auto tdd-inline tdd-max-h-full tdd-max-w-full tdd-select-none tdd-transition-transform tdd-duration-300"]),
-                      style: normalizeStyle({
-                        transform: `scale3d(${scaleNumber.value}, ${scaleNumber.value}, 1) rotate(${rotateNumber.value}deg)`
-                      })
-                    }, null, 14, _hoisted_6)
-                  ], 4)), [
-                    [vMove, moveHandle]
-                  ])
-                ])), [
-                  [vWheel, wheelHandle]
-                ])
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]))
-      ], 64);
-    };
-  }
-});
-const image_vue_vue_type_style_index_0_lang = "";
-export {
-  _sfc_main as default
-};