yanzhen-design-vue
Version:
40 lines (39 loc) • 1.1 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const imageViewer = require("./image-viewer.cjs");
require("viewerjs/dist/viewer.css");
const useImageViewer = require("./use-image-viewer.cjs");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
__name: "image-viewer",
props: imageViewer.imageViewerProps,
setup(__props, { expose: __expose }) {
const props = __props;
const {
options,
viewer,
imageUrls,
imageNames,
curImg,
curImgTitle,
openViewer,
updateViewerInfo
} = useImageViewer.useImageViewer(props);
vue.watch(
() => {
var _a;
return (_a = viewer.value) == null ? void 0 : _a.index;
},
(newIndex) => {
if (newIndex === void 0) return;
curImg.value = newIndex + 1;
curImgTitle.value = imageNames.value[newIndex] || "";
updateViewerInfo();
}
);
__expose({ open: openViewer });
return () => {
};
}
});
exports.default = _sfc_main;