index.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import Vue from 'vue';
  3. import VueImagePreview from './ImagePreview';
  4. import { isServer } from '../utils';
  5. var instance;
  6. var defaultConfig = {
  7. loop: true,
  8. value: true,
  9. images: [],
  10. maxZoom: 3,
  11. minZoom: 1 / 3,
  12. onClose: null,
  13. onChange: null,
  14. className: '',
  15. showIndex: true,
  16. closeable: false,
  17. closeIcon: 'clear',
  18. asyncClose: false,
  19. transition: 'van-fade',
  20. getContainer: 'body',
  21. startPosition: 0,
  22. swipeDuration: 300,
  23. showIndicators: false,
  24. closeOnPopstate: true,
  25. closeIconPosition: 'top-right'
  26. };
  27. var initInstance = function initInstance() {
  28. instance = new (Vue.extend(VueImagePreview))({
  29. el: document.createElement('div')
  30. });
  31. document.body.appendChild(instance.$el);
  32. instance.$on('change', function (index) {
  33. if (instance.onChange) {
  34. instance.onChange(index);
  35. }
  36. });
  37. instance.$on('scale', function (data) {
  38. if (instance.onScale) {
  39. instance.onScale(data);
  40. }
  41. });
  42. };
  43. var ImagePreview = function ImagePreview(images, startPosition) {
  44. if (startPosition === void 0) {
  45. startPosition = 0;
  46. }
  47. /* istanbul ignore if */
  48. if (isServer) {
  49. return;
  50. }
  51. if (!instance) {
  52. initInstance();
  53. }
  54. var options = Array.isArray(images) ? {
  55. images: images,
  56. startPosition: startPosition
  57. } : images;
  58. _extends(instance, defaultConfig, options);
  59. instance.$once('input', function (show) {
  60. instance.value = show;
  61. });
  62. instance.$once('closed', function () {
  63. instance.images = [];
  64. });
  65. if (options.onClose) {
  66. instance.$off('close');
  67. instance.$once('close', options.onClose);
  68. }
  69. return instance;
  70. };
  71. ImagePreview.Component = VueImagePreview;
  72. ImagePreview.install = function () {
  73. Vue.use(VueImagePreview);
  74. };
  75. export default ImagePreview;