tdesign-react/lib/qrcode/QRCodeStatus.js

TDesign Component for React

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

import React, { useMemo, useCallback } from 'react';
import { RefreshIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';
import { Loading } from '../loading/index.js';
import '../loading/Loading.js';
import '../_chunks/dep-99591f55.js';
import '../_chunks/dep-8b6f4661.js';
import '../_chunks/dep-dcb6b3df.js';
import '../_chunks/dep-054b5858.js';
import '../_chunks/dep-3d8e28be.js';
import 'classnames';
import '../_chunks/dep-4bb7cfcf.js';
import 'lodash-es';
import '../common/Portal.js';
import 'react-dom';
import '../hooks/useConfig.js';
import '../config-provider/ConfigContext.js';
import '../_chunks/dep-b82e19f8.js';
import '../_chunks/dep-9293f372.js';
import 'dayjs';
import '../hooks/useLayoutEffect.js';
import '../hooks/useDefaultProps.js';
import '../loading/defaultProps.js';
import '../loading/gradient.js';
import '../_chunks/dep-57ad3d84.js';
import '../_chunks/dep-46d850af.js';
import '../_chunks/dep-550d14c2.js';
import '../_chunks/dep-045f6f97.js';
import '../_chunks/dep-343cd404.js';
import '../hooks/useDomRefCallback.js';
import '../loading/plugin.js';
import '../_util/react-render.js';
import '../_chunks/dep-5975a3a5.js';
import '../common/PluginContainer.js';
import '../config-provider/ConfigProvider.js';

var defaultSpin = /* @__PURE__ */React.createElement(Loading, {
  size: "32px"
});
function QRcodeStatus(_ref) {
  var locale = _ref.locale,
    classPrefix = _ref.classPrefix,
    onRefresh = _ref.onRefresh,
    statusRender = _ref.statusRender,
    status = _ref.status;
  var defaultExpiredNode = useMemo(function () {
    return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("p", {
      className: "".concat(classPrefix, "-expired__text")
    }, locale === null || locale === void 0 ? void 0 : locale.expiredText), onRefresh && /* @__PURE__ */React.createElement("p", {
      className: "".concat(classPrefix, "-expired__button"),
      onClick: onRefresh
    }, /* @__PURE__ */React.createElement(RefreshIcon, {
      size: 16
    }), locale === null || locale === void 0 ? void 0 : locale.refreshText));
  }, [classPrefix, locale === null || locale === void 0 ? void 0 : locale.expiredText, locale === null || locale === void 0 ? void 0 : locale.refreshText, onRefresh]);
  var defaultScannedNode = useMemo(function () {
    return /* @__PURE__ */React.createElement("p", {
      className: "".concat(classPrefix, "-scanned")
    }, /* @__PURE__ */React.createElement(CheckCircleFilledIcon, {
      size: 16,
      className: "".concat(classPrefix, "-scanned__icon")
    }), locale === null || locale === void 0 ? void 0 : locale.scannedText);
  }, [classPrefix, locale === null || locale === void 0 ? void 0 : locale.scannedText]);
  var defaultNodes = useMemo(function () {
    return {
      expired: defaultExpiredNode,
      loading: defaultSpin,
      scanned: defaultScannedNode
    };
  }, [defaultExpiredNode, defaultScannedNode]);
  var defaultStatusRender = useCallback(function (info) {
    return defaultNodes[info.status];
  }, [defaultNodes]);
  var mergedStatusRender = statusRender !== null && statusRender !== void 0 ? statusRender : defaultStatusRender;
  return /* @__PURE__ */React.createElement(React.Fragment, null, mergedStatusRender({
    status: status,
    onRefresh: onRefresh
  }) || null);
}

export { QRcodeStatus as default };
//# sourceMappingURL=QRCodeStatus.js.map