@fe6/water-pro/lib/table-pro/src/hooks/use-table-header.js

An enterprise-class UI design language and Vue-based implementation

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useTableHeader = useTableHeader;

var _vue = require("vue");

var _shared = require("@fe6/shared");

var _tsx = require("../../../_util/tsx");

var _tableHeader = _interopRequireDefault(require("../components/table-header"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function useTableHeader(propsRef, slots) {
  var getHeaderProps = (0, _vue.computed)(function () {
    var _unref = (0, _vue.unref)(propsRef),
        title = _unref.title,
        showTableSetting = _unref.showTableSetting,
        titleHelpMessage = _unref.titleHelpMessage,
        tableSetting = _unref.tableSetting;

    var hideTitle = !slots.tableTitle && !title && !slots.toolbar && !showTableSetting;

    if (hideTitle && !(0, _shared.isString)(title)) {
      return {};
    }

    return {
      title: hideTitle ? null : function () {
        return (0, _vue.h)(_tableHeader.default, {
          title: title,
          titleHelpMessage: titleHelpMessage,
          showTableSetting: showTableSetting,
          tableSetting: tableSetting
        }, _extends(_extends({}, slots.toolbar ? {
          toolbar: function toolbar() {
            return (0, _tsx.getSlot)(slots, 'toolbar');
          }
        } : {}), slots.tableTitle ? {
          tableTitle: function tableTitle() {
            return (0, _tsx.getSlot)(slots, 'tableTitle');
          }
        } : {}));
      }
    };
  });
  return {
    getHeaderProps: getHeaderProps
  };
}