@smallwei/avue 3.9.2 → 3.9.4

package/lib/packages/data/pay/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/pay/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/pay/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/price/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/price/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/price/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/product/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/product/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/product/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/profile/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/profile/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/profile/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/progress/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/progress/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/progress/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/rank/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/rank/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/rank/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/rotate/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/rotate/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/rotate/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/statistic/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/statistic/index2.js

@@ -1,12 +1,17 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var src_core_create = require('../../../src/core/create.js');
+require('../../core/components/icon/index.js');
+var index_vue_vue_type_script_lang = require('../../core/components/icon/index2.js');
 
 var script = src_core_create.default({
   name: "data-statistic",
+  components: {
+    iconTemp: index_vue_vue_type_script_lang.default
+  },
   data() {
     return {};
   },
@@ -28,6 +33,15 @@ var script = src_core_create.default({
     }
   },
   methods: {
+    getIconStyle(item) {
+      const size = (item.iconSize || 40) + 'px';
+      return {
+        color: item.iconColor || '#409eff',
+        fontSize: size,
+        width: size,
+        height: size
+      };
+    },
     getItemStyle(item) {
       return {
         backgroundColor: item.backgroundColor || '#fff',

package/lib/packages/data/statistic/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');
@@ -30,6 +30,7 @@ const _hoisted_10 = {
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon_temp = vue.resolveComponent("icon-temp");
   const _component_avue_count_up = vue.resolveComponent("avue-count-up");
   const _component_el_col = vue.resolveComponent("el-col");
   const _component_el_row = vue.resolveComponent("el-row");
@@ -52,10 +53,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 (item.icon)
                   ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-                      vue.createElementVNode("i", {
-                        class: vue.normalizeClass(item.icon),
-                        style: vue.normalizeStyle({color: item.iconColor || '#409eff', fontSize: (item.iconSize || 40) + 'px'})
-                      }, null, 6 /* CLASS, STYLE */)
+                      vue.createVNode(_component_icon_temp, {
+                        text: item.icon,
+                        color: item.iconColor || '#409eff',
+                        size: item.iconSize || 40,
+                        "icon-style": _ctx.getIconStyle(item)
+                      }, null, 8 /* PROPS */, ["text", "color", "size", "icon-style"])
                     ]))
                   : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", _hoisted_4, [

package/lib/packages/data/tabs/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/tabs/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/tabs/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/task/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/task/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/task/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/data/weather/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/data/weather/index2.js

@@ -1,10 +1,12 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var src_core_create = require('../../../src/core/create.js');
+require('../../core/components/icon/index.js');
 var src_core_locale = require('../../../src/core/locale.js');
+var index_vue_vue_type_script_lang = require('../../core/components/icon/index2.js');
 
 const WEATHER_GRADIENTS = {
   sunny: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
@@ -24,6 +26,9 @@ const WEATHER_ICONS = {
 
 var script = src_core_create.default({
   name: "data-weather",
+  components: {
+    iconTemp: index_vue_vue_type_script_lang.default
+  },
   mixins: [src_core_locale.default],
   data() {
     return {};

package/lib/packages/data/weather/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');
@@ -24,6 +24,7 @@ const _hoisted_13 = {
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon_temp = vue.resolveComponent("icon-temp");
   const _component_el_col = vue.resolveComponent("el-col");
   const _component_el_row = vue.resolveComponent("el-row");
 
@@ -49,10 +50,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 vue.createElementVNode("div", _hoisted_6, [
                   vue.createElementVNode("div", _hoisted_7, [
-                    vue.createElementVNode("i", {
-                      class: vue.normalizeClass(_ctx.getWeatherIcon(item.weather)),
-                      style: {fontSize: '48px'}
-                    }, null, 2 /* CLASS */)
+                    vue.createVNode(_component_icon_temp, {
+                      text: _ctx.getWeatherIcon(item.weather),
+                      size: 48
+                    }, null, 8 /* PROPS */, ["text"])
                   ]),
                   vue.createElementVNode("div", _hoisted_8, [
                     vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(item.temp), 1 /* TEXT */),

package/lib/packages/element-plus/array/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/array/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/array/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/element-plus/article/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/article/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -11,49 +11,214 @@ const propsDefault = {
   lead: "lead",
   body: "body"
 };
+const allowedTags = new Set([
+  "A", "B", "BLOCKQUOTE", "BR", "CODE", "DEL", "DIV", "EM", "FIGCAPTION", "FIGURE",
+  "H1", "H2", "H3", "H4", "H5", "H6", "HR", "I", "IMG", "LI", "MARK", "OL",
+  "P", "PRE", "S", "SMALL", "SPAN", "STRONG", "SUB", "SUP", "TABLE", "TBODY",
+  "TD", "TH", "THEAD", "TR", "UL"
+]);
+const dangerousTags = new Set(["EMBED", "FORM", "IFRAME", "OBJECT", "SCRIPT", "STYLE"]);
+
 var script = src_core_create.default({
   name: "article",
+  emits: ["image-click", "link-click", "preview-open", "preview-close"],
   props: {
     data: {
       type: Object,
-      default: () => {
-        return {};
-      }
+      default: () => ({})
     },
     props: {
       type: Object,
-      default: () => {
-        return propsDefault;
-      }
+      default: () => ({})
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    },
+    sanitize: {
+      type: [Boolean, Function],
+      default: true
+    },
+    preview: {
+      type: Boolean,
+      default: true
+    },
+    showInfo: Boolean,
+    titleLevel: {
+      type: Number,
+      default: 1
+    },
+    maxWidth: {
+      type: [Number, String],
+      default: ""
     }
   },
+  data() {
+    return {
+      previewVisible: false,
+      previewImages: [],
+      previewIndex: 0
+    };
+  },
   computed: {
-    titleKey () {
-      return this.props.title || propsDefault.title;
+    fieldProps() {
+      return {
+        ...propsDefault,
+        ...((this.option && this.option.props) || {}),
+        ...(this.props || {})
+      };
     },
-    metaKey () {
-      return this.props.meta || propsDefault.meta;
+    titleKey() {
+      return this.fieldProps.title;
     },
-    leadKey () {
-      return this.props.lead || propsDefault.lead;
+    metaKey() {
+      return this.fieldProps.meta;
     },
-    bodyKey () {
-      return this.props.body || propsDefault.body;
+    leadKey() {
+      return this.fieldProps.lead;
     },
-    title () {
+    bodyKey() {
+      return this.fieldProps.body;
+    },
+    title() {
       return this.data[this.titleKey];
     },
-    meta () {
+    meta() {
       return this.data[this.metaKey];
     },
-    lead () {
+    lead() {
       return this.data[this.leadKey];
     },
-    body () {
+    body() {
       return this.data[this.bodyKey];
+    },
+    hasBody() {
+      return this.body !== undefined && this.body !== null && this.body !== "";
+    },
+    formattedBody() {
+      const content = String(this.body || "");
+      if (typeof this.sanitize === "function") return String(this.sanitize(content) || "");
+      return this.sanitize ? this.sanitizeHtml(content) : content;
+    },
+    wordCount() {
+      const content = String(this.body || "").replace(/<[^>]*>/g, "").replace(/\s/g, "");
+      return content.length;
+    },
+    readingMinutes() {
+      return Math.max(1, Math.ceil(this.wordCount / 400));
+    },
+    titleTag() {
+      const level = Math.min(6, Math.max(1, Number(this.titleLevel) || 1));
+      return `h${level}`;
+    },
+    styleName() {
+      if (this.maxWidth === "" || this.maxWidth === undefined || this.maxWidth === null) return {};
+      const size = typeof this.maxWidth === "number" ? `${this.maxWidth}px` : this.maxWidth;
+      return { maxWidth: size };
     }
   },
-  mounted () { }
+  methods: {
+    sanitizeHtml(content) {
+      if (typeof document === "undefined") return this.escapeHtml(content);
+      const container = document.createElement("div");
+      container.innerHTML = content;
+      Array.from(container.querySelectorAll("*")).forEach((node) => {
+        const tag = node.tagName;
+        if (dangerousTags.has(tag)) {
+          node.remove();
+          return;
+        }
+        if (!allowedTags.has(tag)) {
+          node.replaceWith(document.createTextNode(node.textContent || ""));
+          return;
+        }
+
+        Array.from(node.attributes).forEach((attribute) => {
+          const name = attribute.name.toLowerCase();
+          const isLinkAttribute = tag === "A" && ["href", "title"].includes(name);
+          const isImageAttribute = tag === "IMG" && ["src", "alt", "title", "width", "height"].includes(name);
+          const isTableAttribute = ["TD", "TH"].includes(tag) && ["colspan", "rowspan"].includes(name);
+          if (!isLinkAttribute && !isImageAttribute && !isTableAttribute) node.removeAttribute(attribute.name);
+        });
+
+        if (tag === "A") {
+          const href = this.safeUrl(node.getAttribute("href"));
+          if (href) {
+            node.setAttribute("href", href);
+            if (/^https?:/i.test(href)) {
+              node.setAttribute("target", "_blank");
+              node.setAttribute("rel", "noopener noreferrer");
+            }
+          } else {
+            node.removeAttribute("href");
+          }
+        }
+
+        if (tag === "IMG") {
+          const src = this.safeUrl(node.getAttribute("src"), true);
+          if (src) {
+            node.setAttribute("src", src);
+            node.setAttribute("loading", "lazy");
+            node.setAttribute("decoding", "async");
+          } else {
+            node.remove();
+          }
+        }
+      });
+      return container.innerHTML;
+    },
+    safeUrl(value, allowDataImage = false) {
+      if (!value || typeof window === "undefined") return "";
+      try {
+        const url = new URL(value, window.location.origin);
+        const isHttp = ["http:", "https:"].includes(url.protocol);
+        const isContact = ["mailto:", "tel:"].includes(url.protocol);
+        const isDataImage = allowDataImage && url.protocol === "data:" && /^data:image\//i.test(value);
+        return isHttp || isContact || isDataImage ? url.href : "";
+      } catch (error) {
+        return "";
+      }
+    },
+    escapeHtml(value) {
+      return String(value).replace(/[&<>'"]/g, (char) => ({
+        "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", "\"": "&quot;"
+      }[char]));
+    },
+    handleBodyClick(event) {
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+
+      const link = target.closest("a");
+      if (link) {
+        this.$emit("link-click", {
+          data: this.data,
+          href: link.getAttribute("href") || "",
+          event
+        });
+      }
+
+      const image = target.closest("img");
+      if (!image) return;
+      const src = this.safeUrl(image.getAttribute("src"), true);
+      this.$emit("image-click", { data: this.data, src, event });
+      if (!this.preview || !src || !this.$refs.body) return;
+
+      const images = Array.from(this.$refs.body.querySelectorAll("img"))
+        .map((item) => this.safeUrl(item.getAttribute("src"), true))
+        .filter(Boolean);
+      const index = images.indexOf(src);
+      if (index === -1) return;
+
+      this.previewImages = images;
+      this.previewIndex = index;
+      this.previewVisible = true;
+      this.$emit("preview-open", { data: this.data, src, index, images });
+    },
+    closePreview() {
+      this.previewVisible = false;
+      this.$emit("preview-close", { data: this.data });
+    }
+  }
 });
 
 exports.default = script;