yanzhen-design-vue
Version:
40 lines (39 loc) • 971 B
JavaScript
import { defineComponent, watch } from "vue";
import { imageViewerProps } from "./image-viewer.mjs";
import "viewerjs/dist/viewer.css";
import { useImageViewer } from "./use-image-viewer.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "image-viewer",
props: imageViewerProps,
setup(__props, { expose: __expose }) {
const props = __props;
const {
options,
viewer,
imageUrls,
imageNames,
curImg,
curImgTitle,
openViewer,
updateViewerInfo
} = useImageViewer(props);
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 () => {
};
}
});
export {
_sfc_main as default
};