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

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

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); }

/** @format */
import { unref, computed, h } from 'vue';
import { isString } from '@fe6/shared';
import { getSlot } from '../../../_util/tsx';
import TableHeader from '../components/table-header';
export function useTableHeader(propsRef, slots) {
  var getHeaderProps = computed(function () {
    var _unref = unref(propsRef),
        title = _unref.title,
        showTableSetting = _unref.showTableSetting,
        titleHelpMessage = _unref.titleHelpMessage,
        tableSetting = _unref.tableSetting;

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

    if (hideTitle && !isString(title)) {
      return {};
    }

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