ninemoon-ui 0.2.2 → 0.2.3

package/dist/js/image/image.js

@@ -1,5 +1,5 @@
-import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, watch, Fragment, createVNode, createCommentVNode, renderSlot, createBlock, Teleport, Transition, withCtx, normalizeStyle, withDirectives, withModifiers, normalizeClass, unref } from "vue";
-import { _ as _export_sfc, b as createDraggableDirective, d as createWheelDirective, z as zIndexManager } from "../index/index.js";
+import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, watch, Fragment, createVNode, createCommentVNode, renderSlot, createBlock, Teleport, unref, Transition, withCtx, withDirectives, normalizeStyle, withModifiers, normalizeClass } from "vue";
+import { _ as _export_sfc, b as createDraggableDirective, d as createWheelDirective, z as zIndexManager, s as selector } from "../index/index.js";
 import { d as delIcon } from "../delete/delete.js";
 const _sfc_main$3 = {};
 const _hoisted_1$3 = {
@@ -50,10 +50,9 @@ function _sfc_render(_ctx, _cache) {
 const turnRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
 const _hoisted_1 = { class: "relative inline-block h-full w-full" };
 const _hoisted_2 = ["src"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { class: "pointer-events-none fixed top-0 right-0 left-0 bottom-0 text-center" };
-const _hoisted_5 = { class: "pointer-events-auto absolute top-0 left-0 z-10 flex w-full items-center bg-black bg-opacity-10" };
-const _hoisted_6 = ["src"];
+const _hoisted_3 = { class: "pointer-events-none fixed top-0 right-0 left-0 bottom-0 text-center" };
+const _hoisted_4 = { class: "pointer-events-auto absolute top-0 left-0 z-10 flex w-full items-center bg-black bg-opacity-10" };
+const _hoisted_5 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "image",
   props: {
@@ -64,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["openPreview", "closePreview"],
   setup(__props, { emit: __emit }) {
     const draggableConfig = {
-      throttleWait: 16,
+      throttleWait: 10,
       onDrag: (pos) => {
         transX.value = pos.x;
         transY.value = pos.y;
@@ -131,18 +130,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
+        (openBlock(), createBlock(Teleport, {
+          to: `#${unref(selector)}`
+        }, [
           createVNode(Transition, { name: "opacity" }, {
             default: withCtx(() => [
-              showBig.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              showBig.value ? withDirectives((openBlock(), createElementBlock("div", {
+                key: 0,
+                style: normalizeStyle({ "z-index": currentZIndex.value })
+              }, [
                 createElementVNode("div", {
                   class: "pointer-events-auto fixed top-0 right-0 left-0 bottom-0 bg-black bg-opacity-30",
-                  style: normalizeStyle({ "z-index": currentZIndex.value }),
-                  key: "1",
                   onClick: hidenPreview
-                }, null, 4),
-                withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
+                }),
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
                     createElementVNode("button", {
                       type: "button",
                       class: "flex h-10 w-10 items-center justify-center text-white",
@@ -178,18 +180,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         transform: `scale3d(${scaleNumber.value}, ${scaleNumber.value}, 1) rotate(${rotateNumber.value}deg)`
                       })
-                    }, null, 14, _hoisted_6)
+                    }, null, 14, _hoisted_5)
                   ], 4)), [
                     [unref(vMove), showBig.value]
                   ])
-                ])), [
-                  [unref(vWheel), showBig.value]
                 ])
-              ])) : createCommentVNode("", true)
+              ], 4)), [
+                [unref(vWheel), showBig.value]
+              ]) : createCommentVNode("", true)
             ]),
             _: 1
           })
-        ]))
+        ], 8, ["to"]))
       ], 64);
     };
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninemoon-ui",
   "private": false,
-  "version": "0.2.2",
+  "version": "0.2.3",
   "author": "zhuboy",
   "keywords": [
     "vue3",