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.
42 lines
1.5 KiB
42 lines
1.5 KiB
import "antd/es/dropdown/style";
|
|
import _Dropdown from "antd/es/dropdown";
|
|
import "antd/es/tooltip/style";
|
|
import _Tooltip from "antd/es/tooltip";
|
|
import "antd/es/menu/style";
|
|
import _Menu from "antd/es/menu";
|
|
import { useIntl } from '@ant-design/pro-provider';
|
|
import React from 'react';
|
|
import { ColumnHeightOutlined } from '@ant-design/icons';
|
|
import Container from '../../container';
|
|
|
|
var DensityIcon = function DensityIcon(_, ref) {
|
|
var counter = Container.useContainer();
|
|
var intl = useIntl();
|
|
return /*#__PURE__*/React.createElement(_Dropdown, {
|
|
overlay: /*#__PURE__*/React.createElement(_Menu, {
|
|
selectedKeys: [counter.tableSize],
|
|
onClick: function onClick(_ref) {
|
|
var key = _ref.key;
|
|
|
|
if (counter.setTableSize) {
|
|
counter.setTableSize(key);
|
|
}
|
|
},
|
|
style: {
|
|
width: 80
|
|
}
|
|
}, /*#__PURE__*/React.createElement(_Menu.Item, {
|
|
key: "large"
|
|
}, intl.getMessage('tableToolBar.densityLarger', '默认')), /*#__PURE__*/React.createElement(_Menu.Item, {
|
|
key: "middle"
|
|
}, intl.getMessage('tableToolBar.densityMiddle', '中等')), /*#__PURE__*/React.createElement(_Menu.Item, {
|
|
key: "small"
|
|
}, intl.getMessage('tableToolBar.densitySmall', '紧凑'))),
|
|
trigger: ['click']
|
|
}, /*#__PURE__*/React.createElement(_Tooltip, {
|
|
ref: ref,
|
|
title: intl.getMessage('tableToolBar.density', '表格密度')
|
|
}, /*#__PURE__*/React.createElement(ColumnHeightOutlined, null)));
|
|
};
|
|
|
|
export default React.forwardRef(DensityIcon); |