@ttk/component
Version:
ttk组件库
70 lines (62 loc) • 2.32 kB
JavaScript
import { _ as _extends } from '../extends-b1af4ff7.js';
import { _ as _defineProperty } from '../defineProperty-847730aa.js';
import React__default from 'react';
import { Dropdown } from 'antd';
import classNames from 'classnames';
import { _ as _objectWithoutProperties } from '../objectWithoutProperties-0c3c7796.js';
import Button from '../button';
import Icon from '../icon';
import '../_commonjsHelpers-471920d6.js';
var _excluded = ["type", "className", "overlay", "trigger", "align", "onClick", "disabled", "visible", "onVisibleChange", "placement", "children"];
var ButtonGroup = Button.Group;
function DropdownButton(props) {
var type = props.type,
className = props.className,
overlay = props.overlay,
trigger = props.trigger,
align = props.align,
onClick = props.onClick,
disabled = props.disabled,
visible = props.visible,
onVisibleChange = props.onVisibleChange,
placement = props.placement,
children = props.children,
other = _objectWithoutProperties(props, _excluded);
var cls = classNames(_defineProperty({
'ant-dropdown-button': true,
'mk-dropdown-button': true
}, className, !!className));
var dropdownProps = {
align: align,
overlay: overlay,
trigger: disabled ? [] : trigger,
onVisibleChange: onVisibleChange,
placement: placement
};
if ('visible' in props) {
dropdownProps.visible = visible;
}
return /*#__PURE__*/React__default.createElement(ButtonGroup, _extends({}, other, {
className: cls
}), /*#__PURE__*/React__default.createElement(Button, {
type: type,
onClick: onClick,
disabled: disabled
}, children), /*#__PURE__*/React__default.createElement(DropdownComponent, dropdownProps, /*#__PURE__*/React__default.createElement(Button, {
type: type,
disabled: disabled
}, /*#__PURE__*/React__default.createElement(Icon, {
type: "down"
}))));
}
function DropdownComponent(props) {
var className = classNames(_defineProperty({
'mk-dropdown': true
}, props.className, !!props.className));
return /*#__PURE__*/React__default.createElement(Dropdown, _extends({}, props, {
className: className
}));
}
DropdownComponent.Button = DropdownButton;
DropdownComponent.AntButton = Dropdown.Button;
export { DropdownComponent as default };