yanyu/antd-tiny-vue
1
0
Fork 0
mirror of https://github.com/antd-tiny-vue/antd-tiny-vue.git synced 2025-07-03 18:43:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: change info

Browse Source
This commit is contained in:
zhuzhengjian
2023-04-17 10:09:13 +08:00
parent 7ae7f3a878
commit 7cead859d1
2 changed files with 62 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
components/button/button.tsx
View File

@ -58,8 +58,8 @@ const Button = defineComponent({
small: 'sm',
middle: undefined
}
const sizeFullname = compactSize?.value || size.value
return sizeClassNameMap[sizeFullname]
const sizeFullName = compactSize?.value || size.value
return sizeClassNameMap[sizeFullName]
})
const disabled = useDisabled(props)
const buttonRef = shallowRef<HTMLButtonElement | null>(null)
@ -73,6 +73,30 @@ const Button = defineComponent({
)
const [hasTwoCNChar, setHasTwoCNChar] = useState(false)
const isNeedInserted = (children: any) => {
return (
children.length === 1 &&
!slots.icon &&
isUnBorderedButtonType(props.type)
)
}
const fixTwoCNChar = (children: any) => {
// console.log(buttonRef)
// FIXME: for HOC usage like <FormatMessage />
if (!buttonRef.value || autoInsertSpaceInButton.value === false) {
return
}
const buttonText = buttonRef.value.textContent
if (isNeedInserted(children) && isTwoCNChar(buttonText as string)) {
if (!hasTwoCNChar) {
setHasTwoCNChar(true)
}
} else if (hasTwoCNChar) {
setHasTwoCNChar(false)
}
}
let delayTimer: number | null = null
onMounted(() => {
@ -84,7 +108,6 @@ const Button = defineComponent({
} else {
setLoading(loadingOrDelay.value.loading)
}
// fixTwoCNChar()
})
function cleanupTimer() {
@ -128,29 +151,8 @@ const Button = defineComponent({
const { shape, rootClassName, ghost, type, block, danger } = props
const icon = getSlotsProps(slots, props, 'icon')
const children = filterEmpty(slots.default?.())
const isNeedInserted = () => {
return (
children.length === 1 &&
!slots.icon &&
isUnBorderedButtonType(props.type)
)
}
const fixTwoCNChar = () => {
// FIXME: for HOC usage like <FormatMessage />
if (!buttonRef.value || autoInsertSpaceInButton.value === false) {
return
}
const buttonText = buttonRef.value.textContent
if (isNeedInserted() && isTwoCNChar(buttonText as string)) {
if (!hasTwoCNChar) {
setHasTwoCNChar(true)
}
} else if (hasTwoCNChar) {
setHasTwoCNChar(false)
}
}
fixTwoCNChar()
fixTwoCNChar(children)
showError()
const iconType = innerLoading.value ? 'loading' : icon
@ -198,7 +200,12 @@ const Button = defineComponent({
)
}
let buttonNode = (
<button {...attrs} onClick={handleClick} class={classes}>
<button
{...attrs}
onClick={handleClick}
class={classes}
ref={buttonRef}
>
{children}
</button>
)