@uiw-admin/components/lib/ProTable/index.js

业务组件集合

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
var _exportNames = {};
exports["default"] = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _uiw = require("uiw");
var _Skeleton = _interopRequireDefault(require("../Skeleton"));
var _BaseTable = _interopRequireDefault(require("./BaseTable"));
var _BaseForm = _interopRequireDefault(require("./BaseForm"));
var _hooks = require("./hooks");
var _request = require("@kkt/request");
var _jsxRuntime = require("react/jsx-runtime");
var _types = require("./types");
Object.keys(_types).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _types[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _types[key];
    }
  });
});
var _excluded = ["table", "columns", "operateButtons", "searchBtns", "onBeforeSearch", "paginationProps", "formCol", "tableHeadHidden", "tableBackgroundColor"];
var ProTabel = function ProTabel(props) {
  var table = props.table,
    columns = props.columns,
    _props$operateButtons = props.operateButtons,
    operateButtons = _props$operateButtons === void 0 ? [] : _props$operateButtons,
    searchBtns = props.searchBtns,
    onBeforeSearch = props.onBeforeSearch,
    paginationProps = props.paginationProps,
    formCol = props.formCol,
    tableHeadHidden = props.tableHeadHidden,
    tableBackgroundColor = props.tableBackgroundColor,
    tableProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var key = table.key,
    onReset = table.onReset,
    onRefersh = table.onRefersh,
    updateStore = table.updateStore,
    formatData = table.formatData,
    query = table.query,
    searchValues = table.searchValues,
    loading = table.loading,
    onSearch = table.onSearch,
    selection = table.selection,
    pageIndex = table.pageIndex,
    form = table.form,
    updateForm = table.updateForm,
    setPageIndex = table.setPageIndex,
    mutate = table.mutate,
    requestOptions = table.requestOptions;
  var store = (0, _react.useMemo)(function () {
    return {
      data: [],
      onReset: onReset,
      onRefersh: onRefersh,
      key: key,
      updateStore: updateStore,
      formatData: formatData,
      query: query,
      searchValues: searchValues,
      onSearch: onSearch,
      selection: selection,
      pageIndex: pageIndex,
      form: form,
      updateForm: updateForm,
      setPageIndex: setPageIndex,
      mutate: mutate,
      requestOptions: requestOptions
    };
  }, [JSON.stringify(table)]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hooks.StoreCtx.Provider, {
    value: (0, _objectSpread2["default"])({}, store),
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Skeleton["default"], {
      loading: loading,
      children: [searchBtns && searchBtns.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uiw.Card, {
        noHover: true,
        style: {
          marginBottom: 14
        },
        bodyStyle: {
          padding: '8px 14px'
        },
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseForm["default"], {
          columns: columns,
          searchBtns: searchBtns,
          onBeforeSearch: onBeforeSearch,
          formCol: formCol
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uiw.Card, {
        noHover: true,
        children: [operateButtons && operateButtons.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          style: {
            background: '#fff',
            paddingBottom: 14
          },
          children: operateButtons.map(function (btn, idx) {
            return btn !== null && btn !== void 0 && btn.render ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
              children: btn.render
            }, idx.toString()) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uiw.Button, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, btn), {}, {
              children: btn.label
            }), idx.toString());
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: ['uiw-admin-protable', tableHeadHidden ? 'is-need-table-header' : '', tableBackgroundColor ? 'table-parent-uiw-admin' : ''].filter(function (it) {
            return it;
          }).join(' '),
          style: {
            backgroundColor: tableBackgroundColor
          },
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseTable["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
            columns: columns
          }, tableProps), {}, {
            paginationProps: paginationProps
          }))
        })]
      })]
    })
  });
};
var Tables = function Tables(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_request.QueryClientProvider, {
    client: _request.queryClient,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ProTabel, (0, _objectSpread2["default"])({}, props))
  });
};
var _default = Tables;
exports["default"] = _default;