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

TDesign Component for React

/**
 * tdesign v1.16.6
 * (c) 2026 tdesign
 * @license MIT
 */

import { _ as _slicedToArray } from '../_chunks/dep-dcb6b3df.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-054b5858.js';
import '../_chunks/dep-3d8e28be.js';
import '../image/Image.js';
import '../_chunks/dep-99591f55.js';
import '../_chunks/dep-8b6f4661.js';
import '../_chunks/dep-343cd404.js';
import 'classnames';
import 'lodash-es';
import '../_chunks/dep-4ce363f2.js';
import '../image/defaultProps.js';
import '../space/index.js';
import '../space/Space.js';
import 'react-is';
import '../_chunks/dep-93ed2925.js';
import '../_chunks/dep-550d14c2.js';
import '../_chunks/dep-045f6f97.js';
import '../space/defaultProps.js';
import '../hooks/useDefaultProps.js';
import '../config-provider/ConfigContext.js';
import '../locale/zh_CN.js';
import '../_chunks/dep-ff92ac3d.js';
import 'dayjs';
import '../_chunks/dep-1c05fdb3.js';
import '../space/style/index.js';
import '../space/type.js';
import '../hooks/useGlobalIcon.js';
import '../hooks/useImagePreviewUrl.js';
import '../_chunks/dep-407f02d1.js';
import '../_chunks/dep-38fb5449.js';
import '../_chunks/dep-4a38d81d.js';
import '../config-provider/index.js';
import '../config-provider/ConfigProvider.js';
import '../config-provider/type.js';
import '../image/style/index.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