@web-utils/component 3.1.0 → 3.2.0

package/fy-upload/index.mjs

@@ -1,8 +1,8 @@
-import { p as R, e as I } from "../chunks/event.b5d855dd.mjs";
-import { B, i as F, p as N } from "../chunks/util.ae730cde.mjs";
-import { p as A } from "../chunks/packages.1fc9ccba.mjs";
+import { p as R, e as I } from "../chunks/event.lbJYeMJp.mjs";
+import { B, i as F, p as N } from "../chunks/util.y1gUGRqi.mjs";
+import { p as A } from "../chunks/packages.v6r2Hr7E.mjs";
 import { isBlank as b } from "@web-utils/core";
-import { n as K } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as K } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 let d, g;
 const w = {
   width: 200,
@@ -33,8 +33,8 @@ function T(e, t) {
 }
 function L(e, t = {}, i) {
   const { text: o, fontFamily: s, color: u, fontSize: l, opacity: p, bottom: S, right: f, ratio: x } = t;
-  v(), T(e, C);
-  function v() {
+  _(), T(e, C);
+  function _() {
     n.text = o || n.text, n.fontFamily = s || n.fontFamily, n.color = u || n.color, n.fontSize = l || n.fontSize, n.opacity = p || n.opacity, n.bottom = S || n.bottom, n.right = f || n.right, n.ratio = x || n.ratio;
   }
   function C(y) {
@@ -42,7 +42,7 @@ function L(e, t = {}, i) {
     c.src = y, c.onload = function() {
       const m = c.width, a = c.height;
       r(m, a), g.drawImage(c, 0, 0, m, a), P(m, a);
-      const _ = document.getElementById("canvas").toDataURL(e.type, n.ratio), k = B(_, e.name);
+      const v = document.getElementById("canvas").toDataURL(e.type, n.ratio), k = B(v, e.name);
       i && i(k);
     };
   }
@@ -54,15 +54,15 @@ function L(e, t = {}, i) {
     g.font = `${a.fontSize}px ${n.fontFamily}`, g.fillStyle = n.color, g.globalAlpha = n.opacity / 100, g.fillText(m, a.x, a.y);
   }
   function E(y, c, m) {
-    let a, _;
+    let a, v;
     const U = n.fontSize / w.width * c;
-    n.bottom ? _ = w.height - n.bottom : _ = n.top, n.right ? a = w.width - n.right : a = n.left, g.font = `${n.fontSize}px ${n.fontFamily}`;
+    n.bottom ? v = w.height - n.bottom : v = n.top, n.right ? a = w.width - n.right : a = n.left, g.font = `${n.fontSize}px ${n.fontFamily}`;
     const $ = Number(g.measureText(y).width);
     a = a - $;
-    const z = a / w.width, j = _ / w.height;
-    return a = z * c, _ = j * m, {
+    const z = a / w.width, j = v / w.height;
+    return a = z * c, v = j * m, {
       x: a,
-      y: _,
+      y: v,
       fontSize: U
     };
   }
@@ -295,7 +295,7 @@ const H = {
       let s = {}, u = {};
       const l = new FormData(), p = () => {
         const f = (x) => {
-          let v = this.action;
+          let _ = this.action;
           for (const r in this.data)
             l.append(r, this.data[r]);
           const C = x || t;
@@ -309,7 +309,7 @@ const H = {
               scope: s.scope,
               deadline: (/* @__PURE__ */ new Date()).getTime() + s.deadline * 3600
             });
-            l.append("token", r), v = s.bucket;
+            l.append("token", r), _ = s.bucket;
           } else if (this.isAliOss) {
             if (!window.OSS) {
               A.logs("AliOSS"), this.hide();
@@ -319,7 +319,7 @@ const H = {
           }
           (() => this.isAliOss ? u.put(C.name, C, {
             headers: this.headers
-          }) : this.$axios.post(v, l, { headers: o }))().then((r) => {
+          }) : this.$axios.post(_, l, { headers: o }))().then((r) => {
             this.res = {}, this.isQiniuOss && (r.data.key = s.url + r.data.key), this.res = N(this.isAliOss ? r : r.data, this.resKey), typeof this.uploadAfter == "function" ? this.uploadAfter(this.res, this.show, this.hide, this.column) : this.show();
           }).catch((r) => {
             this.hide(r);
@@ -340,8 +340,8 @@ const H = {
         const x = Object.assign(this.cropperOption, {
           img: f,
           type: "file",
-          callback: (v) => {
-            t = v, S();
+          callback: (_) => {
+            t = _, S();
           },
           cancel: () => {
             this.loading = !1;

package/fy-upload/style.css

@@ -1 +1 @@
-.avue-upload--upload .el-upload,.avue-upload--upload .el-upload__tip{display:none}.avue-upload--upload .el-upload--picture-img{display:inline-block}.avue-upload--upload .el-upload-list{margin-top:-6px}.avue-upload--list .el-upload{cursor:pointer;background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;position:relative;overflow:hidden}.avue-upload--list .el-upload:hover{border-color:#409eff}.avue-upload__dialog .el-dialog__header{display:none}.avue-upload__dialog .el-dialog__body{justify-content:center;padding:10px;display:flex}.avue-upload__menu{z-index:1024;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.avue-upload__menu i{color:#fff;margin:0 8px;font-size:20px}.avue-upload__avatar{color:#8c939d;text-align:center;width:148px;height:148px;font-size:28px;line-height:148px;display:block}
+.avue-upload--upload .el-upload,.avue-upload--upload .el-upload__tip{display:none}.avue-upload--upload .el-upload--picture-img{display:inline-block}.avue-upload--upload .el-upload-list{margin-top:-6px}.avue-upload--list .el-upload{cursor:pointer;background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;position:relative;overflow:hidden}.avue-upload--list .el-upload:hover{border-color:#409eff}.avue-upload__dialog .el-dialog__header{display:none}.avue-upload__dialog .el-dialog__body{justify-content:center;padding:10px;display:flex}.avue-upload__menu{z-index:1024;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.avue-upload__menu i{color:#fff;margin:0 8px;font-size:20px}.avue-upload__avatar{color:#8c939d;text-align:center;width:148px;height:148px;font-size:28px;line-height:148px;display:block}

package/guide-steps/index.mjs

@@ -1,4 +1,4 @@
-import { n as l } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as l } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const i = {
   name: "GuideSteps",
   props: {
@@ -20,45 +20,45 @@ const i = {
     steps: {
       immediate: !0,
       deep: !0,
-      handler(e) {
-        this.ready = e != null && e.length ? e.map(() => !1) : [];
+      handler(t) {
+        this.ready = t != null && t.length ? t.map(() => !1) : [];
       }
     }
   },
   methods: {
-    activeStep(e) {
-      e !== 0 && !this.available(e) || this.$emit("input", e);
+    activeStep(t) {
+      t !== 0 && !this.available(t) || this.$emit("input", t);
     },
-    setReady(e, t) {
-      e < this.ready.length && this.$set(this.ready, e, t);
+    setReady(t, e) {
+      t < this.ready.length && this.$set(this.ready, t, e);
     },
-    available(e) {
-      let t = !0;
-      if (e > 0 && e < this.ready.length) {
-        for (let a = 0; a < e; a++)
+    available(t) {
+      let e = !0;
+      if (t > 0 && t < this.ready.length) {
+        for (let a = 0; a < t; a++)
           if (!this.ready[a]) {
-            t = !1;
+            e = !1;
             break;
           }
       }
-      return t;
+      return e;
     }
   }
 };
 var u = function() {
-  var t = this, a = t._self._c;
-  return a("ElSteps", { staticClass: "guide-steps", attrs: { "align-center": "" } }, t._l(t.steps, function(r, s) {
-    return a("ElStep", { key: r.label, class: [
+  var e = this, a = e._self._c;
+  return a("ElSteps", { staticClass: "guide-steps", attrs: { "align-center": "" } }, e._l(e.steps, function(s, r) {
+    return a("ElStep", { key: s.label, class: [
       {
-        "current important": t.value === s,
-        disabled: !t.available(s),
-        available: !t.ready[s] && t.available(s)
+        "current important": e.value === r,
+        disabled: !e.available(r),
+        available: !e.ready[r] && e.available(r)
       }
-    ], attrs: { status: t.ready[s] ? "success" : "", title: r.label }, nativeOn: { click: function(c) {
-      return t.activeStep(s);
+    ], attrs: { status: e.ready[r] ? "success" : "", title: s.label }, nativeOn: { click: function(p) {
+      return e.activeStep(r);
     } } });
   }), 1);
-}, n = [], p = /* @__PURE__ */ l(
+}, n = [], c = /* @__PURE__ */ l(
   i,
   u,
   n,
@@ -68,7 +68,7 @@ var u = function() {
   null,
   null
 );
-const f = p.exports;
+const o = c.exports;
 export {
-  f as default
+  o as default
 };

package/guide-steps/style.css

@@ -1 +1 @@
-.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{border-width:1px!important;width:100%!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}
+.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{border-width:1px!important;width:100%!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}

package/highlight-j-s/index.mjs

@@ -1,7 +1,7 @@
 import a from "highlight.js/lib/core";
 import "highlight.js/styles/atom-one-dark-reasonable.css";
 import { escapeHtml as g } from "@web-utils/core";
-import { n as l } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as l } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const i = {
   name: "HighlightJS",
   props: {
@@ -56,7 +56,7 @@ var s = function() {
   null,
   null
 );
-const _ = h.exports;
+const m = h.exports;
 export {
-  _ as default
+  m as default
 };

package/highlight-j-s/style.css

@@ -1 +1 @@
-.highlight-js{height:100%;max-height:calc(80vh - 32px);margin:0;overflow-x:hidden;overflow-y:auto}.highlight-js .hljs{white-space:pre-wrap;word-break:break-word;height:100%}.highlight-js .hljs *{font-family:Consolas,Monaco,monospace}
+.highlight-js{height:100%;max-height:calc(80vh - 32px);margin:0;overflow-x:hidden;overflow-y:auto}.highlight-js .hljs{white-space:pre-wrap;word-break:break-word;height:100%}.highlight-js .hljs *{font-family:Consolas,Monaco,monospace}

package/icon-card/index.mjs

@@ -1,4 +1,4 @@
-import { n as s } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as s } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const a = {
   name: "IconCard",
   props: {
@@ -22,17 +22,17 @@ const a = {
 var c = function() {
   var t = this, n = t._self._c;
   return n("div", { class: ["icon-card", "flex-row", t.iconBg] }, [n("div", { staticClass: "card-icon_bg" }, [n("i", { class: ["card-icon", t.icon] })]), n("div", { staticClass: "flex-item" }, [n("p", { staticClass: "icon-card_title" }, [t._t("default")], 2), n("div", { staticClass: "icon-card_num" }, [n("span", { staticClass: "icon-card_color", on: { click: t.toDetails } }, [t._v(t._s(t.number))]), t._t("nuit")], 2)])]);
-}, e = [], i = /* @__PURE__ */ s(
+}, i = [], o = /* @__PURE__ */ s(
   a,
   c,
-  e,
+  i,
   !1,
   null,
   null,
   null,
   null
 );
-const l = i.exports;
+const l = o.exports;
 export {
   l as default
 };

package/icon-card/style.css

@@ -1 +1 @@
-.icon-card{border-radius:4px;padding:14px}.icon-card .card-icon_bg{text-align:center;border-radius:14px;width:48px;height:48px;margin-right:14px}.icon-card .card-icon{font-size:24px;line-height:48px}.icon-card .icon-card_color{cursor:pointer;font-size:18px;font-weight:700}.icon-card.blue{background:#f4f9ff}.icon-card.blue .card-icon_bg{color:#3c8efd;background:#e8f2fc}.icon-card.blue .icon-card_color{color:#3c8efd}.icon-card.orange{background:#f9f5ee}.icon-card.orange .card-icon_bg{color:#fdc12e;background:#fdf2dc}.icon-card.orange .icon-card_color{color:#fdc12e}.icon-card.green{background:#f1f7ed}.icon-card.green .card-icon_bg{color:#72c734;background:#ddf7d9}.icon-card.green .icon-card_color{color:#72c734}
+.icon-card{border-radius:4px;padding:14px}.icon-card .card-icon_bg{text-align:center;border-radius:14px;width:48px;height:48px;margin-right:14px}.icon-card .card-icon{font-size:24px;line-height:48px}.icon-card .icon-card_color{cursor:pointer;font-size:18px;font-weight:700}.icon-card.blue{background:#f4f9ff}.icon-card.blue .card-icon_bg{color:#3c8efd;background:#e8f2fc}.icon-card.blue .icon-card_color{color:#3c8efd}.icon-card.orange{background:#f9f5ee}.icon-card.orange .card-icon_bg{color:#fdc12e;background:#fdf2dc}.icon-card.orange .icon-card_color{color:#fdc12e}.icon-card.green{background:#f1f7ed}.icon-card.green .card-icon_bg{color:#72c734;background:#ddf7d9}.icon-card.green .icon-card_color{color:#72c734}

package/icon-temp/index.mjs

@@ -1,4 +1,4 @@
-import { n as t } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as t } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const s = {
   name: "IconTemp",
   props: {
@@ -22,7 +22,7 @@ var a = function() {
   null,
   null
 );
-const c = r.exports;
+const i = r.exports;
 export {
-  c as default
+  i as default
 };

package/icon-temp/style.css

@@ -1 +1 @@
-.avue-icon{justify-content:center;align-items:center;display:flex}.avue-icon svg,.avue-icon i{width:20px;height:20px;font-size:20px}.avue-icon--small svg,.avue-icon--small i{width:15px;height:15px;font-size:15px}
+.avue-icon{justify-content:center;align-items:center;display:flex}.avue-icon svg,.avue-icon i{width:20px;height:20px;font-size:20px}.avue-icon--small svg,.avue-icon--small i{width:15px;height:15px;font-size:15px}

package/iframe-window/index.mjs

@@ -1,5 +1,5 @@
-import { n as r } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
-const n = {
+import { n as r } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
+const l = {
   name: "IframeWindow",
   props: {
     title: {
@@ -13,14 +13,14 @@ const n = {
     visible: Boolean
   }
 };
-var l = function() {
+var n = function() {
   var e = this, t = e._self._c;
   return t("ElementDialog", e._g(e._b({ attrs: { "custom-class": "iframe-window", embed: "", height: "60vh", title: e.title, "show-full-screen": "", visible: e.visible }, scopedSlots: e._u([{ key: "default", fn: function() {
     return [t("iframe", { staticClass: "iframe-window-iframe", attrs: { src: e.url, frameborder: "0" } })];
   }, proxy: !0 }]) }, "ElementDialog", e.$attrs, !1), e.$listeners));
 }, a = [], s = /* @__PURE__ */ r(
-  n,
   l,
+  n,
   a,
   !1,
   null,

package/iframe-window/style.css

@@ -1 +1 @@
-.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{padding:0;position:relative}.iframe-window .iframe-window-iframe{border:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}
+.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{padding:0;position:relative}.iframe-window .iframe-window-iframe{border:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}

package/image-cropper/index.mjs

@@ -9,10 +9,10 @@ var a = (t, e, o) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writab
       c.call(e, o) && a(t, o, e[o]);
   return t;
 };
-import { B as u } from "../chunks/util.ae730cde.mjs";
+import { B as u } from "../chunks/util.y1gUGRqi.mjs";
 import { VueCropper as f } from "vue-cropper";
 import m from "vue";
-import { n as d } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as d } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const n = {
   name: "ImageCropper",
   components: {
@@ -108,17 +108,17 @@ var g = function() {
   } } }), o("ElButton", { attrs: { size: "mini", type: "danger", icon: "el-icon-zoom-out" }, on: { click: function(i) {
     return e.changeScale(-1);
   } } }), o("ElButton", { attrs: { size: "mini", icon: "el-icon-back", type: "danger" }, on: { click: e.rotateLeft } }), o("ElButton", { attrs: { size: "mini", type: "danger", icon: "el-icon-right" }, on: { click: e.rotateRight } })], 1)]), o("div", { staticClass: "show-preview" }, [o("div", { staticClass: "preview", style: e.previews.div }, [o("img", { style: e.previews.img, attrs: { src: e.previews.url, alt: "" } })])])])]);
-}, x = [], b = /* @__PURE__ */ d(
+}, b = [], x = /* @__PURE__ */ d(
   v,
   g,
-  x,
+  b,
   !1,
   null,
   null,
   null,
   null
 );
-const w = b.exports;
+const w = x.exports;
 export {
   w as default
 };

package/image-cropper/style.css

@@ -1 +1 @@
-.avue-cropper .cropper-content{justify-content:flex-end;display:flex}.avue-cropper .cropper-content .cropper-box{flex:1;width:100%}.avue-cropper .cropper-content .cropper-box .cropper{width:auto;height:300px}.avue-cropper .cropper-content .show-preview{flex:1;justify-content:center;display:flex}.avue-cropper .cropper-content .show-preview .preview{background:#ccc;border:1px solid #67c23a;overflow:hidden}.avue-cropper .cropper-content .footer-btn{justify-content:center;margin-top:30px;padding-right:10px;display:flex}
+.avue-cropper .cropper-content{justify-content:flex-end;display:flex}.avue-cropper .cropper-content .cropper-box{flex:1;width:100%}.avue-cropper .cropper-content .cropper-box .cropper{width:auto;height:300px}.avue-cropper .cropper-content .show-preview{flex:1;justify-content:center;display:flex}.avue-cropper .cropper-content .show-preview .preview{background:#ccc;border:1px solid #67c23a;overflow:hidden}.avue-cropper .cropper-content .footer-btn{justify-content:center;margin-top:30px;padding-right:10px;display:flex}

package/image-preview/index.mjs

@@ -1,18 +1,18 @@
 var m = Object.defineProperty;
 var l = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var h = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
 var r = (i, e, t) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, c = (i, e) => {
   for (var t in e || (e = {}))
-    _.call(e, t) && r(i, t, e[t]);
+    h.call(e, t) && r(i, t, e[t]);
   if (l)
     for (var t of l(e))
-      h.call(e, t) && r(i, t, e[t]);
+      v.call(e, t) && r(i, t, e[t]);
   return i;
 };
-import { i as v } from "../chunks/util.ae730cde.mjs";
+import { i as p } from "../chunks/util.y1gUGRqi.mjs";
 import { setPx as u } from "@web-utils/core";
-import p from "vue";
-import { n as f } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import _ from "vue";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const o = {
   name: "ImagePreview",
   data() {
@@ -64,7 +64,7 @@ const o = {
       });
     },
     isMediaType(i) {
-      return v(i.url, i.type);
+      return p(i.url, i.type);
     },
     subScale() {
       this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
@@ -93,7 +93,7 @@ const o = {
     }
   }
 }, g = (i = [], e = 0, t = {}) => {
-  const s = p.extend(o), a = {
+  const s = _.extend(o), a = {
     datas: i,
     index: e,
     ops: c({

package/image-preview/style.css

@@ -1 +1 @@
-.avue-img--center{justify-content:center;align-items:center;display:flex}.avue-img--fullscreen .el-dialog__body{height:100%}.avue-image-preview{z-index:9998;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.avue-image-preview .el-image-viewer__close i{color:#fff}.avue-image-preview .el-image-viewer__btn{z-index:1024}.avue-image-preview img{cursor:pointer;transition:all .5s}.avue-image-preview__file{text-align:center}.avue-image-preview__file a{color:#fff}.avue-image-preview__file i{cursor:pointer;font-size:80px}.avue-image-preview__mask{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.avue-image-preview__box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avue-image-preview__box .el-carousel{width:90%;height:100%}.avue-image-preview__box .el-carousel__container{height:100%}.avue-image-preview__box .el-carousel__item{justify-content:center;align-items:center;width:100%;height:100%;display:flex}
+.avue-img--center{justify-content:center;align-items:center;display:flex}.avue-img--fullscreen .el-dialog__body{height:100%}.avue-image-preview{z-index:9998;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.avue-image-preview .el-image-viewer__close i{color:#fff}.avue-image-preview .el-image-viewer__btn{z-index:1024}.avue-image-preview img{cursor:pointer;transition:all .5s}.avue-image-preview__file{text-align:center}.avue-image-preview__file a{color:#fff}.avue-image-preview__file i{cursor:pointer;font-size:80px}.avue-image-preview__mask{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.avue-image-preview__box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avue-image-preview__box .el-carousel{width:90%;height:100%}.avue-image-preview__box .el-carousel__container{height:100%}.avue-image-preview__box .el-carousel__item{justify-content:center;align-items:center;width:100%;height:100%;display:flex}

package/image-viewer/index.mjs

@@ -1,6 +1,6 @@
 import s from "viewerjs";
 import "viewerjs/dist/viewer.css";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+import { n as i } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const l = {
   name: "ImageViewer",
   props: {

package/image-viewer/style.css

@@ -1 +1 @@
-.image-viewer .image-item{cursor:pointer;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;outline:none;width:100px;height:100px;display:inline-block}.viewer-backdrop{background-color:#5e5e5e}
+.image-viewer .image-item{cursor:pointer;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;outline:none;width:100px;height:100px;display:inline-block}.viewer-backdrop{background-color:#5e5e5e}