diff --git a/.vscode/settings.json b/.vscode/settings.json index b1af5a5299..e5c735fc61 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -24,13 +24,5 @@ "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, - "cSpell.words": [ - "activable", - "actived", - "borderless", - "Cascader", - "Popconfirm", - "Swiper", - "tdesign" - ] + "cSpell.words": ["activable", "actived", "borderless", "Cascader", "Popconfirm", "Swiper", "tdesign"] } diff --git a/src/common/Check.tsx b/src/common/Check.tsx index fec6d9721f..c30ec48ff2 100644 --- a/src/common/Check.tsx +++ b/src/common/Check.tsx @@ -1,4 +1,4 @@ -import React, { Ref, forwardRef, useContext, MouseEvent } from 'react'; +import React, { forwardRef, useContext, MouseEvent, ChangeEvent } from 'react'; import classNames from 'classnames'; import isBoolean from 'lodash/isBoolean'; import { omit } from '../_util/helper'; @@ -27,7 +27,7 @@ export interface CheckContextValue { inject: (props: CheckProps) => CheckProps; } -const Check = forwardRef((_props: CheckProps, ref: Ref<HTMLLabelElement>) => { +const Check = forwardRef<HTMLLabelElement, CheckProps>((_props, ref) => { // 支持从 Context 注入 const context = useContext(CheckContext); const props = context ? context.inject(_props) : _props; @@ -53,9 +53,7 @@ const Check = forwardRef((_props: CheckProps, ref: Ref<HTMLLabelElement>) => { const TOnChange: ( checked: boolean, - context: { - e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement>; - }, + context: { e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLInputElement> }, ) => void = onChange; const [internalChecked, setInternalChecked] = useControlled(props, 'checked', TOnChange); @@ -90,9 +88,11 @@ const Check = forwardRef((_props: CheckProps, ref: Ref<HTMLLabelElement>) => { // Checkbox/ Radio 内容为空则不再渲染 span,不存在 0:Number 的情况 const showLabel = !!(children || label); - const handleLabelClick = (event) => { + const handleLabelClick = (event: MouseEvent<HTMLSpanElement>) => { // 在tree等组件中使用 阻止label触发checked 与expand冲突 - if (props.stopLabelTrigger) event.preventDefault(); + if (props.stopLabelTrigger) { + event.preventDefault(); + } }; const onInnerClick = (e: MouseEvent<HTMLLabelElement>) => { diff --git a/src/radio/Radio.tsx b/src/radio/Radio.tsx index e23ed272ab..d679d70c3d 100644 --- a/src/radio/Radio.tsx +++ b/src/radio/Radio.tsx @@ -3,20 +3,22 @@ import forwardRefWithStatics from '../_util/forwardRefWithStatics'; import Check, { CheckProps } from '../common/Check'; import RadioGroup from './RadioGroup'; import { radioDefaultProps } from './defaultProps'; +import useDefaultProps from '../hooks/useDefaultProps'; export type RadioProps = Omit<CheckProps, 'type'>; const Radio = forwardRefWithStatics( - (props: RadioProps, ref: Ref<HTMLLabelElement>) => <Check ref={ref} type="radio" {...props} />, + (props: RadioProps, ref: Ref<HTMLLabelElement>) => ( + <Check ref={ref} type="radio" {...useDefaultProps<RadioProps>(props, radioDefaultProps)} /> + ), { Group: RadioGroup, - Button: forwardRef((props: RadioProps, ref: Ref<HTMLLabelElement>) => ( - <Check ref={ref} type="radio-button" {...props} /> + Button: forwardRef<HTMLLabelElement, RadioProps>((props, ref) => ( + <Check ref={ref} type="radio-button" {...useDefaultProps<RadioProps>(props, radioDefaultProps)} /> )), }, ); Radio.displayName = 'Radio'; -Radio.defaultProps = radioDefaultProps; export default Radio; diff --git a/src/radio/RadioGroup.tsx b/src/radio/RadioGroup.tsx index 9032d3532d..d8f92ad022 100644 --- a/src/radio/RadioGroup.tsx +++ b/src/radio/RadioGroup.tsx @@ -9,6 +9,7 @@ import { CheckContext, CheckContextValue } from '../common/Check'; import Radio from './Radio'; import useMutationObservable from '../_util/useMutationObserver'; import { radioGroupDefaultProps } from './defaultProps'; +import useDefaultProps from '../hooks/useDefaultProps'; import useKeyboard from './useKeyboard'; /** @@ -21,8 +22,11 @@ export interface RadioGroupProps extends TdRadioGroupProps, StyledProps { /** * 单选选项组,里面可以嵌套 <Radio /> */ -const RadioGroup = (props: RadioGroupProps) => { +const RadioGroup: React.FC<RadioGroupProps> = (originalProps) => { const { classPrefix } = useConfig(); + + const props = useDefaultProps<RadioGroupProps>(originalProps, radioGroupDefaultProps); + const { disabled, children, onChange, size, variant, options = [], className, style } = props; const [internalValue, setInternalValue] = useControlled(props, 'value', onChange); @@ -61,9 +65,13 @@ const RadioGroup = (props: RadioGroupProps) => { }; const calcBarStyle = () => { - if (!variant.includes('filled')) return; + if (!variant.includes('filled')) { + return; + } const checkedRadio = radioGroupRef.current.querySelector?.(checkedRadioCls) as HTMLElement; - if (!checkedRadio) return setBarStyle({ width: 0 }); + if (!checkedRadio) { + return setBarStyle({ width: 0 }); + } const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = checkedRadio; setBarStyle({ @@ -81,7 +89,9 @@ const RadioGroup = (props: RadioGroupProps) => { useMutationObservable(radioGroupRef.current, calcBarStyle); const renderBlock = () => { - if (!variant.includes('filled')) return null; + if (!variant.includes('filled')) { + return null; + } return <div style={barStyle} className={`${classPrefix}-radio-group__bg-block`}></div>; }; @@ -126,6 +136,5 @@ const RadioGroup = (props: RadioGroupProps) => { }; RadioGroup.displayName = 'RadioGroup'; -RadioGroup.defaultProps = radioGroupDefaultProps; export default RadioGroup; diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap index 2b7eec7090..f7d1b35889 100644 --- a/test/snap/__snapshots__/csr.test.jsx.snap +++ b/test/snap/__snapshots__/csr.test.jsx.snap @@ -92203,12 +92203,12 @@ exports[`csr snapshot test > csr test src/form/_example/disabled.jsx 1`] = ` class="t-radio-group t-size-m t-radio-group__outline" > <label - class="t-radio" - tabindex="0" + class="t-radio t-is-disabled" > <input class="t-radio__former" data-value="'1'" + disabled="" tabindex="-1" type="radio" value="1" @@ -92223,12 +92223,12 @@ exports[`csr snapshot test > csr test src/form/_example/disabled.jsx 1`] = ` </span> </label> <label - class="t-radio" - tabindex="0" + class="t-radio t-is-disabled" > <input class="t-radio__former" data-value="'2'" + disabled="" tabindex="-1" type="radio" value="2" @@ -92986,12 +92986,12 @@ exports[`csr snapshot test > csr test src/form/_example/disabled.jsx 1`] = ` class="t-radio-group t-size-m t-radio-group__outline" > <label - class="t-radio" - tabindex="0" + class="t-radio t-is-disabled" > <input class="t-radio__former" data-value="'1'" + disabled="" tabindex="-1" type="radio" value="1" @@ -93006,12 +93006,12 @@ exports[`csr snapshot test > csr test src/form/_example/disabled.jsx 1`] = ` </span> </label> <label - class="t-radio" - tabindex="0" + class="t-radio t-is-disabled" > <input class="t-radio__former" data-value="'2'" + disabled="" tabindex="-1" type="radio" value="2" diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index c4fece2d4e..1f897ac900 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -372,7 +372,7 @@ exports[`ssr snapshot test > ssr test src/form/_example/clear-validate.jsx 1`] = exports[`ssr snapshot test > ssr test src/form/_example/custom-validator.jsx 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__rePassword\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>确认密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin:0 12px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清除校验状态</span></button></div></div></div></form>"`; -exports[`ssr snapshot test > ssr test src/form/_example/disabled.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"margin-left:36px\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"false\\" value=\\"0\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">启用</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"true\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">禁用</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-disabled t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" disabled=\\"\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__address1\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>寄件地址</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\" value=\\"江苏\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"江苏\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-fake-arrow--disable\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__address2\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>收件地址</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select cascader data\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon t-is-disabled\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>日期</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select date\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__personalProfile\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-textarea\\"><textarea placeholder=\\"简单描述自己的经历\\" class=\\"t-textarea__inner t-is-disabled\\" disabled=\\"\\"></textarea></div></div></div></div><div class=\\"t-form__item t-form-item__message\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>短信</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" disabled=\\"\\" class=\\"t-switch t-is-checked t-is-disabled t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\">接受</div></button></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'3'\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__gradePoint\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>绩点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-number t-size-m t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-disabled t-align-left\\"><input placeholder=\\"数字\\" type=\\"text\\" class=\\"t-input__inner\\" disabled=\\"\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__avatar\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>头像</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-upload\\"><input type=\\"file\\" disabled=\\"\\" accept=\\"image/*\\" hidden=\\"\\"/><div><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-upload__card-image\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\"></div></div></div></div><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg></span></div></div><a target=\\"_blank\\" href=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color\\">avatar.jpg</a></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传</small></div></div></div></div><div class=\\"t-form__item\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div style=\\"margin-right:10px\\" type=\\"submit\\" disabled=\\"\\" class=\\"t-button t-button--theme-primary t-button--variant-base t-is-disabled\\"><span class=\\"t-button__text\\">提交</span></div><div type=\\"reset\\" disabled=\\"\\" class=\\"t-button t-button--theme-default t-button--variant-base t-is-disabled\\"><span class=\\"t-button__text\\">重置</span></div></div></div></div></form></div></div>"`; +exports[`ssr snapshot test > ssr test src/form/_example/disabled.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div style=\\"margin-left:36px\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"false\\" value=\\"0\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">启用</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"true\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">禁用</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-disabled t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" disabled=\\"\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__address1\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>寄件地址</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\" value=\\"江苏\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"江苏\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-fake-arrow--disable\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__address2\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>收件地址</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select cascader data\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon t-is-disabled\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>日期</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-is-disabled t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select date\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" disabled=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__personalProfile\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-textarea\\"><textarea placeholder=\\"简单描述自己的经历\\" class=\\"t-textarea__inner t-is-disabled\\" disabled=\\"\\"></textarea></div></div></div></div><div class=\\"t-form__item t-form-item__message\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>短信</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" disabled=\\"\\" class=\\"t-switch t-is-checked t-is-disabled t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\">接受</div></button></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"'3'\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__gradePoint\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>绩点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-number t-size-m t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-disabled t-align-left\\"><input placeholder=\\"数字\\" type=\\"text\\" class=\\"t-input__inner\\" disabled=\\"\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__avatar\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>头像</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-upload\\"><input type=\\"file\\" disabled=\\"\\" accept=\\"image/*\\" hidden=\\"\\"/><div><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-upload__card-image\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"/><div class=\\"t-image__loading\\"><div style=\\"gap:8px\\" class=\\"t-space t-space-align-center t-space-vertical\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\"></div></div></div></div><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg></span></div></div><a target=\\"_blank\\" href=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color\\">avatar.jpg</a></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传</small></div></div></div></div><div class=\\"t-form__item\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div style=\\"margin-right:10px\\" type=\\"submit\\" disabled=\\"\\" class=\\"t-button t-button--theme-primary t-button--variant-base t-is-disabled\\"><span class=\\"t-button__text\\">提交</span></div><div type=\\"reset\\" disabled=\\"\\" class=\\"t-button t-button--theme-default t-button--variant-base t-is-disabled\\"><span class=\\"t-button__text\\">重置</span></div></div></div></div></form></div></div>"`; exports[`ssr snapshot test > ssr test src/form/_example/error-message.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"'default'\\" checked=\\"\\" value=\\"default\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span class=\\"t-trigger\\">使用表单默认校验信息</span></span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"'config'\\" value=\\"config\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span class=\\"t-trigger\\">表单统一配置校验信息</span></span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-input__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-input__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"please enter\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>邮箱</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"'femal'\\" value=\\"femal\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"'3'\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"'4'\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"please select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>入学时间</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人网站</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></form></div></div>"`;