vue-next-yui 1.0.5 → 1.0.7

package/dist/components/imgViewer/directive.d.ts

@@ -0,0 +1,6 @@
+export default vViewer;
+declare namespace vViewer {
+    function mounted(el: any): void;
+    function beforeUnmount(el: any): void;
+}
+//# sourceMappingURL=directive.d.ts.map

package/dist/components/imgViewer/directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.d.ts","sourceRoot":"","sources":["../../../src/components/imgViewer/directive.js"],"names":[],"mappings":";;IAIE,gCAsBC;IACD,sCAaC"}

package/dist/components/imgViewer/index.d.ts

@@ -0,0 +1,2 @@
+export function useImgViewer(): (params: any) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/imgViewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/imgViewer/index.js"],"names":[],"mappings":"AAGA,iCAoCU,WAAM,UACf"}

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+import { default as Watermark } from './watermark/index';
+import { default as ImgViewer } from './imgViewer/index';
+import { default as Mask } from './mask/index';
+export default components;
+declare namespace components {
+    export { Watermark };
+    export { ImgViewer };
+    export { Mask };
+}
+export { Watermark, ImgViewer, Mask };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":";sBAAsB,uBAAuB;sBACvB,uBAAuB;iBAC5B,kBAAkB"}

package/dist/components/loading/directive.d.ts

@@ -0,0 +1,7 @@
+export default vLoading;
+declare namespace vLoading {
+    function mounted(el: any, binding: any): void;
+    function updated(el: any, binding: any): void;
+    function beforeUnmount(el: any): void;
+}
+//# sourceMappingURL=directive.d.ts.map

package/dist/components/loading/directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.d.ts","sourceRoot":"","sources":["../../../src/components/loading/directive.js"],"names":[],"mappings":";;IAKE,8CAgBC;IACD,8CAKC;IACD,sCAOC"}

package/dist/components/loading/index.d.ts

@@ -0,0 +1,18 @@
+export function useLoading(): (params: any) => {
+    close: () => void;
+};
+//# sourceMappingURL=index.d.ts.maplor: string;
+    zIndex: number;
+    text: string;
+    bgColor: string;
+    fullscreen: boolean;
+    $props: {
+        readonly color?: string;
+        readonly zIndex?: number;
+        readonly text?: string;
+        readonly bgColor?: string;
+        readonly fullscreen?: boolean;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading/index.js"],"names":[],"mappings":"AAQA,+BA4DU,WAAM;;EACf"}

package/dist/components/mask/directive.d.ts

@@ -0,0 +1,6 @@
+export default vMask;
+declare namespace vMask {
+    function updated(el: any, binding: any): void;
+    function beforeUnmount(el: any): void;
+}
+//# sourceMappingURL=directive.d.ts.map

package/dist/components/mask/directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.d.ts","sourceRoot":"","sources":["../../../src/components/mask/directive.js"],"names":[],"mappings":";;IAiCE,8CAQC;IACD,sCAIC"}

package/dist/components/mask/index.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    show: () => void;
+    hide: () => void;
+    $emit: (event: "close", ...args: any[]) => void;
+    color: string;
+    zIndex: number;
+    closable: boolean;
+    lockScroll: boolean;
+    $props: {
+        readonly color?: string;
+        readonly zIndex?: number;
+        readonly closable?: boolean;
+        readonly lockScroll?: boolean;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/mask/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/mask/index.vue"],"names":[],"mappings":""}

package/dist/components/watermark/directive.d.ts

@@ -0,0 +1,5 @@
+export default vWatermark;
+declare namespace vWatermark {
+    function mounted(el: any, binding: any): void;
+}
+//# sourceMappingURL=directive.d.ts.map

package/dist/components/watermark/directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.d.ts","sourceRoot":"","sources":["../../../src/components/watermark/directive.js"],"names":[],"mappings":";;IAKE,8CAmBC"}

package/dist/components/watermark/index.d.ts

@@ -0,0 +1,40 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    width: number;
+    height: number;
+    opacity: number;
+    angle: number;
+    content: string;
+    fontSize: number;
+    fontColor: string;
+    img: string;
+    imgWidth: number;
+    $props: {
+        readonly width?: number;
+        readonly height?: number;
+        readonly opacity?: number;
+        readonly angle?: number;
+        readonly content?: string;
+        readonly fontSize?: number;
+        readonly fontColor?: string;
+        readonly img?: string;
+        readonly imgWidth?: number;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    watermarkRef: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        watermarkRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/watermark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/watermark/index.vue"],"names":[],"mappings":"wBAkPqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAZjC;;;;;;;;;;;;;;;;;;;;;;;mBASG"}

package/dist/components/watermark/useWatermark.d.ts

@@ -0,0 +1,4 @@
+export function useWatermark(): {
+    createWatermark: (width: any, height: any, opacity: any, content: any, fontSize: any, fontColor: any, angle: any, img: any, imgWidth: any) => Promise<any>;
+};
+//# sourceMappingURL=useWatermark.d.ts.map

package/dist/components/watermark/useWatermark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWatermark.d.ts","sourceRoot":"","sources":["../../../src/components/watermark/useWatermark.js"],"names":[],"mappings":"AAAA;;EA4CC"}

package/dist/directives/index.d.ts

@@ -0,0 +1,15 @@
+import { default as vOutside } from './outside';
+import { default as vWatermark } from '../components/watermark/directive.js';
+import { default as vViewer } from '../components/imgViewer/directive.js';
+import { default as vLoading } from '../components/loading/directive.js';
+import { default as vMask } from '../components/mask/directive.js';
+export default directives;
+declare namespace directives {
+    export { vOutside };
+    export { vWatermark };
+    export { vViewer };
+    export { vLoading };
+    export { vMask };
+}
+export { vOutside, vWatermark, vViewer, vLoading, vMask };
+//# sourceMappingURL=index.d.ts.map

package/dist/directives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/directives/index.js"],"names":[],"mappings":";qBAAqB,WAAW;uBACT,sCAAsC;oBACzC,sCAAsC;qBACrC,oCAAoC;kBACvC,iCAAiC"}

package/dist/directives/index.js

@@ -0,0 +1,425 @@
+import { mergeModels as R, useModel as z, ref as w, watch as J, createBlock as x, openBlock as h, Transition as S, withCtx as I, createElementBlock as C, createCommentVNode as F, createElementVNode as p, normalizeStyle as N, createApp as O, normalizeClass as P, withDirectives as X, toDisplayString as Z, vShow as q, computed as $ } from "vue";
+const _ = {
+  beforeMount(e, t) {
+    e.clickOutsideEvent = (o) => {
+      e === o.target || e.contains(o.target) || t.value(o);
+    }, document.addEventListener("click", e.clickOutsideEvent);
+  },
+  unmounted(e) {
+    document.removeEventListener("click", e.clickOutsideEvent);
+  }
+};
+function ee() {
+  return {
+    createWatermark: (t, o, n, a, m, s, i, r, u) => new Promise((A, d) => {
+      try {
+        const f = document.createElement("canvas");
+        f.width = t, f.height = o;
+        const g = f.getContext("2d");
+        g.translate(t / 2, o / 2), g.rotate(-i * Math.PI / 180), g.globalAlpha = n >= 0 && n <= 1 ? n : 0.2;
+        let k = 0;
+        if (a) {
+          g.font = `${m}px Arial`, g.fillStyle = s, g.textBaseline = "middle", g.textAlign = "center";
+          const v = r ? (u + 10) / 2 : 0;
+          k = g.measureText(a).width, g.fillText(a, v, 0, t);
+        }
+        if (r) {
+          const v = new Image();
+          v.src = r, v.setAttribute("crossOrigin", "Anonymous"), v.onload = function() {
+            const B = v.width, E = v.height * u / B, V = -(u + k + 10) / 2;
+            g.drawImage(v, V, -E / 2, u, E), A(f.toDataURL("image/png"));
+          };
+        } else
+          A(f.toDataURL("image/png"));
+      } catch (f) {
+        d(f);
+      }
+    })
+  };
+}
+const { createWatermark: te } = ee(), oe = {
+  mounted(e, t) {
+    const {
+      width: o = 240,
+      height: n = 240,
+      opacity: a = 0.2,
+      content: m = "",
+      angle: s = 30,
+      fontSize: i = 20,
+      fontColor: r = "#999",
+      img: u = "",
+      imgWidth: A = 50
+    } = t.value;
+    te(o, n, a, m, i, r, s, u, A).then((d) => {
+      e.style.backgroundImage = `url(${d})`, e.style.backgroundPosition = "center top", e.style.backgroundRepeat = "repeat";
+    }).catch((d) => {
+      console.error(d);
+    });
+  }
+}, K = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, a] of t)
+    o[n] = a;
+  return o;
+}, ne = ["src"], M = 0.95, ae = {
+  __name: "index",
+  props: /* @__PURE__ */ R({
+    src: {
+      type: String,
+      default() {
+        return "";
+      }
+    },
+    maskClose: {
+      type: Boolean,
+      default() {
+        return !0;
+      }
+    }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["close"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: o }) {
+    const n = z(e, "modelValue"), a = e, m = o, s = w(1), i = w(1), r = w(0), u = w(0), A = w(0), d = w(!0), f = () => {
+      a.maskClose && U();
+    }, g = (l) => {
+      u.value = l.target.naturalWidth, A.value = l.target.naturalHeight, k();
+    }, k = () => {
+      const l = window.innerWidth, c = window.innerHeight, y = c / l, Y = A.value / u.value;
+      let b = 1;
+      Y > y ? b = c * M / A.value : b = l * M / u.value;
+      const L = Math.round(b * 10) / 10;
+      s.value = Math.max(L, 1), d.value || (i.value = s.value);
+    }, v = (l) => {
+      l.preventDefault(), l.wheelDelta > 0 ? T() : B();
+    }, B = (l = 0.1) => {
+      const c = i.value - l;
+      i.value = Math.max(c, 0.1);
+    }, T = (l = 0.1) => {
+      const c = i.value + l;
+      i.value = Math.min(c, 2);
+    }, E = () => {
+      d.value = !d.value, i.value = d.value ? 1 : s.value;
+    }, V = (l) => {
+      r.value += l;
+    }, G = () => {
+      n.value = !0;
+    }, D = () => {
+      n.value = !1, Q();
+    }, U = () => {
+      D(), m("close");
+    }, Q = () => {
+      s.value = 1, i.value = 1, r.value = 0, u.value = 0, A.value = 0;
+    }, j = (l) => {
+      l.stopPropagation();
+    }, H = () => {
+      n.value && !d.value && k();
+    }, W = (l) => {
+      l.key === "Escape" && U();
+    };
+    return J(n, (l) => {
+      l ? (document.body.style.overflow = "hidden", window.addEventListener("keydown", W), window.addEventListener("resize", H)) : (document.body.style.overflow = "", window.removeEventListener("keydown", W), window.removeEventListener("resize", H));
+    }, { immediate: !0 }), t({
+      show: G,
+      hide: D
+    }), (l, c) => (h(), x(S, {
+      name: "yu-img-viewer",
+      appear: ""
+    }, {
+      default: I(() => [
+        n.value ? (h(), C("div", {
+          key: 0,
+          class: "yu-img-viewer-wrapper",
+          onClick: f,
+          onWheel: v
+        }, [
+          p("img", {
+            src: e.src,
+            class: "img-show",
+            onClick: j,
+            onLoad: g,
+            style: N(`max-width:${M * 100}%;max-height:${M * 100}%;transform: scale(${i.value}) rotate(${r.value}deg);transition: all 0.3s ease;`),
+            alt: ""
+          }, null, 44, ne),
+          p("div", {
+            class: "yu-img-viewer",
+            onClick: j
+          }, [
+            p("img", {
+              onClick: c[0] || (c[0] = (y) => B()),
+              title: "缩小",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMA9+7gJPncJwX06aV0ShHkmo4+GrFIRbdvU3tsamZhNDDPxbaflU7WvzIgHg2tgzmHWNLgL/wAAAJTSURBVFjD7Zdrd7IwDMfDTRAE8QJDuaiIt6nb8/T7f7gR2TkeWEtT5975e5mUP23StCm8eMHHzsOjMWRsaJRhZj+qctqNWYvx7hPU+b9hHA65oyazPzABxh7oBFfWoM9HsR04TmDHo7n+bdyeqTrTJjaaF7Xtkac18j5NJ7FuMpPZT9ds0kgtKTr/GPJm8r3mG0N2cp2P23RSEJJqJKUMR7kr6GHlElY3xfgMTOjFHKDSvjfvmK/xO0h4x2F63y7wMD4nkLLWMB9if8xqMkAooVwI3Yfbf0hssVpEdbfAhZk0IRMXVwicWO8TIDLB9AoiiBOaUYVmOKWp8B8ekMEMh1yPUXsiulCEJcANH24yUADPpzXHntf2uYrQvP4g4djD2j5SERrVH1Qc+7G2+ypCfv1BybFjSdsqQjZubkHsLq0jxWAdjNa+CQTZwZEtQ1enOwGnNlh/KTTsLi3+oTQgLc1QDragbMtH0n/k2CvlDSmo2uSREkn5x5F60XIvCvdJxwiE6gdbxb9lFY9acZYHTzr8oVC7jsS7xTGwsaNfkO4Fem5IllN0chyZiP3Yjg3XhCYCK3zjgJCzTm9rrFVvf83IjVYiaSGprd8GJISyZjTTGK1F3snbY6LSkskadoRyevl6I+XFbXvsfctcoyGTxhs5b++PGr951Pj3R41eAEwbpRRkLAZMgFXhklGJVgZOceDJaJUNDXGjVICcz9DtTOaYBXd3pBGVkFMalvg41selt4wvnZxYN/UF/Jq9JdniZBao5MKTlK7wDFYfSQAvXgB8AbQmiYamqSF8AAAAAElFTkSuQmCC"
+            }),
+            p("img", {
+              onClick: c[1] || (c[1] = (y) => T()),
+              title: "放大",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA+ODk70Uk9belj3QnBdxKRzHonfyYVDUfGhFv7LF8bGpmYT3PxK9O1r4NhhWkhma1AAACU0lEQVRYw+2X2ZqaQBCFD4swCAgD4oYr7mbq/V8vFoxfPkw3VE/Mnf9lqae71i7x5o2aaFdcbZ/It4/5NsIP+Rw61MIppjBnciAFl10MI84X0mCfIefrRA3uKhxEizheRINw5VLDagYhe4cYK0jRIg0sYpYJRJTjWmY4x1/Mh43UGgJ+EfPhQYn3QcxQqGNtoGVTX6pAD1u6k3XWyzQTeLfn+Iw8dOKNWOncmXfOl9Ob3pnDuev6WsDx+RR0j8X5gJYB3dmCkYRyAh2X+hwRXAV2rOtTdsyDCI+dq6DmUFeakCGnVxNBvtBcETnHGSi6ha+0154RKOw2ka3JcA6of0Cpwk53FOaUW0AZPp4/kAuB55Oq5nY8s0yEVkRUKuwFEYUmQqEmSFciSkyEEiI6Kuzc0pGJUMTFrYndrV0/9ES7nhY8AiQH29Tm+QIxF/D/FPL7XbPTZ9dcVWEbB1vTtsefpP+qsOfGBal5lUrTFuEFYaMaR69qWmTmY2QJFfmrBtteO2rtVDNqEygZvWj4ozJ9jkKoiW2zBzK7oeOFpB0E7OhO2X2OL1kiuMMPMbTMlvK1ZjxFB2cSL1plzwopXf0O6KHoW0a3FslW5EKyHjMhelgT46sXdp9IrpQsv/9CDJ6aLvj2KkhdYsre9D7u757CpPlTk4Qn92GsgL1PzAZ9TEakYZx/AbWSrA3i6kIK/Dx6+NkoVehnWmTUwrpuF38+Tq36ghUkfG7yo+3T2HWOwXpwe8pJozTBP3O2ekpczISVMrxCaUx0wiuYrssF3rwBfgPQ0YapPYGLOQAAAABJRU5ErkJggg=="
+            }),
+            d.value ? (h(), C("img", {
+              key: 0,
+              onClick: E,
+              title: "适应窗口",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMA7+b59OdySknVttYPDGmoZHwAAACySURBVEjHYxgFQx5k2r0DgkcNEB6HHoj3eBqqGq53EKAA4TJBuQtQFOVBRQNQFT1DUTTvnaEgEDgVQLjsISCe8LvXKIrsHl/AdCev3WMU/ruH2Hwj925UETmKnmBT5IeqSO8plIFPtFQdykAXHQWjABU0aRAhqvcIysAQJZx8h0C+G6qK7B4fwFTDY/cYa2EPq1tUEIU9ZrWhgK/a4MJetyzAWpXB6pY4cFW2jWEUDHUAANSUoGLnF/1TAAAAAElFTkSuQmCC"
+            })) : (h(), C("img", {
+              key: 1,
+              onClick: E,
+              title: "实际尺寸",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMA7vD5hXLVtg3W1HNKpeIJAAAAkUlEQVRIx2MYBaMABqJszmABh1OR1bCfwQEKkBTF4FJ0FElRzhlDQSxA+MxJJEU2hxuwuZTD5jAS78wh7P7ROTOqCIsiZxMgAWXhVAQOYCgLp6IzIDEoC78iZxNCimA2EVZEHetAYPApGorhhJZUCCe6wZIRhp4iAsUh4YKVcBF9mtTCniEMe7UxlWEUjAIoAACLZA9Ayw+XDwAAAABJRU5ErkJggg=="
+            })),
+            p("img", {
+              onClick: c[2] || (c[2] = (y) => V(-90)),
+              title: "向左旋转90°",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMA+u1wMJv0EAzjysVFGwb81aJVCdu4aFrSzqiNijsV96+fkWFALSgj59dNNRizfFFJhe++/7y+OwAAAjhJREFUWMPt19dy4jAUBuBfLjHggsEB06vpJeyu3v/Z1kdyJmSwZMFwkZnwXWUic+RzJKvg5eU3mrRHndhifFr3XdvBgzzbb/JrljvG/TbulN+K03vfZsh4uTjDHfZ1LjQbo7YzieBtAntmcalVg6khF97tENcuAyb/ry97rfb5R4eTXbukcHNR/rdAl82ULWV5GvTs9ByhzKFPrawNpXfOt8glDf3bRwsRaQ+Vv3kz/XpGz/3zoNZtUnYrKJzyVhs4U5xOAp02Rdqpxs6mAHBoXBoJ9LrUm6todOh9RYG2R7P5ofpeaL4N6IEAlSLqsK9opCCkBQMOlelDnTilF1KPwXCmfzGXaolSaxlogXA5e6OpEkIjZGK6lKrLzPq8MIbOXHRaqsW/8aGV5Y/UUWrJv/SG+hIVCazL0+bStpVWzySZQBelZvmYdewVzCzVszv6yCIYO+jraK5Gqw2egeWVwDPQx/msQOxZqVk/qtiPD79+Qj5urv5EkPYGHgzJj1a9WI1gaCyWEfUaaSUw46oWNtITaRs50jHsoNv46onxyacBlWSbN59hYMWK7UizbzMH1XzNBkkiqlJcPQX+VO4yY9pBT6iQUhzXoK8BtC5MHmv0xAHypHsqZfKgVcHrUaT+BiojamcZKk1icZawFePuF4dRA54vN9s9boQLJnq5wEgy50JsT3AtaCkO7GqpdXuFGCiuEHoTl/FyuwD3Wc+Z/pplLrT736NYboYHHYurqCWvoi8vv85/WZV1EethCRYAAAAASUVORK5CYII="
+            }),
+            p("img", {
+              onClick: c[3] || (c[3] = (y) => V(90)),
+              title: "向右旋转90°",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMA+uLt1gYw/JxwDvbzysWhR7ORi2hVCtHPuamGWk9ANSIRCGFCLSgdGBXo2jquo5l1Gn1bVjAitwAAAkhJREFUWMPtl9ly6jAMhu1sZCMrgRASlrCGFgqt3//ZTmUfhsMc23HaXHSmfDeZiTW/LVmWZfTkye/DcuxA84iv5XGaNV9VeX3Tyb8MAmeFulMa5H88e9lRZmMQPjh1kTpuSBj6yYmWK+QuF1k6HBCKNlcP8QubvIgefu/fNRarmammE/nUPOSEI2MeT2/ujccSnQyDbb7gDpoXD0aHbPvW2KuEOhXVSUy530O6lCMhLyK7rQdujZCY1RSUYtCE7RBYjQ3QyZCMmiq9I3ShgnxssBkhOeMh7KmF4s+PwzeZ0/igNg5HCFMNu2vxLXIwMBUyBCYsxCGqIEAWUuCW+gV/GHx/ky/llG5gxVfYXGE4FxDDvTQ4kGT+ab1HCRPacc1gMJSXKPKX/MwOMN8MzqT8aJsBeeDMtdqxKeRE6YTcWXNtRtSzdg4f4ZEw+AG16RRqbJ2pJzwf4P8CKWPOK1Mcaxf1gE8IRn0AR+dnCfXgWs/BZtvfAywhewCOiN2HEDu0qrjFpJRF+1VVKCUEXwVjSQffap3VR2Gp9Q7qAZ0gQFT8E7UFadKLtILqv1URmn1aHmvxOJTRQKUV8+63tfjKnrVvPbQahtmW3eSjrTbGcCNLE4W1NTiSCxUq6976oFTK5oppG9neYWM6nzAAyxzGJwr1hjWjgSALHB9GjUa9PcbJnpNo7JoNVt0a9vPm4XfjGIQS1t2fEAV9QpiNlc1uTwi97OVRM7CbPp5ZONyh7szZw+9Ofrl+6ymqE6wb07Q8oCdPfiF/ANQydloYw+eCAAAAAElFTkSuQmCC"
+            }),
+            p("img", {
+              onClick: U,
+              title: "关闭",
+              class: "icon",
+              alt: "",
+              src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMAsoyKtI+5mK+spJ/RvKecjnMGyb+pkw3AtoN6V0cb6js4LTOnxLwAAAFGSURBVFjD7dbLbsIwEIXhScCEBsilBcq1t3n/d6zTNjpIjjzOzKqS/w0L0KfRAQSUy+VyQ2vmmhK6MG9fI8/f2VfITsm+PvKCD06SHEsQNTy0TriHt88UaylLC2bGRIL0JN3jHakiLjk4adKBJut46AX7yFIzuU+6g50ao4Ob6mBnOGoJO5/SFUib8J79HAU7tQ/74B6NVKnvQcUoYZ8dkV464nO40iiQnN/H4mCnvodjuGnsTMgiLclYxXjzTF1/oavV6fiv0uYcMbazO23789DpDHwvivHztLDd4x2jVMEhOusXr/BTiZuc1cFNagetNDu1oxNK5VwHP9uQ5u60gTMldVYHO6kdtEuX6tAJpTLVORASFpcd9U3Yp6Foe3mnG+6JdeKhe+wPPe4RbhJOent/+Csj7fRFMam/UVKX+pNyudx/7hvtEkCDo9yvRAAAAABJRU5ErkJggg=="
+            })
+          ])
+        ], 32)) : F("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}, le = /* @__PURE__ */ K(ae, [["__scopeId", "data-v-fd184b03"]]), se = {
+  mounted(e) {
+    e.clickShowImage = (t) => {
+      try {
+        if (t.target.tagName !== "IMG" || !t.target.src) return;
+        if (e.instance) {
+          e.instance.show();
+          return;
+        }
+        const o = O(le, { src: t.target.src }), n = document.createElement("div"), a = o.mount(n);
+        e.instance = a, e.app = o, document.body.appendChild(a.$el), a.show();
+      } catch (o) {
+        console.error("Image viewer error:", o);
+      }
+    }, e.addEventListener("click", e.clickShowImage, { passive: !0 });
+  },
+  beforeUnmount(e) {
+    try {
+      if (e.removeEventListener("click", e.clickShowImage, { passive: !0 }), !e.instance) return;
+      e.instance.hide(), setTimeout(() => {
+        e.app.unmount(), e.instance.$el.remove(), e.instance = null;
+      }, 200);
+    } catch (t) {
+      console.log("Image viewer error:", t);
+    }
+  }
+}, ie = { class: "yu-loading" }, Ae = ["textContent"], ce = {
+  __name: "index",
+  props: {
+    text: {
+      type: String,
+      default() {
+        return "";
+      }
+    },
+    bgColor: {
+      type: String,
+      default() {
+        return "";
+      }
+    },
+    color: {
+      type: String,
+      default() {
+        return "";
+      }
+    },
+    fullscreen: {
+      type: Boolean,
+      default() {
+        return !1;
+      }
+    },
+    zIndex: {
+      type: Number,
+      default() {
+        return 998;
+      }
+    }
+  },
+  setup(e, { expose: t }) {
+    const o = w(!1);
+    return t({
+      show: () => {
+        o.value = !0;
+      },
+      hide: () => {
+        o.value = !1;
+      }
+    }), (m, s) => (h(), x(S, {
+      name: "yu-loading",
+      appear: ""
+    }, {
+      default: I(() => [
+        o.value ? (h(), C("div", {
+          key: 0,
+          class: P(["yu-loading-wrapper", { "yu-loading-fullscreen": e.fullscreen }]),
+          style: N({ "--yu-loading-color": e.color || "var(--qui-color-primary, #3565ee)", background: e.bgColor, zIndex: e.zIndex })
+        }, [
+          p("div", ie, [
+            s[0] || (s[0] = p("div", { class: "loading-icon" }, null, -1)),
+            X(p("div", {
+              class: "loading-text",
+              textContent: Z(e.text)
+            }, null, 8, Ae), [
+              [q, e.text]
+            ])
+          ])
+        ], 6)) : F("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}, re = /* @__PURE__ */ K(ce, [["__scopeId", "data-v-1a0ab7d2"]]), ue = {
+  mounted(e, t) {
+    e.style.position = "relative";
+    const o = parseInt(e.getAttribute("loading-z-index")), n = {
+      text: e.getAttribute("loading-text") || "",
+      color: e.getAttribute("loading-color") || "",
+      zIndex: o || 998
+    }, a = O(re, n), m = document.createElement("div"), s = a.mount(m);
+    e.instance = s, e.appendChild(s.$el), t.value ? s.show() : s.hide();
+  },
+  updated(e, t) {
+    console.log("updated"), t.value !== t.oldValue && (t.value ? e.instance.show() : e.instance.hide());
+  },
+  beforeUnmount(e) {
+    console.log("beforeUnmount"), e.instance.hide(), setTimeout(() => {
+      e.instance.$el.remove(), e.instance = null;
+    }, 200);
+  }
+}, de = {
+  __name: "index",
+  props: /* @__PURE__ */ R({
+    color: {
+      type: String,
+      default: function() {
+        return "rgba(0, 0, 0, 0.5)";
+      }
+    },
+    zIndex: {
+      type: Number,
+      default: function() {
+        return 999;
+      }
+    },
+    closable: {
+      type: Boolean,
+      default: function() {
+        return !0;
+      }
+    },
+    lockScroll: {
+      type: Boolean,
+      default() {
+        return !1;
+      }
+    }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["close"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: o }) {
+    const n = z(e, "modelValue"), a = e, m = o, s = $(() => ({
+      backgroundColor: a.color,
+      zIndex: a.zIndex
+    }));
+    J(n, (A) => {
+      a.lockScroll && (document.body.style.overflow = A ? "hidden" : "");
+    });
+    const i = () => {
+      n.value = !0;
+    }, r = () => {
+      n.value = !1;
+    }, u = () => {
+      a.closable && (r(), m("close"));
+    };
+    return t({
+      show: i,
+      hide: r
+    }), (A, d) => (h(), x(S, {
+      name: "yu-mask-fade",
+      appear: ""
+    }, {
+      default: I(() => [
+        n.value ? (h(), C("div", {
+          key: 0,
+          class: "yu-page-mask",
+          style: N(s.value),
+          onClick: u
+        }, null, 4)) : F("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}, me = /* @__PURE__ */ K(de, [["__scopeId", "data-v-2eb2644e"]]), ge = (e, t) => {
+  const {
+    visible: o = !1,
+    color: n = "rgba(0,0,0,0.5)",
+    zIndex: a = 999,
+    closable: m = !0,
+    lockScroll: s = !1,
+    onClose: i = null
+  } = t.value, r = document.createElement("div"), A = O(me, {
+    modelValue: o,
+    closable: m,
+    color: n,
+    zIndex: a,
+    lockScroll: s,
+    onClose: () => {
+      i && typeof i == "function" && i();
+    }
+  }).mount(r);
+  document.body.appendChild(A.$el), e.cleanup = () => {
+    document.body.removeChild(A.$el);
+  };
+}, ve = {
+  updated(e, t) {
+    const { value: o } = t;
+    o.visible ? ge(e, t) : e.cleanup();
+  },
+  beforeUnmount(e) {
+    e.cleanup && e.cleanup();
+  }
+}, fe = {
+  vOutside: _,
+  vWatermark: oe,
+  vViewer: se,
+  vLoading: ue,
+  vMask: ve
+};
+export {
+  fe as default,
+  ue as vLoading,
+  ve as vMask,
+  _ as vOutside,
+  se as vViewer,
+  oe as vWatermark
+};