@aliretail/react-materials-components/lib/Tablex/components/FullscreenButton/index.js

B 端物料组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));

var _button = _interopRequireDefault(require("@alifd/next/lib/button"));

var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));

var _react = _interopRequireDefault(require("react"));

var R = _interopRequireWildcard(require("ramda"));

var _ahooks = require("ahooks");

var _TableContext = require("../../TableContext");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function FullscreenButton(_ref) {
  var tableState = _ref.tableState;
  var containerId = tableState.containerId;

  var _useFullscreen = (0, _ahooks.useFullscreen)(document.getElementById(containerId), {
    onFull: function onFull() {
      var ele = document.getElementById(containerId);

      if (ele) {
        ele.style.padding = '20px';
        ele.style.background = '#ffffff';
      }
    },
    onExitFull: function onExitFull() {
      var ele = document.getElementById(containerId);

      if (ele) {
        ele.style.padding = '0';
        ele.style.background = 'initial';
      }
    }
  }),
      isFullscreen = _useFullscreen[0],
      toggleFull = _useFullscreen[1].toggleFull;

  return /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
    trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
      text: true,
      size: "large",
      onClick: toggleFull,
      "data-name": "AliretailTableFullscreen"
    }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
      type: "ic_fullscreen"
    })),
    triggerType: "hover",
    closable: false
  }, "\u5168\u5C4F\u67E5\u770B");
}

var withContext = function withContext(Comp) {
  var TableFullscreen = function TableFullscreen(props) {
    // props 为组件直接传入的 props 一般不需要使用此 props
    return /*#__PURE__*/_react["default"].createElement(_TableContext.TableConsumer, null, function (context) {
      var filterProps = R.pickAll(['tableState', 'tableStateChange'], context);
      var actionBarProps = (0, _extends2["default"])({}, props, {
        tableState: filterProps.tableState,
        tableStateChange: filterProps.tableStateChange
      });
      return /*#__PURE__*/_react["default"].createElement(Comp, actionBarProps);
    });
  };

  TableFullscreen.displayName = 'AliretailTableFullscreen';
  return TableFullscreen;
};

var _default = withContext(FullscreenButton);

exports["default"] = _default;