c-image 1.0.2 → 1.0.4

package/lib/my-vue-library.es.js

@@ -1,109 +1,113 @@
-import { defineComponent as S, createElementBlock as m, openBlock as o, createElementVNode as s, resolveComponent as a, createBlock as B, toDisplayString as L, withCtx as n, createVNode as t, unref as z, ref as x, Fragment as A, createTextVNode as I, renderList as R, normalizeClass as T, normalizeStyle as P } from "vue";
+import { defineComponent as M, createElementBlock as u, openBlock as t, createElementVNode as c, resolveComponent as o, createBlock as x, toDisplayString as k, withCtx as i, createVNode as a, unref as B, Fragment as L, renderList as I, ref as b, normalizeClass as O, normalizeStyle as D, createTextVNode as T } from "vue";
 /*! Element Plus Icons Vue v2.3.2 */
-var X = /* @__PURE__ */ S({
+var X = /* @__PURE__ */ M({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(e) {
-    return (i, l) => (o(), m("svg", {
+    return (s, n) => (t(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      c("path", {
         fill: "currentColor",
         d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
       })
     ]));
   }
-}), q = X, H = /* @__PURE__ */ S({
+}), q = X, H = /* @__PURE__ */ M({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(e) {
-    return (i, l) => (o(), m("svg", {
+    return (s, n) => (t(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      c("path", {
         fill: "currentColor",
         d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
       })
     ]));
   }
-}), O = H, U = /* @__PURE__ */ S({
+}), U = H, W = /* @__PURE__ */ M({
   name: "Picture",
   __name: "picture",
   setup(e) {
-    return (i, l) => (o(), m("svg", {
+    return (s, n) => (t(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      c("path", {
         fill: "currentColor",
         d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"
       }),
-      s("path", {
+      c("path", {
         fill: "currentColor",
         d: "M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"
       })
     ]));
   }
-}), M = U;
-const k = (e, i) => {
-  const l = e.__vccOpts || e;
-  for (const [u, r] of i)
-    l[u] = r;
-  return l;
-}, W = { class: "wrap" }, G = { class: "name" }, J = { class: "flex justify-center items-center h-full" }, K = { style: { color: "#000000" } }, Q = {
+}), N = W;
+const C = (e, s) => {
+  const n = e.__vccOpts || e;
+  for (const [r, m] of s)
+    n[r] = m;
+  return n;
+}, G = { class: "wrap" }, J = { class: "name" }, K = { class: "flex justify-center items-center h-full" }, Q = { style: { color: "#000000" } }, Y = {
   key: 1,
   class: "flex justify-center items-center h-full"
-}, Y = {
+}, Z = {
   __name: "cImageItem",
   props: {
     curImageIndex: { type: Number, default: 0 },
     fit: { type: String, default: "contain" },
     imgList: { type: Array, default: () => [] },
     show: { type: Boolean, default: !0 },
-    zIndex: { type: Number, default: 9999 }
+    zIndex: { type: Number, default: 9999 },
+    tyleMap: {
+      type: Object,
+      default: () => ({
+        0: "融合智能识别",
+        1: "声迅智能识别",
+        2: "海康智能识别",
+        3: "讯飞智能识别",
+        4: "苏科智能识别"
+      })
+    }
   },
   setup(e) {
-    const i = {
-      0: "融合智能识别",
-      1: "声迅智能识别",
-      2: "海康智能识别",
-      3: "讯飞智能识别"
-    };
-    return (l, u) => {
-      const r = a("el-icon"), c = a("el-image");
-      return o(), m("div", W, [
-        s("div", G, L(i[e.curImageIndex]), 1),
-        e.show ? (o(), B(c, {
+    return (s, n) => {
+      const r = o("el-icon"), m = o("el-image");
+      return t(), u("div", G, [
+        c("div", J, k(e.tyleMap[e.curImageIndex]), 1),
+        e.show ? (t(), x(m, {
           key: 0,
           class: "image-item",
           src: e.imgList[e.curImageIndex].url,
           fit: e.fit,
-          "preview-src-list": e.imgList.map((_) => _.url),
+          "preview-src-list": e.imgList.map((l) => l.url),
           "initial-index": e.curImageIndex,
           "show-progress": "",
           "preview-teleported": !0,
           "z-index": e.zIndex
         }, {
-          error: n(() => [
-            s("div", J, [
-              t(r, null, {
-                default: n(() => [
-                  t(z(M))
+          error: i(() => [
+            c("div", K, [
+              a(r, null, {
+                default: i(() => [
+                  a(B(N))
                 ]),
                 _: 1
               })
             ])
           ]),
-          progress: n(({ activeIndex: _ }) => [
-            s("span", K, L(_ + 1 + "-" + i[_]), 1)
+          progress: i(({ activeIndex: l }) => [
+            c("span", Q, k(l + 1 + "-" + e.tyleMap[l]), 1)
           ]),
           _: 1
-        }, 8, ["src", "fit", "preview-src-list", "initial-index", "z-index"])) : (o(), m("div", Q, [
-          t(r, null, {
-            default: n(() => [
-              t(z(M))
+        }, 8, ["src", "fit", "preview-src-list", "initial-index", "z-index"])) : (t(), u("div", Y, [
+          a(r, null, {
+            default: i(() => [
+              a(B(N))
             ]),
             _: 1
           })
@@ -111,7 +115,7 @@ const k = (e, i) => {
       ]);
     };
   }
-}, $ = /* @__PURE__ */ k(Y, [["__scopeId", "data-v-567f63a7"]]), Z = { class: "image-box" }, ee = {
+}, P = /* @__PURE__ */ C(Z, [["__scopeId", "data-v-79061d44"]]), ee = { class: "image-box" }, te = {
   __name: "cImageBox",
   props: {
     images: {
@@ -120,138 +124,161 @@ const k = (e, i) => {
     },
     typeList: {
       type: Array,
-      default: () => [0, 1, 2, 3]
+      default: () => [
+        {
+          label: "融合智能识别",
+          value: 0
+        },
+        {
+          label: "声迅智能识别",
+          value: 1
+        },
+        {
+          label: "海康智能识别",
+          value: 2
+        },
+        {
+          label: "讯飞智能识别",
+          value: 3
+        },
+        {
+          label: "苏科智能识别",
+          value: 4
+        }
+      ]
+    },
+    checkedList: {
+      type: Array,
+      default: () => [0, 1, 2, 3, 4]
     }
   },
   setup(e) {
-    return (i, l) => {
-      const u = a("el-col"), r = a("el-row"), c = a("el-empty");
-      return o(), m("div", Z, [
-        e.images.length ? (o(), B(r, {
+    const s = e, n = {};
+    return s.typeList.forEach((r) => {
+      n[r.value] = r.label;
+    }), (r, m) => {
+      const l = o("el-col"), y = o("el-row"), d = o("el-empty");
+      return t(), u("div", ee, [
+        e.images.length ? (t(), x(y, {
           key: 0,
           gutter: 10,
           class: "content"
         }, {
-          default: n(() => [
-            t(u, {
+          default: i(() => [
+            a(l, {
               span: 16,
               class: "left"
             }, {
-              default: n(() => [
-                t($, {
+              default: i(() => [
+                a(P, {
                   "img-list": e.images,
                   "cur-image-index": 0,
-                  show: e.typeList.includes(0)
+                  show: e.checkedList.includes(0),
+                  tyleMap: n
                 }, null, 8, ["img-list", "show"])
               ]),
               _: 1
             }),
-            t(u, {
+            a(l, {
               span: 8,
               class: "right"
             }, {
-              default: n(() => [
-                t($, {
+              default: i(() => [
+                (t(!0), u(L, null, I(e.images.slice(1), (f, p) => (t(), x(P, {
+                  key: p,
                   "img-list": e.images,
-                  "cur-image-index": 1,
-                  show: e.typeList.includes(1),
+                  "cur-image-index": p + 1,
+                  show: e.checkedList.includes(p + 1),
+                  tyleMap: n,
                   class: "item"
-                }, null, 8, ["img-list", "show"]),
-                t($, {
-                  "img-list": e.images,
-                  "cur-image-index": 2,
-                  show: e.typeList.includes(2),
-                  class: "item"
-                }, null, 8, ["img-list", "show"]),
-                t($, {
-                  "img-list": e.images,
-                  "cur-image-index": 3,
-                  show: e.typeList.includes(3),
-                  class: "item"
-                }, null, 8, ["img-list", "show"])
+                }, null, 8, ["img-list", "cur-image-index", "show"]))), 128))
               ]),
               _: 1
             })
           ]),
           _: 1
-        })) : (o(), B(c, { key: 1 }, {
-          description: n(() => l[0] || (l[0] = [
-            s("div", null, "点击列表图片查看", -1)
+        })) : (t(), x(d, { key: 1 }, {
+          description: i(() => m[0] || (m[0] = [
+            c("div", null, "点击列表图片查看", -1)
           ])),
           _: 1
         }))
       ]);
     };
   }
-}, D = /* @__PURE__ */ k(ee, [["__scopeId", "data-v-28f92729"]]), te = { class: "container" }, ne = { class: "wrapper" }, le = ["onClick"], oe = ["src", "alt"], se = { class: "title" }, ae = { class: "image-container" }, N = 240, ie = {
+}, F = /* @__PURE__ */ C(te, [["__scopeId", "data-v-156af659"]]), le = { class: "container" }, ae = { class: "wrapper" }, ne = ["onClick"], se = ["src", "alt"], ce = { class: "title" }, oe = { class: "image-container" }, j = 240, ie = {
   __name: "cImage",
   props: {
     imageList: {
       type: Array,
       default: () => []
+    },
+    typeList: {
+      type: Array,
+      default: () => [
+        {
+          label: "融合智能识别",
+          value: 0
+        },
+        {
+          label: "声迅智能识别",
+          value: 1
+        },
+        {
+          label: "海康智能识别",
+          value: 2
+        },
+        {
+          label: "讯飞智能识别",
+          value: 3
+        },
+        {
+          label: "苏科智能识别",
+          value: 4
+        }
+      ]
+    },
+    checkedList: {
+      type: Array,
+      default: () => [0, 1, 2, 3, 4]
     }
   },
   setup(e) {
-    const i = e, l = x([0, 1, 2, 3]), u = x([]), r = x(-1), c = {
-      0: "融合智能识别",
-      1: "声迅智能识别",
-      2: "海康智能识别",
-      3: "讯飞智能识别"
-    }, _ = x(null), f = (y) => {
-      r.value = y;
-      const { items: d } = i.imageList[y];
-      u.value = d.map((v) => ({
-        ...v,
-        name: c[v.type]
-      }));
+    const s = e, n = b([]), r = b(-1), m = b([...s.checkedList]), l = b(null), y = (h) => {
+      r.value = h;
+      const { items: g } = s.imageList[h];
+      n.value = g.map(($) => {
+        var A;
+        return {
+          ...$,
+          name: (A = s.typeList.find((z) => z.value === $.type)) == null ? void 0 : A.label
+        };
+      });
     };
-    let p = 0, h = 0;
-    const g = () => {
-      h !== i.imageList.length && (h++, p -= N, _.value.style.transform = `translateX(${p}px)`);
-    }, w = () => {
-      h !== 0 && (h--, p += N, _.value.style.transform = `translateX(${p}px)`);
+    let d = 0, f = 0;
+    const p = () => {
+      f !== s.imageList.length && (f++, d -= j, l.value.style.transform = `translateX(${d}px)`);
+    }, _ = () => {
+      f !== 0 && (f--, d += j, l.value.style.transform = `translateX(${d}px)`);
     };
-    return (y, d) => {
-      const v = a("el-checkbox"), F = a("el-checkbox-group"), j = a("el-form-item"), E = a("el-form"), V = a("el-button");
-      return o(), m(A, null, [
-        t(E, { ref: "form" }, {
-          default: n(() => [
-            t(j, { label: "智能结果展示" }, {
-              default: n(() => [
-                t(F, {
-                  modelValue: l.value,
-                  "onUpdate:modelValue": d[0] || (d[0] = (C) => l.value = C),
+    return (h, g) => {
+      const $ = o("el-checkbox"), A = o("el-checkbox-group"), z = o("el-form-item"), E = o("el-form"), S = o("el-button");
+      return t(), u(L, null, [
+        a(E, { ref: "form" }, {
+          default: i(() => [
+            a(z, { label: "智能结果展示" }, {
+              default: i(() => [
+                a(A, {
+                  modelValue: m.value,
+                  "onUpdate:modelValue": g[0] || (g[0] = (v) => m.value = v),
                   min: 1
                 }, {
-                  default: n(() => [
-                    t(v, { label: 0 }, {
-                      default: n(() => d[1] || (d[1] = [
-                        I("融合智能识别")
-                      ])),
-                      _: 1,
-                      __: [1]
-                    }),
-                    t(v, { label: 1 }, {
-                      default: n(() => d[2] || (d[2] = [
-                        I("声迅智能识别")
-                      ])),
-                      _: 1,
-                      __: [2]
-                    }),
-                    t(v, { label: 2 }, {
-                      default: n(() => d[3] || (d[3] = [
-                        I("海康智能识别")
-                      ])),
-                      _: 1,
-                      __: [3]
-                    }),
-                    t(v, { label: 3 }, {
-                      default: n(() => d[4] || (d[4] = [
-                        I("讯飞智能识别")
-                      ])),
-                      _: 1,
-                      __: [4]
-                    })
+                  default: i(() => [
+                    (t(!0), u(L, null, I(e.typeList, (v, w) => (t(), x($, {
+                      key: w,
+                      label: v.label,
+                      value: v.value
+                    }, null, 8, ["label", "value"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
@@ -261,50 +288,54 @@ const k = (e, i) => {
           ]),
           _: 1
         }, 512),
-        s("div", te, [
-          t(V, {
+        c("div", le, [
+          a(S, {
             class: "arrow-button",
-            icon: z(q),
+            icon: B(q),
             circle: "",
-            onClick: g
+            onClick: p
           }, null, 8, ["icon"]),
-          s("div", ne, [
-            s("div", {
+          c("div", ae, [
+            c("div", {
               ref_key: "navRef",
-              ref: _,
+              ref: l,
               class: "nav"
             }, [
-              (o(!0), m(A, null, R(e.imageList, (C, b) => (o(), m("div", {
-                key: b,
-                class: T(["item", { active: r.value === b }]),
-                onClick: (fe) => f(b)
-              }, [
-                s("img", {
-                  src: C.items[0].url,
-                  alt: `缩略图 ${b + 1}`,
-                  style: { "object-fit": "contain" }
-                }, null, 8, oe),
-                s("span", se, L(c[C.items[0].type]), 1)
-              ], 10, le))), 128))
+              (t(!0), u(L, null, I(e.imageList, (v, w) => {
+                var R;
+                return t(), u("div", {
+                  key: w,
+                  class: O(["item", { active: r.value === w }]),
+                  onClick: (V) => y(w)
+                }, [
+                  c("img", {
+                    src: v.items[0].url,
+                    alt: `缩略图 ${w + 1}`,
+                    style: { "object-fit": "contain" }
+                  }, null, 8, se),
+                  c("span", ce, k((R = e.typeList.find((V) => V.value === v.items[0].type)) == null ? void 0 : R.label), 1)
+                ], 10, ne);
+              }), 128))
             ], 512)
           ]),
-          t(V, {
+          a(S, {
             class: "arrow-button",
-            icon: z(O),
+            icon: B(U),
             circle: "",
-            onClick: w
+            onClick: _
           }, null, 8, ["icon"])
         ]),
-        s("div", ae, [
-          t(D, {
-            images: u.value,
-            "type-list": l.value
-          }, null, 8, ["images", "type-list"])
+        c("div", oe, [
+          a(F, {
+            images: n.value,
+            typeList: e.typeList,
+            "checked-list": m.value
+          }, null, 8, ["images", "typeList", "checked-list"])
         ])
       ], 64);
     };
   }
-}, ce = /* @__PURE__ */ k(ie, [["__scopeId", "data-v-6692b78c"]]), re = { class: "info" }, me = { class: "info" }, ue = {
+}, re = /* @__PURE__ */ C(ie, [["__scopeId", "data-v-0d1e46a2"]]), ue = { class: "info" }, me = { class: "info" }, de = {
   __name: "cImageList",
   props: {
     imageList: {
@@ -321,57 +352,57 @@ const k = (e, i) => {
     }
   },
   emits: ["downFile", "showDetail"],
-  setup(e, { emit: i }) {
-    const l = i, u = (c) => {
-      l("downFile", c);
-    }, r = (c) => {
-      l("showDetail", c);
+  setup(e, { emit: s }) {
+    const n = s, r = (l) => {
+      n("downFile", l);
+    }, m = (l) => {
+      n("showDetail", l);
     };
-    return (c, _) => {
-      const f = a("el-image"), p = a("el-tooltip"), h = a("el-button");
-      return o(!0), m(A, null, R(e.imageList, (g, w) => (o(), m("div", {
-        key: w,
+    return (l, y) => {
+      const d = o("el-image"), f = o("el-tooltip"), p = o("el-button");
+      return t(!0), u(L, null, I(e.imageList, (_, h) => (t(), u("div", {
+        key: h,
         class: "img-item",
-        style: P({ width: 100 / e.countPerRow + "%" })
+        style: D({ width: 100 / e.countPerRow + "%" })
       }, [
-        t(f, {
-          src: g.srcList[0],
+        a(d, {
+          src: _.srcList[0],
           style: { height: "300px", width: "240px" },
           "zoom-rate": 1.2,
           "max-scale": 7,
           "min-scale": 0.2,
           "show-progress": "",
-          "initial-index": w,
+          "initial-index": h,
           fit: "contain",
-          onClick: (y) => r(g)
+          onClick: (g) => m(_)
         }, null, 8, ["src", "initial-index", "onClick"]),
-        t(p, {
+        a(f, {
           effect: "light",
-          content: g.time,
+          content: _.time,
           placement: "top"
         }, {
-          default: n(() => [
-            s("span", re, L(g.time), 1)
+          default: i(() => [
+            c("span", ue, k(_.time), 1)
           ]),
           _: 2
         }, 1032, ["content"]),
-        t(p, {
+        a(f, {
           effect: "light",
-          content: g.name,
+          content: _.name,
           placement: "top"
         }, {
-          default: n(() => [
-            s("span", me, L(g.name), 1)
+          default: i(() => [
+            c("span", me, k(_.name), 1)
           ]),
           _: 2
         }, 1032, ["content"]),
-        t(h, {
+        a(p, {
           type: "primary",
           size: "small",
-          onClick: (y) => u(g)
+          onClick: (g) => r(_)
         }, {
-          default: n(() => _[0] || (_[0] = [
-            I("下载")
+          default: i(() => y[0] || (y[0] = [
+            T("下载")
           ])),
           _: 2,
           __: [0]
@@ -379,7 +410,7 @@ const k = (e, i) => {
       ], 4))), 128);
     };
   }
-}, _e = /* @__PURE__ */ k(ue, [["__scopeId", "data-v-76897c2d"]]), de = {
+}, _e = /* @__PURE__ */ C(de, [["__scopeId", "data-v-a9396fbb"]]), fe = {
   __name: "cImageScroll",
   props: {
     imageList: {
@@ -393,50 +424,81 @@ const k = (e, i) => {
     indicatorPosition: {
       type: String,
       default: "none"
+    },
+    typeList: {
+      type: Array,
+      default: () => [
+        {
+          label: "融合智能识别",
+          value: 0
+        },
+        {
+          label: "声迅智能识别",
+          value: 1
+        },
+        {
+          label: "海康智能识别",
+          value: 2
+        },
+        {
+          label: "讯飞智能识别",
+          value: 3
+        },
+        {
+          label: "苏科智能识别",
+          value: 4
+        }
+      ]
+    },
+    checkedList: {
+      type: Array,
+      default: () => [0, 1, 2, 3, 4]
     }
   },
   emits: ["change"],
-  setup(e, { expose: i, emit: l }) {
-    const u = l, r = (f) => {
-      u("change", f);
-    }, c = x(null);
-    return i({ setActive: (f) => {
-      c.value.setActiveItem(f);
-    } }), (f, p) => {
-      const h = a("CImageBox"), g = a("el-carousel-item"), w = a("el-carousel");
-      return o(), m("div", {
+  setup(e, { expose: s, emit: n }) {
+    const r = n, m = (d) => {
+      r("change", d);
+    }, l = b(null);
+    return s({ setActive: (d) => {
+      l.value.setActiveItem(d);
+    } }), (d, f) => {
+      const p = o("CImageBox"), _ = o("el-carousel-item"), h = o("el-carousel");
+      return t(), u("div", {
         class: "c-image-scroll",
-        style: P({ background: e.scrollBg })
+        style: D({ background: e.scrollBg })
       }, [
-        t(w, {
+        a(h, {
           ref_key: "carouselRef",
-          ref: c,
+          ref: l,
           arrow: "always",
           trigger: "click",
           autoplay: !1,
           height: "100%",
           style: { height: "100%" },
-          "indicator-position": "indicatorPosition",
-          onChange: r
+          "indicator-position": e.indicatorPosition,
+          onChange: m
         }, {
-          default: n(() => [
-            (o(!0), m(A, null, R(e.imageList, (y) => (o(), B(g, { key: y }, {
-              default: n(() => [
-                t(h, {
-                  images: y.items
-                }, null, 8, ["images"])
+          default: i(() => [
+            (t(!0), u(L, null, I(e.imageList, (g) => (t(), x(_, { key: g }, {
+              default: i(() => [
+                a(p, {
+                  images: g.items,
+                  typeList: e.typeList,
+                  "checked-list": e.checkedList
+                }, null, 8, ["images", "typeList", "checked-list"])
               ]),
               _: 2
             }, 1024))), 128))
           ]),
           _: 1
-        }, 512)
+        }, 8, ["indicator-position"])
       ], 4);
     };
   }
-}, ge = /* @__PURE__ */ k(de, [["__scopeId", "data-v-0b210d39"]]), he = {
+}, pe = /* @__PURE__ */ C(fe, [["__scopeId", "data-v-b875e3a6"]]), he = {
   install(e) {
-    e.component("CImage", ce).component("CImageBox", D).component("CImageList", _e).component("CImageScroll", ge);
+    e.component("CImage", re).component("CImageBox", F).component("CImageList", _e).component("CImageScroll", pe);
   }
 };
 export {

package/lib/my-vue-library.umd.js

@@ -1 +1 @@
-(function(e,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue")):typeof define=="function"&&define.amd?define(["vue"],h):(e=typeof globalThis<"u"?globalThis:e||self,e.MyVueLibrary=h(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.3.2 */var h=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"})]))}}),I=h,L=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),E=L,b=e.defineComponent({name:"Picture",__name:"picture",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),e.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),k=b;const w=(t,n)=>{const o=t.__vccOpts||t;for(const[a,c]of n)o[a]=c;return o},u={class:"wrap"},$={class:"name"},S={class:"flex justify-center items-center h-full"},z={style:{color:"#000000"}},A={key:1,class:"flex justify-center items-center h-full"},x=w({__name:"cImageItem",props:{curImageIndex:{type:Number,default:0},fit:{type:String,default:"contain"},imgList:{type:Array,default:()=>[]},show:{type:Boolean,default:!0},zIndex:{type:Number,default:9999}},setup(t){const n={0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别"};return(o,a)=>{const c=e.resolveComponent("el-icon"),l=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",$,e.toDisplayString(n[t.curImageIndex]),1),t.show?(e.openBlock(),e.createBlock(l,{key:0,class:"image-item",src:t.imgList[t.curImageIndex].url,fit:t.fit,"preview-src-list":t.imgList.map(s=>s.url),"initial-index":t.curImageIndex,"show-progress":"","preview-teleported":!0,"z-index":t.zIndex},{error:e.withCtx(()=>[e.createElementVNode("div",S,[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(e.unref(k))]),_:1})])]),progress:e.withCtx(({activeIndex:s})=>[e.createElementVNode("span",z,e.toDisplayString(s+1+"-"+n[s]),1)]),_:1},8,["src","fit","preview-src-list","initial-index","z-index"])):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(e.unref(k))]),_:1})]))])}}},[["__scopeId","data-v-567f63a7"]]),D={class:"image-box"},V=w({__name:"cImageBox",props:{images:{type:Array,default:()=>[]},typeList:{type:Array,default:()=>[0,1,2,3]}},setup(t){return(n,o)=>{const a=e.resolveComponent("el-col"),c=e.resolveComponent("el-row"),l=e.resolveComponent("el-empty");return e.openBlock(),e.createElementBlock("div",D,[t.images.length?(e.openBlock(),e.createBlock(c,{key:0,gutter:10,class:"content"},{default:e.withCtx(()=>[e.createVNode(a,{span:16,class:"left"},{default:e.withCtx(()=>[e.createVNode(x,{"img-list":t.images,"cur-image-index":0,show:t.typeList.includes(0)},null,8,["img-list","show"])]),_:1}),e.createVNode(a,{span:8,class:"right"},{default:e.withCtx(()=>[e.createVNode(x,{"img-list":t.images,"cur-image-index":1,show:t.typeList.includes(1),class:"item"},null,8,["img-list","show"]),e.createVNode(x,{"img-list":t.images,"cur-image-index":2,show:t.typeList.includes(2),class:"item"},null,8,["img-list","show"]),e.createVNode(x,{"img-list":t.images,"cur-image-index":3,show:t.typeList.includes(3),class:"item"},null,8,["img-list","show"])]),_:1})]),_:1})):(e.openBlock(),e.createBlock(l,{key:1},{description:e.withCtx(()=>o[0]||(o[0]=[e.createElementVNode("div",null,"点击列表图片查看",-1)])),_:1}))])}}},[["__scopeId","data-v-28f92729"]]),M={class:"container"},R={class:"wrapper"},T=["onClick"],F=["src","alt"],P={class:"title"},j={class:"image-container"},N=240,q=w({__name:"cImage",props:{imageList:{type:Array,default:()=>[]}},setup(t){const n=t,o=e.ref([0,1,2,3]),a=e.ref([]),c=e.ref(-1),l={0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别"},s=e.ref(null),m=p=>{c.value=p;const{items:i}=n.imageList[p];a.value=i.map(f=>({...f,name:l[f.type]}))};let d=0,_=0;const r=()=>{_!==n.imageList.length&&(_++,d-=N,s.value.style.transform=`translateX(${d}px)`)},g=()=>{_!==0&&(_--,d+=N,s.value.style.transform=`translateX(${d}px)`)};return(p,i)=>{const f=e.resolveComponent("el-checkbox"),W=e.resolveComponent("el-checkbox-group"),G=e.resolveComponent("el-form-item"),J=e.resolveComponent("el-form"),B=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(J,{ref:"form"},{default:e.withCtx(()=>[e.createVNode(G,{label:"智能结果展示"},{default:e.withCtx(()=>[e.createVNode(W,{modelValue:o.value,"onUpdate:modelValue":i[0]||(i[0]=y=>o.value=y),min:1},{default:e.withCtx(()=>[e.createVNode(f,{label:0},{default:e.withCtx(()=>i[1]||(i[1]=[e.createTextVNode("融合智能识别")])),_:1,__:[1]}),e.createVNode(f,{label:1},{default:e.withCtx(()=>i[2]||(i[2]=[e.createTextVNode("声迅智能识别")])),_:1,__:[2]}),e.createVNode(f,{label:2},{default:e.withCtx(()=>i[3]||(i[3]=[e.createTextVNode("海康智能识别")])),_:1,__:[3]}),e.createVNode(f,{label:3},{default:e.withCtx(()=>i[4]||(i[4]=[e.createTextVNode("讯飞智能识别")])),_:1,__:[4]})]),_:1},8,["modelValue"])]),_:1})]),_:1},512),e.createElementVNode("div",M,[e.createVNode(B,{class:"arrow-button",icon:e.unref(I),circle:"",onClick:r},null,8,["icon"]),e.createElementVNode("div",R,[e.createElementVNode("div",{ref_key:"navRef",ref:s,class:"nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(y,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:e.normalizeClass(["item",{active:c.value===C}]),onClick:te=>m(C)},[e.createElementVNode("img",{src:y.items[0].url,alt:`缩略图 ${C+1}`,style:{"object-fit":"contain"}},null,8,F),e.createElementVNode("span",P,e.toDisplayString(l[y.items[0].type]),1)],10,T))),128))],512)]),e.createVNode(B,{class:"arrow-button",icon:e.unref(E),circle:"",onClick:g},null,8,["icon"])]),e.createElementVNode("div",j,[e.createVNode(V,{images:a.value,"type-list":o.value},null,8,["images","type-list"])])],64)}}},[["__scopeId","data-v-6692b78c"]]),X={class:"info"},H={class:"info"},O=w({__name:"cImageList",props:{imageList:{type:Array,default:()=>[]},width:{type:String,default:"800px"},countPerRow:{type:Number,default:5}},emits:["downFile","showDetail"],setup(t,{emit:n}){const o=n,a=l=>{o("downFile",l)},c=l=>{o("showDetail",l)};return(l,s)=>{const m=e.resolveComponent("el-image"),d=e.resolveComponent("el-tooltip"),_=e.resolveComponent("el-button");return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(r,g)=>(e.openBlock(),e.createElementBlock("div",{key:g,class:"img-item",style:e.normalizeStyle({width:100/t.countPerRow+"%"})},[e.createVNode(m,{src:r.srcList[0],style:{height:"300px",width:"240px"},"zoom-rate":1.2,"max-scale":7,"min-scale":.2,"show-progress":"","initial-index":g,fit:"contain",onClick:p=>c(r)},null,8,["src","initial-index","onClick"]),e.createVNode(d,{effect:"light",content:r.time,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",X,e.toDisplayString(r.time),1)]),_:2},1032,["content"]),e.createVNode(d,{effect:"light",content:r.name,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",H,e.toDisplayString(r.name),1)]),_:2},1032,["content"]),e.createVNode(_,{type:"primary",size:"small",onClick:p=>a(r)},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode("下载")])),_:2,__:[0]},1032,["onClick"])],4))),128)}}},[["__scopeId","data-v-76897c2d"]]),U=w({__name:"cImageScroll",props:{imageList:{type:Array,default:()=>[]},scrollBg:{type:String,default:"#ffffff"},indicatorPosition:{type:String,default:"none"}},emits:["change"],setup(t,{expose:n,emit:o}){const a=o,c=m=>{a("change",m)},l=e.ref(null);return n({setActive:m=>{l.value.setActiveItem(m)}}),(m,d)=>{const _=e.resolveComponent("CImageBox"),r=e.resolveComponent("el-carousel-item"),g=e.resolveComponent("el-carousel");return e.openBlock(),e.createElementBlock("div",{class:"c-image-scroll",style:e.normalizeStyle({background:t.scrollBg})},[e.createVNode(g,{ref_key:"carouselRef",ref:l,arrow:"always",trigger:"click",autoplay:!1,height:"100%",style:{height:"100%"},"indicator-position":"indicatorPosition",onChange:c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,p=>(e.openBlock(),e.createBlock(r,{key:p},{default:e.withCtx(()=>[e.createVNode(_,{images:p.items},null,8,["images"])]),_:2},1024))),128))]),_:1},512)],4)}}},[["__scopeId","data-v-0b210d39"]]);return{install(t){t.component("CImage",q).component("CImageBox",V).component("CImageList",O).component("CImageScroll",U)}}});
+(function(e,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue")):typeof define=="function"&&define.amd?define(["vue"],h):(e=typeof globalThis<"u"?globalThis:e||self,e.MyVueLibrary=h(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.3.2 */var h=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"})]))}}),I=h,E=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),$=E,A=e.defineComponent({name:"Picture",__name:"picture",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),e.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),C=A;const y=(t,n)=>{const o=t.__vccOpts||t;for(const[a,c]of n)o[a]=c;return o},S={class:"wrap"},z={class:"name"},M={class:"flex justify-center items-center h-full"},F={style:{color:"#000000"}},D={key:1,class:"flex justify-center items-center h-full"},u=y({__name:"cImageItem",props:{curImageIndex:{type:Number,default:0},fit:{type:String,default:"contain"},imgList:{type:Array,default:()=>[]},show:{type:Boolean,default:!0},zIndex:{type:Number,default:9999},tyleMap:{type:Object,default:()=>({0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别",4:"苏科智能识别"})}},setup(t){return(n,o)=>{const a=e.resolveComponent("el-icon"),c=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",z,e.toDisplayString(t.tyleMap[t.curImageIndex]),1),t.show?(e.openBlock(),e.createBlock(c,{key:0,class:"image-item",src:t.imgList[t.curImageIndex].url,fit:t.fit,"preview-src-list":t.imgList.map(l=>l.url),"initial-index":t.curImageIndex,"show-progress":"","preview-teleported":!0,"z-index":t.zIndex},{error:e.withCtx(()=>[e.createElementVNode("div",M,[e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(e.unref(C))]),_:1})])]),progress:e.withCtx(({activeIndex:l})=>[e.createElementVNode("span",F,e.toDisplayString(l+1+"-"+t.tyleMap[l]),1)]),_:1},8,["src","fit","preview-src-list","initial-index","z-index"])):(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(e.unref(C))]),_:1})]))])}}},[["__scopeId","data-v-79061d44"]]),R={class:"image-box"},B=y({__name:"cImageBox",props:{images:{type:Array,default:()=>[]},typeList:{type:Array,default:()=>[{label:"融合智能识别",value:0},{label:"声迅智能识别",value:1},{label:"海康智能识别",value:2},{label:"讯飞智能识别",value:3},{label:"苏科智能识别",value:4}]},checkedList:{type:Array,default:()=>[0,1,2,3,4]}},setup(t){const n=t,o={};return n.typeList.forEach(a=>{o[a.value]=a.label}),(a,c)=>{const l=e.resolveComponent("el-col"),f=e.resolveComponent("el-row"),r=e.resolveComponent("el-empty");return e.openBlock(),e.createElementBlock("div",R,[t.images.length?(e.openBlock(),e.createBlock(f,{key:0,gutter:10,class:"content"},{default:e.withCtx(()=>[e.createVNode(l,{span:16,class:"left"},{default:e.withCtx(()=>[e.createVNode(u,{"img-list":t.images,"cur-image-index":0,show:t.checkedList.includes(0),tyleMap:o},null,8,["img-list","show"])]),_:1}),e.createVNode(l,{span:8,class:"right"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.images.slice(1),(i,m)=>(e.openBlock(),e.createBlock(u,{key:m,"img-list":t.images,"cur-image-index":m+1,show:t.checkedList.includes(m+1),tyleMap:o,class:"item"},null,8,["img-list","cur-image-index","show"]))),128))]),_:1})]),_:1})):(e.openBlock(),e.createBlock(r,{key:1},{description:e.withCtx(()=>c[0]||(c[0]=[e.createElementVNode("div",null,"点击列表图片查看",-1)])),_:1}))])}}},[["__scopeId","data-v-156af659"]]),j={class:"container"},P={class:"wrapper"},T=["onClick"],q=["src","alt"],O={class:"title"},X={class:"image-container"},L=240,H=y({__name:"cImage",props:{imageList:{type:Array,default:()=>[]},typeList:{type:Array,default:()=>[{label:"融合智能识别",value:0},{label:"声迅智能识别",value:1},{label:"海康智能识别",value:2},{label:"讯飞智能识别",value:3},{label:"苏科智能识别",value:4}]},checkedList:{type:Array,default:()=>[0,1,2,3,4]}},setup(t){const n=t,o=e.ref([]),a=e.ref(-1),c=e.ref([...n.checkedList]),l=e.ref(null),f=p=>{a.value=p;const{items:d}=n.imageList[p];o.value=d.map(k=>{var w;return{...k,name:(w=n.typeList.find(x=>x.value===k.type))==null?void 0:w.label}})};let r=0,i=0;const m=()=>{i!==n.imageList.length&&(i++,r-=L,l.value.style.transform=`translateX(${r}px)`)},s=()=>{i!==0&&(i--,r+=L,l.value.style.transform=`translateX(${r}px)`)};return(p,d)=>{const k=e.resolveComponent("el-checkbox"),w=e.resolveComponent("el-checkbox-group"),x=e.resolveComponent("el-form-item"),K=e.resolveComponent("el-form"),b=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(K,{ref:"form"},{default:e.withCtx(()=>[e.createVNode(x,{label:"智能结果展示"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:c.value,"onUpdate:modelValue":d[0]||(d[0]=_=>c.value=_),min:1},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.typeList,(_,g)=>(e.openBlock(),e.createBlock(k,{key:g,label:_.label,value:_.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1},512),e.createElementVNode("div",j,[e.createVNode(b,{class:"arrow-button",icon:e.unref(I),circle:"",onClick:m},null,8,["icon"]),e.createElementVNode("div",P,[e.createElementVNode("div",{ref_key:"navRef",ref:l,class:"nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(_,g)=>{var V;return e.openBlock(),e.createElementBlock("div",{key:g,class:e.normalizeClass(["item",{active:a.value===g}]),onClick:N=>f(g)},[e.createElementVNode("img",{src:_.items[0].url,alt:`缩略图 ${g+1}`,style:{"object-fit":"contain"}},null,8,q),e.createElementVNode("span",O,e.toDisplayString((V=t.typeList.find(N=>N.value===_.items[0].type))==null?void 0:V.label),1)],10,T)}),128))],512)]),e.createVNode(b,{class:"arrow-button",icon:e.unref($),circle:"",onClick:s},null,8,["icon"])]),e.createElementVNode("div",X,[e.createVNode(B,{images:o.value,typeList:t.typeList,"checked-list":c.value},null,8,["images","typeList","checked-list"])])],64)}}},[["__scopeId","data-v-0d1e46a2"]]),U={class:"info"},W={class:"info"},G=y({__name:"cImageList",props:{imageList:{type:Array,default:()=>[]},width:{type:String,default:"800px"},countPerRow:{type:Number,default:5}},emits:["downFile","showDetail"],setup(t,{emit:n}){const o=n,a=l=>{o("downFile",l)},c=l=>{o("showDetail",l)};return(l,f)=>{const r=e.resolveComponent("el-image"),i=e.resolveComponent("el-tooltip"),m=e.resolveComponent("el-button");return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(s,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:"img-item",style:e.normalizeStyle({width:100/t.countPerRow+"%"})},[e.createVNode(r,{src:s.srcList[0],style:{height:"300px",width:"240px"},"zoom-rate":1.2,"max-scale":7,"min-scale":.2,"show-progress":"","initial-index":p,fit:"contain",onClick:d=>c(s)},null,8,["src","initial-index","onClick"]),e.createVNode(i,{effect:"light",content:s.time,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",U,e.toDisplayString(s.time),1)]),_:2},1032,["content"]),e.createVNode(i,{effect:"light",content:s.name,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",W,e.toDisplayString(s.name),1)]),_:2},1032,["content"]),e.createVNode(m,{type:"primary",size:"small",onClick:d=>a(s)},{default:e.withCtx(()=>f[0]||(f[0]=[e.createTextVNode("下载")])),_:2,__:[0]},1032,["onClick"])],4))),128)}}},[["__scopeId","data-v-a9396fbb"]]),J=y({__name:"cImageScroll",props:{imageList:{type:Array,default:()=>[]},scrollBg:{type:String,default:"#ffffff"},indicatorPosition:{type:String,default:"none"},typeList:{type:Array,default:()=>[{label:"融合智能识别",value:0},{label:"声迅智能识别",value:1},{label:"海康智能识别",value:2},{label:"讯飞智能识别",value:3},{label:"苏科智能识别",value:4}]},checkedList:{type:Array,default:()=>[0,1,2,3,4]}},emits:["change"],setup(t,{expose:n,emit:o}){const a=o,c=r=>{a("change",r)},l=e.ref(null);return n({setActive:r=>{l.value.setActiveItem(r)}}),(r,i)=>{const m=e.resolveComponent("CImageBox"),s=e.resolveComponent("el-carousel-item"),p=e.resolveComponent("el-carousel");return e.openBlock(),e.createElementBlock("div",{class:"c-image-scroll",style:e.normalizeStyle({background:t.scrollBg})},[e.createVNode(p,{ref_key:"carouselRef",ref:l,arrow:"always",trigger:"click",autoplay:!1,height:"100%",style:{height:"100%"},"indicator-position":t.indicatorPosition,onChange:c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,d=>(e.openBlock(),e.createBlock(s,{key:d},{default:e.withCtx(()=>[e.createVNode(m,{images:d.items,typeList:t.typeList,"checked-list":t.checkedList},null,8,["images","typeList","checked-list"])]),_:2},1024))),128))]),_:1},8,["indicator-position"])],4)}}},[["__scopeId","data-v-b875e3a6"]]);return{install(t){t.component("CImage",H).component("CImageBox",B).component("CImageList",G).component("CImageScroll",J)}}});

package/lib/style.css

@@ -1 +1 @@
-@charset "UTF-8";.wrap[data-v-567f63a7]{width:100%;height:100%;position:relative;border:1px solid #eee}.wrap .name[data-v-567f63a7]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.wrap .image-item[data-v-567f63a7]{width:100%;height:100%}.wrap .preview-name[data-v-567f63a7]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.image-box[data-v-28f92729]{width:100%;height:100%;position:relative;overflow-y:auto}.image-box .content[data-v-28f92729]{width:100%;height:100%;height:calc(100% - 5px)}.image-box .content .left[data-v-28f92729],.image-box .content .right[data-v-28f92729]{height:100%;display:flex;flex-direction:column}.image-box .content .left .item[data-v-28f92729],.image-box .content .right .item[data-v-28f92729]{flex:1;overflow:hidden}.empty-state[data-v-28f92729]{padding:40px 0;text-align:center;color:#999;border:1px dashed #ddd;border-radius:8px;margin-top:15px}.image-container[data-v-6692b78c]{height:100%;position:relative;overflow-y:auto}.container[data-v-6692b78c]{width:100%;margin-top:10px;padding:5px 0;display:flex;align-items:center;gap:8px}.container .wrapper[data-v-6692b78c]{flex:1;display:flex;overflow-x:auto}.container .wrapper .nav[data-v-6692b78c]{display:flex;gap:10px}.item[data-v-6692b78c]{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.7;transition:all .3s;box-sizing:border-box;border:2px solid #e0e0e0}.item.active[data-v-6692b78c]{opacity:1;border:2px solid #2196f3}.item .title[data-v-6692b78c]{position:absolute;right:5px;top:5px;font-size:12px;color:#666}.item img[data-v-6692b78c]{width:100%;height:100%;object-fit:cover;display:block;text-align:center;line-height:9}.nav[data-v-6692b78c]::-webkit-scrollbar{display:none}.nav[data-v-6692b78c]{-ms-overflow-style:none;scrollbar-width:none}.nav[data-v-6692b78c]:before,.nav[data-v-6692b78c]:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1}.nav[data-v-6692b78c]:before{left:0;background:linear-gradient(to right,#fff,transparent)}.nav[data-v-6692b78c]:after{right:0;background:linear-gradient(to left,#fff,transparent)}.info-meta p[data-v-6692b78c]{margin-bottom:10px;color:#666;font-size:14px;display:flex}.info-meta span[data-v-6692b78c]{width:80px;color:#999}@keyframes fadeInUp-6692b78c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container[data-v-6692b78c]{height:100px}}.icon-plus[data-v-6692b78c]:before{content:"+";font-weight:700}.img-item[data-v-76897c2d]{position:relative;display:flex;flex-direction:column;align-items:center}.img-item[data-v-76897c2d] .el-image{cursor:pointer}.img-item .info[data-v-76897c2d]{width:240px;line-height:25px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-item .big-img-wrap[data-v-76897c2d]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.c-image-scroll[data-v-0b210d39]{width:100%;height:100%}
+@charset "UTF-8";.wrap[data-v-79061d44]{width:100%;height:100%;position:relative;border:1px solid #eee}.wrap .name[data-v-79061d44]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.wrap .image-item[data-v-79061d44]{width:100%;height:100%}.wrap .preview-name[data-v-79061d44]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.image-box[data-v-156af659]{width:100%;height:100%;position:relative;overflow-y:auto}.image-box .content[data-v-156af659]{width:100%;height:100%;height:calc(100% - 5px)}.image-box .content .left[data-v-156af659],.image-box .content .right[data-v-156af659]{height:100%}.image-box .content .right[data-v-156af659]{overflow:auto}.image-box .content .right .item[data-v-156af659]{height:33.33%}.empty-state[data-v-156af659]{padding:40px 0;text-align:center;color:#999;border:1px dashed #ddd;border-radius:8px;margin-top:15px}.image-container[data-v-0d1e46a2]{height:100%;position:relative;overflow-y:auto}.container[data-v-0d1e46a2]{width:100%;margin-top:10px;padding:5px 0;display:flex;align-items:center;gap:8px}.container .wrapper[data-v-0d1e46a2]{flex:1;display:flex;overflow-x:auto}.container .wrapper .nav[data-v-0d1e46a2]{display:flex;gap:10px}.item[data-v-0d1e46a2]{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.7;transition:all .3s;box-sizing:border-box;border:2px solid #e0e0e0}.item.active[data-v-0d1e46a2]{opacity:1;border:2px solid #2196f3}.item .title[data-v-0d1e46a2]{position:absolute;right:5px;top:5px;font-size:12px;color:#666}.item img[data-v-0d1e46a2]{width:100%;height:100%;object-fit:cover;display:block;text-align:center;line-height:9}.nav[data-v-0d1e46a2]::-webkit-scrollbar{display:none}.nav[data-v-0d1e46a2]{-ms-overflow-style:none;scrollbar-width:none}.nav[data-v-0d1e46a2]:before,.nav[data-v-0d1e46a2]:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1}.nav[data-v-0d1e46a2]:before{left:0;background:linear-gradient(to right,#fff,transparent)}.nav[data-v-0d1e46a2]:after{right:0;background:linear-gradient(to left,#fff,transparent)}.info-meta p[data-v-0d1e46a2]{margin-bottom:10px;color:#666;font-size:14px;display:flex}.info-meta span[data-v-0d1e46a2]{width:80px;color:#999}@keyframes fadeInUp-0d1e46a2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container[data-v-0d1e46a2]{height:100px}}.icon-plus[data-v-0d1e46a2]:before{content:"+";font-weight:700}.img-item[data-v-a9396fbb]{position:relative;display:flex;flex-direction:column;align-items:center}.img-item[data-v-a9396fbb] .el-image{cursor:pointer}.img-item .info[data-v-a9396fbb]{width:240px;line-height:25px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-item .big-img-wrap[data-v-a9396fbb]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.c-image-scroll[data-v-b875e3a6]{width:100%;height:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c-image",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "author": "",
   "license": "MIT",