diff --git a/site/plugin-tdoc/md-to-react.js b/site/plugin-tdoc/md-to-react.js index 0f3acee8..b6b6fc2f 100644 --- a/site/plugin-tdoc/md-to-react.js +++ b/site/plugin-tdoc/md-to-react.js @@ -79,13 +79,14 @@ export default function mdToReact(options) { return ( <> ${ - mdSegment.tdDocHeader ? - `` : '' + >` + : '' } { isComponent ? ( @@ -95,15 +96,26 @@ export default function mdToReact(options) { ${mdSegment.demoMd.replace(/class=/g, 'className=')} - + - + -
-
+
+
- ) :
${mdSegment.docMd.replace(/class=/g, 'className=')}
+ ) :
${mdSegment.docMd.replace( + /class=/g, + 'className=', + )}
}
@@ -126,7 +138,7 @@ export default function mdToReact(options) { return { code: result.code, map: result.map }; } -const DEAULT_TABS = [ +const DEFAULT_TABS = [ { tab: 'demo', name: '示例' }, { tab: 'api', name: 'API' }, { tab: 'design', name: '指南' }, @@ -145,7 +157,7 @@ function customRender({ source, file, md }) { description: '', isComponent: false, tdDocHeader: true, - tdDocTabs: DEAULT_TABS, + tdDocTabs: DEFAULT_TABS, apiFlag: /#+\s*API/i, docClass: '', lastUpdated: Math.round(fs.statSync(file).mtimeMs), @@ -161,7 +173,7 @@ function customRender({ source, file, md }) { // fix table | render error demoMd = demoMd.replace(/`([^`]+)`/g, (str, codeStr) => { - codeStr = codeStr.replace(/"/g, '\''); + codeStr = codeStr.replace(/"/g, "'"); return ``; }); @@ -181,10 +193,19 @@ function customRender({ source, file, md }) { }; if (pageData.isComponent) { - mdSegment.demoMd = md.render.call(md, `${pageData.toc ? '[toc]\n' : ''}${demoMd.replace(//g, '')}`).html; - mdSegment.apiMd = md.render.call(md, `${pageData.toc ? '[toc]\n' : ''}${apiMd.replace(//g, '')}`).html; + mdSegment.demoMd = md.render.call( + md, + `${pageData.toc ? '[toc]\n' : ''}${demoMd.replace(//g, '')}`, + ).html; + mdSegment.apiMd = md.render.call( + md, + `${pageData.toc ? '[toc]\n' : ''}${apiMd.replace(//g, '')}`, + ).html; } else { - mdSegment.docMd = md.render.call(md, `${pageData.toc ? '[toc]\n' : ''}${content.replace(//g, '')}`).html; + mdSegment.docMd = md.render.call( + md, + `${pageData.toc ? '[toc]\n' : ''}${content.replace(//g, '')}`, + ).html; } // 移动端路由地址 diff --git a/site/plugin-tdoc/transforms.js b/site/plugin-tdoc/transforms.js index 65b53c6b..a3c06260 100644 --- a/site/plugin-tdoc/transforms.js +++ b/site/plugin-tdoc/transforms.js @@ -8,7 +8,7 @@ let demoCodesImports = {}; export default { before({ source, file }) { - const resouceDir = path.dirname(file); + const resourceDir = path.dirname(file); const reg = file.match(/src\/([\w-]+)\/([\w-]+)\.md/); const name = reg && reg[1]; demoCodesImports = {}; @@ -26,7 +26,7 @@ export default { // 替换成对应 demo 文件 source = source.replace(/\{\{\s+(.+)\s+\}\}/g, (demoStr, demoFileName) => { - const demoPath = path.resolve(resouceDir, `./_example/${demoFileName}.jsx`); + const demoPath = path.resolve(resourceDir, `./_example/${demoFileName}.jsx`); if (!fs.existsSync(demoPath)) { console.log('\x1B[36m%s\x1B[0m', `${name} 组件需要实现 _example/${demoFileName}.jsx 示例!`); return '\n

DEMO (🚧建设中）...

'; diff --git a/site/style/vars.less b/site/style/vars.less index ab8e77b6..8992443d 100644 --- a/site/style/vars.less +++ b/site/style/vars.less @@ -6,14 +6,14 @@ @primary-color-darken-3: darken(@primary-color, (43 - 19) * 1%); @primary-color-darken-4: darken(@primary-color, (43 - 11) * 1%); -@primary-color-ligher-1: lighten(@primary-color, (51 - 43) * 1%); -@primary-color-ligher-2: lighten(@primary-color, (59 - 43) * 1%); -@primary-color-ligher-3: lighten(@primary-color, (67 - 43) * 1%); -@primary-color-ligher-4: lighten(@primary-color, (75 - 43) * 1%); -@primary-color-ligher-5: lighten(@primary-color, (83 - 43) * 1%); -@primary-color-ligher-6: lighten(@primary-color, (91 - 43) * 1%); -@primary-color-ligher-7: lighten(@primary-color, (96 - 43) * 1%); -// @primary-color-ligher-6: hsl(217, 100, 91); +@primary-color-lighter-1: lighten(@primary-color, (51 - 43) * 1%); +@primary-color-lighter-2: lighten(@primary-color, (59 - 43) * 1%); +@primary-color-lighter-3: lighten(@primary-color, (67 - 43) * 1%); +@primary-color-lighter-4: lighten(@primary-color, (75 - 43) * 1%); +@primary-color-lighter-5: lighten(@primary-color, (83 - 43) * 1%); +@primary-color-lighter-6: lighten(@primary-color, (91 - 43) * 1%); +@primary-color-lighter-7: lighten(@primary-color, (96 - 43) * 1%); +// @primary-color-lighter-6: hsl(217, 100, 91); // 状态色 @success-color: #3ecc36; @@ -39,10 +39,11 @@ @font-size-base: 14px; @line-height-base: 1.5; -@font-family: "PingFang SC", -apple-system, "Helvetica Neue", Helvetica, BlinkMacSystemFont, "Microsoft YaHei", tahoma, Arial, "Open Sans", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; +@font-family: 'PingFang SC', -apple-system, 'Helvetica Neue', Helvetica, BlinkMacSystemFont, 'Microsoft YaHei', tahoma, + Arial, 'Open Sans', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif; /** - * 文字部分 + * 文字部分 * size 大小，line 行高， color 颜色 */ // 字体大小 @@ -99,7 +100,6 @@ @shadow-level-1: 3px 3px 8px 2px rgba(0, 0, 0, 0.06); @shadow-level-2: 6px 6px 12px 6px rgba(0, 0, 0, 0.08); - // border @border-color: #d9d9d9; @border-main: 1px solid @border-color; @@ -118,7 +118,7 @@ // layout @layoutMargin: 10px; -// header +// header @headerHeight: 81px; // footer diff --git a/src/input/_example/special.jsx b/src/input/_example/special.jsx index 7d08025e..d5bd4af2 100644 --- a/src/input/_example/special.jsx +++ b/src/input/_example/special.jsx @@ -52,13 +52,12 @@ export default function Base() { label={'价格'} placeholder="0.00" suffix="元" - suffixSeperate={false} align="right" value={value4} onChange={(value) => { setValue4(value); }} - className="t-input-suffix-noseperate" + className="t-input-suffix-noseparate" /> @@ -66,13 +65,12 @@ export default function Base() { label={'个数'} placeholder="请输入个数" suffix="个" - suffixSeperate={false} align="right" value={value5} onChange={(value) => { setValue5(value); }} - className="t-input-suffix-noseperate" + className="t-input-suffix-noseparate" /> diff --git a/src/input/_example/style/index.less b/src/input/_example/style/index.less index 3fbebe00..d46b77e2 100644 --- a/src/input/_example/style/index.less +++ b/src/input/_example/style/index.less @@ -1,4 +1,4 @@ -.t-input-suffix-noseperate { +.t-input-suffix-noseparate { .t-input__wrap--suffix { &::after { border: none; diff --git a/src/picker/PickerItem.tsx b/src/picker/PickerItem.tsx index 26175c69..02146735 100644 --- a/src/picker/PickerItem.tsx +++ b/src/picker/PickerItem.tsx @@ -73,7 +73,7 @@ const PickerItem: FC = memo((props) => { [api, getOffsetYList], ); - const hanldeChange = (value: number | string) => { + const handleChange = (value: number | string) => { const pickerValue = pickerContext.value?.slice(0) || []; pickerValue[itemIndex] = value; pickerContext.onChange?.(pickerValue, itemIndex); @@ -111,12 +111,12 @@ const PickerItem: FC = memo((props) => { api.start({ to: async (next) => { await next({ y: nextOffsetY }); - hanldeChange(options[nextIndex].value); + handleChange(options[nextIndex].value); }, }); } else { // 受控模式,onChange回调后等待value更新，如果不更新回退到原处 - hanldeChange(options[nextIndex].value); + handleChange(options[nextIndex].value); setTimeout(() => { if (lastIndex === lastIndexRef.current) { api.start({ y: offsetYList[lastIndex] || 0 }); diff --git a/src/radio/_example/base.jsx b/src/radio/_example/base.jsx index 11dbd43a..8f34b309 100644 --- a/src/radio/_example/base.jsx +++ b/src/radio/_example/base.jsx @@ -2,9 +2,9 @@ import React, { useState } from 'react'; import { Radio, RadioGroup } from 'tdesign-mobile-react'; export default function Base() { - const [defaultVaule, setDefaultValue] = useState('idx0'); + const [defaultValue, setDefaultValue] = useState('idx0'); return ( - setDefaultValue(value)}> + setDefaultValue(value)}> diff --git a/src/radio/_example/leftStrokeLine.jsx b/src/radio/_example/leftStrokeLine.jsx index 220b7bd2..fb612b75 100644 --- a/src/radio/_example/leftStrokeLine.jsx +++ b/src/radio/_example/leftStrokeLine.jsx @@ -3,11 +3,11 @@ import { Radio, RadioGroup } from 'tdesign-mobile-react'; import { CheckIcon } from 'tdesign-icons-react'; export default function Base() { - const [defaultVaule, setDefaultValue] = useState('idx0'); + const [defaultValue, setDefaultValue] = useState('idx0'); const CheckedIcon = ; return ( <> - setDefaultValue(value)}> + setDefaultValue(value)}> + diff --git a/src/radio/_example/rightStrokeLine.jsx b/src/radio/_example/rightStrokeLine.jsx index f9a12538..35462a51 100644 --- a/src/radio/_example/rightStrokeLine.jsx +++ b/src/radio/_example/rightStrokeLine.jsx @@ -3,11 +3,11 @@ import { Radio, RadioGroup } from 'tdesign-mobile-react'; import { CheckIcon } from 'tdesign-icons-react'; export default function () { - const [defaultVaule, setDefaultValue] = useState('idx1'); + const [defaultValue, setDefaultValue] = useState('idx1'); const CheckedIcon = ; return ( - + ; return ( <>
- + @@ -19,7 +19,7 @@ export default function () {
- + @@ -27,7 +27,7 @@ export default function () {
- + @@ -35,7 +35,7 @@ export default function () {
- + diff --git a/src/toast/methods.tsx b/src/toast/methods.tsx index 17b7b386..47f5b8d6 100644 --- a/src/toast/methods.tsx +++ b/src/toast/methods.tsx @@ -9,10 +9,10 @@ const createToast = (props, theme?: ToastThemeListEnum) => { const el = document.createElement('div'); document.body.appendChild(el); ReactDOM.render(, el); - const destory = () => { + const destroy = () => { document.body.removeChild(el); }; - return { destory }; + return { destroy }; }; export default { diff --git a/src/toast/toast.md b/src/toast/toast.md index 9eda04b7..fc7c3898 100644 --- a/src/toast/toast.md +++ b/src/toast/toast.md @@ -18,4 +18,4 @@ theme | String | -- | 提示类型, 可选值：loading \| success \| fail。 | 名称 | 描述 -- | -- -destory | 主动销毁toast,需要获取toast实例 \ No newline at end of file +destroy | 主动销毁toast,需要获取toast实例 \ No newline at end of file