You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.0 KiB
63 lines
2.0 KiB
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = void 0;
|
|
|
|
require("antd/es/dropdown/style");
|
|
|
|
var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
|
|
|
|
require("antd/es/tooltip/style");
|
|
|
|
var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
|
|
|
|
require("antd/es/menu/style");
|
|
|
|
var _menu = _interopRequireDefault(require("antd/es/menu"));
|
|
|
|
var _proProvider = require("@ant-design/pro-provider");
|
|
|
|
var _react = _interopRequireDefault(require("react"));
|
|
|
|
var _icons = require("@ant-design/icons");
|
|
|
|
var _container = _interopRequireDefault(require("../../container"));
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var DensityIcon = function DensityIcon(_, ref) {
|
|
var counter = _container.default.useContainer();
|
|
|
|
var intl = (0, _proProvider.useIntl)();
|
|
return /*#__PURE__*/_react.default.createElement(_dropdown.default, {
|
|
overlay: /*#__PURE__*/_react.default.createElement(_menu.default, {
|
|
selectedKeys: [counter.tableSize],
|
|
onClick: function onClick(_ref) {
|
|
var key = _ref.key;
|
|
|
|
if (counter.setTableSize) {
|
|
counter.setTableSize(key);
|
|
}
|
|
},
|
|
style: {
|
|
width: 80
|
|
}
|
|
}, /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
|
|
key: "large"
|
|
}, intl.getMessage('tableToolBar.densityLarger', '默认')), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
|
|
key: "middle"
|
|
}, intl.getMessage('tableToolBar.densityMiddle', '中等')), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
|
|
key: "small"
|
|
}, intl.getMessage('tableToolBar.densitySmall', '紧凑'))),
|
|
trigger: ['click']
|
|
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
ref: ref,
|
|
title: intl.getMessage('tableToolBar.density', '表格密度')
|
|
}, /*#__PURE__*/_react.default.createElement(_icons.ColumnHeightOutlined, null)));
|
|
};
|
|
|
|
var _default = _react.default.forwardRef(DensityIcon);
|
|
|
|
exports.default = _default; |