tdesign-react/lib/image-viewer/defaultTrigger.js

TDesign Component for React

/**
 * tdesign v1.16.2
 * (c) 2025 tdesign
 * @license MIT
 */

import { _ as _slicedToArray } from '../_chunks/dep-10d5731f.js';
import React from 'react';
import { BrowseIcon } from 'tdesign-icons-react';
import { Image } from '../image/index.js';
import useConfig from '../hooks/useConfig.js';
import { useLocaleReceiver } from '../locale/LocalReceiver.js';
import '../_chunks/dep-74a10cfb.js';
import '../image/Image.js';
import '../_chunks/dep-d67deb2c.js';
import '../_chunks/dep-8abcbcbc.js';
import '../_chunks/dep-ed34fbd4.js';
import 'classnames';
import 'lodash-es';
import '../_chunks/dep-4495ba46.js';
import '../image/defaultProps.js';
import '../space/index.js';
import '../space/Space.js';
import 'react-is';
import '../_chunks/dep-fe89155e.js';
import '../_chunks/dep-a3a3e527.js';
import '../space/defaultProps.js';
import '../hooks/useDefaultProps.js';
import '../config-provider/ConfigContext.js';
import '../_chunks/dep-6b235a32.js';
import '../_chunks/dep-b9afa32b.js';
import 'dayjs';
import '../hooks/useGlobalIcon.js';
import '../hooks/useImagePreviewUrl.js';
import '../_chunks/dep-2ba7b13f.js';
import '../_chunks/dep-db0d9518.js';
import '../config-provider/ConfigProvider.js';

var DefaultTrigger = function DefaultTrigger(_ref) {
  var showImage = _ref.showImage,
    onClick = _ref.onClick;
  var _useConfig = useConfig(),
    classPrefix = _useConfig.classPrefix;
  var _useLocaleReceiver = useLocaleReceiver("imageViewer"),
    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
    local = _useLocaleReceiver2[0];
  return /* @__PURE__ */React.createElement("div", {
    className: "".concat(classPrefix, "-image-viewer__trigger"),
    onClick: onClick
  }, /* @__PURE__ */React.createElement(Image, {
    src: showImage,
    alt: "preview",
    fit: "contain",
    className: "".concat(classPrefix, "-image-viewer__trigger-img")
  }), /* @__PURE__ */React.createElement("div", {
    className: "".concat(classPrefix, "-image-viewer__trigger--hover")
  }, /* @__PURE__ */React.createElement("span", null, /* @__PURE__ */React.createElement(BrowseIcon, {
    size: "1.4em",
    className: "".concat(classPrefix, "-image-viewer__trigger-icon")
  }), local.previewText)));
};

export { DefaultTrigger };
//# sourceMappingURL=defaultTrigger.js.map