index.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof3 = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. Object.defineProperty(exports, "ImagePreviewGroup", {
  8. enumerable: true,
  9. get: function get() {
  10. return _PreviewGroup.default;
  11. }
  12. });
  13. exports.default = void 0;
  14. Object.defineProperty(exports, "imageProps", {
  15. enumerable: true,
  16. get: function get() {
  17. return _Image.imageProps;
  18. }
  19. });
  20. var _vue = require("vue");
  21. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  22. var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
  23. var _vcImage = _interopRequireDefault(require("../vc-image"));
  24. var _Image = require("../vc-image/src/Image");
  25. var _en_US = _interopRequireDefault(require("../locale/en_US"));
  26. var _useConfigInject2 = _interopRequireDefault(require("../_util/hooks/useConfigInject"));
  27. var _PreviewGroup = _interopRequireWildcard(require("./PreviewGroup"));
  28. var _EyeOutlined = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/EyeOutlined"));
  29. var _transition = require("../_util/transition");
  30. function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  31. function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  32. var Image = (0, _vue.defineComponent)({
  33. name: 'AImage',
  34. inheritAttrs: false,
  35. props: (0, _Image.imageProps)(),
  36. setup: function setup(props, _ref) {
  37. var slots = _ref.slots,
  38. attrs = _ref.attrs;
  39. var _useConfigInject = (0, _useConfigInject2.default)('image', props),
  40. prefixCls = _useConfigInject.prefixCls,
  41. rootPrefixCls = _useConfigInject.rootPrefixCls,
  42. configProvider = _useConfigInject.configProvider;
  43. var mergedPreview = (0, _vue.computed)(function () {
  44. var preview = props.preview;
  45. if (preview === false) {
  46. return preview;
  47. }
  48. var _preview = (0, _typeof2.default)(preview) === 'object' ? preview : {};
  49. return (0, _objectSpread2.default)((0, _objectSpread2.default)({
  50. icons: _PreviewGroup.icons
  51. }, _preview), {}, {
  52. transitionName: (0, _transition.getTransitionName)(rootPrefixCls.value, 'zoom', _preview.transitionName),
  53. maskTransitionName: (0, _transition.getTransitionName)(rootPrefixCls.value, 'fade', _preview.maskTransitionName)
  54. });
  55. });
  56. return function () {
  57. var _configProvider$local;
  58. var imageLocale = ((_configProvider$local = configProvider.locale) === null || _configProvider$local === void 0 ? void 0 : _configProvider$local.Image) || _en_US.default.Image;
  59. var defaultPreviewMask = function defaultPreviewMask() {
  60. return (0, _vue.createVNode)("div", {
  61. "class": "".concat(prefixCls.value, "-mask-info")
  62. }, [(0, _vue.createVNode)(_EyeOutlined.default, null, null), imageLocale === null || imageLocale === void 0 ? void 0 : imageLocale.preview]);
  63. };
  64. var _props$previewMask = props.previewMask,
  65. previewMask = _props$previewMask === void 0 ? slots.previewMask || defaultPreviewMask : _props$previewMask;
  66. return (0, _vue.createVNode)(_vcImage.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attrs), props), {}, {
  67. prefixCls: prefixCls.value
  68. })), {}, {
  69. "preview": mergedPreview.value
  70. }), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, slots), {}, {
  71. previewMask: typeof previewMask === 'function' ? previewMask : null
  72. }));
  73. };
  74. }
  75. });
  76. Image.PreviewGroup = _PreviewGroup.default;
  77. Image.install = function (app) {
  78. app.component(Image.name, Image);
  79. app.component(Image.PreviewGroup.name, Image.PreviewGroup);
  80. return app;
  81. };
  82. var _default = Image;
  83. exports.default = _default;