antd-tiny-vue/components/button/button-helper.tsx

// import type { VNode, VNodeChild } from 'vue'
// import { isString } from '@v-c/utils'
import { Text } from 'vue'
import type { VNode } from 'vue'

const rxTwoCNChar = /^[\u4E00-\u9FA5]{2}$/
export const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar)

export function isUnBorderedButtonType(type?: ButtonType) {
  return type === 'text' || type === 'link'
}
export const spaceChildren = (child: VNode, needInserted: boolean) => {
  const SPACE = needInserted ? ' ' : ''
  if (child.type === Text) {
    let text = (child.children as string).trim()
    if (isTwoCNChar(text)) {
      text = text.split('').join(SPACE)
    }
    return <span>{text}</span>
  }
  return child
}

//
// function splitCNCharsBySpace(child: VNodeChild , needInserted: boolean) {
//     if (child === null || child === undefined) {
//         return;
//     }
//
//     const SPACE = needInserted ? ' ' : '';
//
//     if (
//         typeof child !== 'string' &&
//         typeof child !== 'number' &&
//         isString((child as VNode)) &&
//         isTwoCNChar((child as VNode).children)
//     ) {
//         return cloneVNode(child as , {
//             children: child.props.children.split('').join(SPACE),
//         });
//     }
//
//     if (typeof child === 'string') {
//         return isTwoCNChar(child) ? <span>{child.split('').join(SPACE)}</span> : <span>{child}</span>;
//     }
//
//     if (isFragment(child)) {
//         return <span>{child}</span>;
//     }
//
//     return child;
// }
// export function spaceChildren(children: React.ReactNode, needInserted: boolean) {
//     let isPrevChildPure: boolean = false;
//     const childList: React.ReactNode[] = [];
//
//     React.Children.forEach(children, (child) => {
//         const type = typeof child;
//         const isCurrentChildPure = type === 'string' || type === 'number';
//         if (isPrevChildPure && isCurrentChildPure) {
//             const lastIndex = childList.length - 1;
//             const lastChild = childList[lastIndex];
//             childList[lastIndex] = `${lastChild}${child}`;
//         } else {
//             childList.push(child);
//         }
//
//         isPrevChildPure = isCurrentChildPure;
//     });
//
//     return React.Children.map(childList, (child) =>
//         splitCNCharsBySpace(child as React.ReactElement | string | number, needInserted),
//     );
// }

const ButtonTypes = [
  'default',
  'primary',
  'ghost',
  'dashed',
  'link',
  'text'
] as const
export type ButtonType = (typeof ButtonTypes)[number]

const ButtonShapes = ['default', 'circle', 'round'] as const
export type ButtonShape = (typeof ButtonShapes)[number]

const ButtonHTMLTypes = ['submit', 'button', 'reset'] as const
export type ButtonHTMLType = (typeof ButtonHTMLTypes)[number]