github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: icon support custom icon #2245

pull/1775/head
tanjinzhou 2020-07-01 14:35:05 +08:00
parent 3f66cf4044
commit 8aea76b831
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/button/button.jsx
View File

@ -1,7 +1,7 @@
import Wave from '../_util/wave';
import Icon from '../icon';
import buttonTypes from './buttonTypes';
import { filterEmpty, getListeners } from '../_util/props-util';
import { filterEmpty, getListeners, getComponentFromProp } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider';
const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
@ -134,12 +134,14 @@ export default {
return child;
},
isNeedInserted() {
const { icon, $slots, type } = this;
const { $slots, type } = this;
const icon = getComponentFromProp(this, 'icon');
return $slots.default && $slots.default.length === 1 && !icon && type !== 'link';
},
},
render() {
const { type, htmlType, classes, icon, disabled, handleClick, sLoading, $slots, $attrs } = this;
const { type, htmlType, classes, disabled, handleClick, sLoading, $slots, $attrs } = this;
const icon = getComponentFromProp(this, 'icon');
const buttonProps = {
attrs: {
...$attrs,

2
components/button/buttonTypes.js
View File

@ -3,7 +3,7 @@ export default () => ({
prefixCls: PropTypes.string,
type: PropTypes.string,
htmlType: PropTypes.oneOf(['button', 'submit', 'reset']).def('button'),
icon: PropTypes.string,
icon: PropTypes.any,
shape: PropTypes.oneOf(['circle', 'circle-outline', 'round']),
size: PropTypes.oneOf(['small', 'large', 'default']).def('default'),
loading: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),