tdesign-react/cjs/table/hooks/useAsyncLoading.js

TDesign Component for React

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

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var defineProperty = require('../../_chunks/dep-56a79f9c.js');
var slicedToArray = require('../../_chunks/dep-48e1db8c.js');
var React = require('react');
var classNames = require('classnames');
var loading_index = require('../../loading/index.js');
var table_hooks_useClassName = require('./useClassName.js');
var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
var isString = require('../../_chunks/dep-3c8023f1.js');
require('../../_chunks/dep-5b35215f.js');
require('../../_chunks/dep-6b4846c3.js');
require('../../loading/Loading.js');
require('../../_util/dom.js');
require('raf');
require('../../_util/easing.js');
require('../../_chunks/dep-6e34d7d7.js');
require('../../_chunks/dep-ec3beb8d.js');
require('../../_chunks/dep-d45b3350.js');
require('../../hooks/useConfig.js');
require('../../config-provider/ConfigContext.js');
require('../../_chunks/dep-fa2097c1.js');
require('../../_chunks/dep-f6f16bd8.js');
require('dayjs');
require('../../_chunks/dep-59bb0827.js');
require('../../_chunks/dep-68f8743f.js');
require('../../_chunks/dep-a8d0483a.js');
require('../../_chunks/dep-b7e21379.js');
require('../../_chunks/dep-73937edb.js');
require('../../_chunks/dep-8d4e8f1c.js');
require('../../_chunks/dep-1d022321.js');
require('../../_chunks/dep-ab08e148.js');
require('../../_chunks/dep-9df70348.js');
require('../../_chunks/dep-af16359b.js');
require('../../_chunks/dep-e11afe29.js');
require('../../_chunks/dep-346ac5f4.js');
require('../../_chunks/dep-612ec5c9.js');
require('../../_chunks/dep-4d25d6c0.js');
require('../../_chunks/dep-496c0353.js');
require('../../_chunks/dep-1f530d81.js');
require('../../_chunks/dep-a4bc3144.js');
require('../../_chunks/dep-535a3b69.js');
require('../../_chunks/dep-d11b328f.js');
require('../../common/Portal.js');
require('react-dom');
require('../../hooks/useLayoutEffect.js');
require('../../_chunks/dep-c43c91af.js');
require('../../_chunks/dep-9ecc1939.js');
require('../../_chunks/dep-f500d2b7.js');
require('../../_chunks/dep-82a8b824.js');
require('../../hooks/useDomRefCallback.js');
require('../../loading/defaultProps.js');
require('../../hooks/useDefaultProps.js');
require('../../loading/plugin.js');
require('../../_util/react-render.js');
require('../../_chunks/dep-e9660f30.js');
require('../../common/PluginContainer.js');
require('../../config-provider/ConfigProvider.js');
require('../../_chunks/dep-48ac011e.js');
require('../../_chunks/dep-c4eb94d2.js');
require('../../_chunks/dep-d5a77c7c.js');
require('../../_chunks/dep-b7847924.js');
require('../../_chunks/dep-0d35f53a.js');
require('../../_chunks/dep-d8727aa2.js');
require('../../_chunks/dep-440a0ba0.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);

function useAsyncLoading(props) {
  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("table"),
    _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 1),
    local = _useLocaleReceiver2[0];
  var _useClassName = table_hooks_useClassName["default"](),
    isLoadingClass = _useClassName.isLoadingClass,
    isLoadMoreClass = _useClassName.isLoadMoreClass,
    asyncLoadingClass = _useClassName.asyncLoadingClass;
  var classes = [asyncLoadingClass, defineProperty._defineProperty(defineProperty._defineProperty({}, isLoadingClass, props.asyncLoading === "loading"), isLoadMoreClass, props.asyncLoading === "load-more")];
  function onLoadClick() {
    var _props$onAsyncLoading;
    if (typeof props.asyncLoading !== "string") return;
    var status = props.asyncLoading === "loading" ? "loading" : "load-more";
    (_props$onAsyncLoading = props.onAsyncLoadingClick) === null || _props$onAsyncLoading === void 0 || _props$onAsyncLoading.call(props, {
      status: status
    });
  }
  function renderAsyncLoading() {
    var asyncLoadingNode = props.asyncLoading;
    if (isString.isString(asyncLoadingNode)) {
      var asyncLoading = props.asyncLoading;
      var loadingText = {
        "load-more": local.loadingMoreText,
        loading: local.loadingText
      }[String(asyncLoading)];
      return /* @__PURE__ */React__default["default"].createElement("div", {
        className: classNames__default["default"](classes),
        onClick: onLoadClick
      }, /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
        loading: true,
        size: "small",
        text: loadingText,
        indicator: asyncLoading === "loading"
      }));
    }
    if (asyncLoadingNode) {
      return /* @__PURE__ */React__default["default"].createElement("div", {
        className: classNames__default["default"](classes),
        onClick: onLoadClick
      }, asyncLoadingNode);
    }
    return null;
  }
  return {
    renderAsyncLoading: renderAsyncLoading
  };
}

exports["default"] = useAsyncLoading;
//# sourceMappingURL=useAsyncLoading.js.map