From 7a766b28c68d2d1a92e10c38a6b51fc23090dda0 Mon Sep 17 00:00:00 2001 From: Perisiguiendo <1987391831@qq.com> Date: Mon, 11 Jul 2022 10:27:44 +0800 Subject: [PATCH 1/6] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E7=A4=BA?= =?UTF-8?q?=E4=BE=8B=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/search/_example/color.jsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/search/_example/color.jsx diff --git a/src/search/_example/color.jsx b/src/search/_example/color.jsx new file mode 100644 index 00000000..818f4858 --- /dev/null +++ b/src/search/_example/color.jsx @@ -0,0 +1,18 @@ +import React, { useState } from 'react'; +import { SearchIcon } from 'tdesign-icons-react'; +import { Search } from 'tdesign-mobile-react'; + +export default function Color() { + const [value, setValue] = useState(''); + + return ( + setValue(value)} + action="取消" + leftIcon={} + /> + ); +} From b97419d1a6bbfbc661abaa4354e4badc19f81b1c Mon Sep 17 00:00:00 2001 From: Perisiguiendo <1987391831@qq.com> Date: Mon, 11 Jul 2022 10:28:25 +0800 Subject: [PATCH 2/6] fix(search): fix search export resolve #267 --- src/index.ts | 53 +++++++++++++++++---------------- src/search/_example/base.jsx | 2 +- src/search/_example/click.jsx | 2 +- src/search/_example/default.jsx | 2 +- src/search/_example/state.jsx | 2 +- 5 files changed, 31 insertions(+), 30 deletions(-) diff --git a/src/index.ts b/src/index.ts index 71797fef..b40fa6af 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,38 +1,39 @@ +export * from './avatar'; +export * from './back-top'; +export * from './badge'; export * from './button'; -export * from './input'; -export * from './grid'; -export * from './message'; export * from './cell'; export * from './cell-group'; -export * from './badge'; -export * from './overlay'; -export * from './popup'; -export * from './image'; -export * from './slider'; -export * from './radio'; -export * from './divider'; -export * from './tabs'; -export * from './switch'; -export * from './upload'; -export * from './rate'; -export * from './sticky'; -export * from './back-top'; export * from './checkbox'; +export * from './collapse'; export * from './count-down'; export * from './dialog'; +export * from './divider'; +export * from './grid'; +export * from './image'; +export * from './indexes'; +export * from './input'; export * from './loading'; -export * from './swiper'; +export * from './message'; export * from './navbar'; -export * from './swipe-cell'; -export * from './tag'; -export * from './toast'; -export * from './collapse'; -export * from './stepper'; -export * from './pull-down-refresh'; -export * from './avatar'; +export * from './overlay'; export * from './picker'; +export * from './popup'; +export * from './pull-down-refresh'; +export * from './radio'; +export * from './rate'; +export * from './search'; export * from './skeleton'; -export * from './indexes'; -export * from './textarea'; +export * from './slider'; +export * from './stepper'; export * from './steps'; +export * from './sticky'; +export * from './swipe-cell'; +export * from './swiper'; +export * from './switch'; export * from './tab-bar'; +export * from './tabs'; +export * from './tag'; +export * from './textarea'; +export * from './toast'; +export * from './upload'; diff --git a/src/search/_example/base.jsx b/src/search/_example/base.jsx index d070122c..e0e3797f 100644 --- a/src/search/_example/base.jsx +++ b/src/search/_example/base.jsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { SearchIcon } from 'tdesign-icons-react'; -import { Search } from '../index'; +import { Search } from 'tdesign-mobile-react'; export default function Base() { const [value, setValue] = useState(''); diff --git a/src/search/_example/click.jsx b/src/search/_example/click.jsx index e12d5ac5..abeb01fd 100644 --- a/src/search/_example/click.jsx +++ b/src/search/_example/click.jsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { SearchIcon } from 'tdesign-icons-react'; -import { Search } from '../index'; +import { Search } from 'tdesign-mobile-react'; export default function Base() { const [value, setValue] = useState(''); diff --git a/src/search/_example/default.jsx b/src/search/_example/default.jsx index d070122c..e0e3797f 100644 --- a/src/search/_example/default.jsx +++ b/src/search/_example/default.jsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { SearchIcon } from 'tdesign-icons-react'; -import { Search } from '../index'; +import { Search } from 'tdesign-mobile-react'; export default function Base() { const [value, setValue] = useState(''); diff --git a/src/search/_example/state.jsx b/src/search/_example/state.jsx index 6981fd8b..5a3ed5d0 100644 --- a/src/search/_example/state.jsx +++ b/src/search/_example/state.jsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { SearchIcon } from 'tdesign-icons-react'; -import { Search } from '../index'; +import { Search } from 'tdesign-mobile-react'; export default function Base() { const [value, setValue] = useState('搜索预设文案'); From 155f29cab5c550685fb726a1c2cbf3e4ebe59e01 Mon Sep 17 00:00:00 2001 From: Perisiguiendo <1987391831@qq.com> Date: Mon, 11 Jul 2022 10:46:04 +0800 Subject: [PATCH 3/6] fix: udpate example file type --- src/indexes/_example/{index.tsx => index.jsx} | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename src/indexes/_example/{index.tsx => index.jsx} (96%) diff --git a/src/indexes/_example/index.tsx b/src/indexes/_example/index.jsx similarity index 96% rename from src/indexes/_example/index.tsx rename to src/indexes/_example/index.jsx index 36785c2b..0d21fe42 100644 --- a/src/indexes/_example/index.tsx +++ b/src/indexes/_example/index.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Button } from '../../button'; +import { Button } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import TDemoHeader from '../../../site/mobile/components/DemoHeader'; import Base from './base'; From e860419fa4ecf06b05bd5d3346da42b317163663 Mon Sep 17 00:00:00 2001 From: Perisiguiendo <1987391831@qq.com> Date: Mon, 11 Jul 2022 11:11:04 +0800 Subject: [PATCH 4/6] fix: udpate example file type --- site/mobile/mobile.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/mobile/mobile.config.js b/site/mobile/mobile.config.js index 9743d9f2..96b728b7 100644 --- a/site/mobile/mobile.config.js +++ b/site/mobile/mobile.config.js @@ -170,7 +170,7 @@ export default { { title: 'Indexes 索引', name: 'indexes', - component: () => import('tdesign-mobile-react/indexes/_example/index.tsx'), + component: () => import('tdesign-mobile-react/indexes/_example/index.jsx'), }, { title: 'Picker 选择器', From ddf596809a0351940aedc7d00035aadf1a0a05fd Mon Sep 17 00:00:00 2001 From: Perisiguiendo <1987391831@qq.com> Date: Mon, 11 Jul 2022 11:12:52 +0800 Subject: [PATCH 5/6] =?UTF-8?q?fix:=20=E7=A4=BA=E4=BE=8B=E9=A1=B5=E7=9B=B8?= =?UTF-8?q?=E5=AF=B9=E5=BC=95=E5=85=A5=E4=BF=AE=E6=94=B9=E4=B8=BA=E5=BA=93?= =?UTF-8?q?=E5=AF=BC=E5=85=A5&check=20all=20export?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/checkbox/_example/base.jsx | 2 +- src/checkbox/_example/disable.jsx | 10 +- src/checkbox/_example/group.jsx | 4 +- src/checkbox/_example/icon.jsx | 35 +++---- src/checkbox/_example/indeterminate.jsx | 2 +- src/checkbox/_example/max.jsx | 2 +- src/checkbox/_example/right.jsx | 2 +- src/collapse/_example/accordion.jsx | 2 +- src/collapse/_example/action.jsx | 3 +- src/collapse/_example/base.jsx | 2 +- src/collapse/_example/control.jsx | 5 +- src/collapse/_example/destroy.jsx | 2 +- src/collapse/_example/disable.jsx | 2 +- src/collapse/_example/expandIcon.jsx | 6 +- src/collapse/_example/more.jsx | 2 +- src/indexes/_example/base.jsx | 3 +- src/indexes/_example/{data.ts => data.js} | 0 src/indexes/_example/number.jsx | 3 +- src/input/_example/base.jsx | 3 +- src/picker/_example/base.jsx | 122 ++++++++++++---------- src/radio/_example/base.jsx | 2 +- src/radio/_example/group.jsx | 2 +- src/radio/_example/icon.jsx | 2 +- src/radio/_example/leftStrokeLine.jsx | 4 +- src/radio/_example/right.jsx | 9 +- src/radio/_example/rightStrokeLine.jsx | 4 +- src/radio/_example/size.jsx | 2 +- src/radio/_example/status.jsx | 6 +- src/tabs/_example/bottom.jsx | 2 +- src/tabs/_example/horizontal.jsx | 2 +- src/tabs/_example/noline.jsx | 2 +- src/tabs/_example/size.jsx | 2 +- src/toast/_example/icon.jsx | 3 +- src/toast/_example/iconText.jsx | 3 +- src/toast/_example/mask.jsx | 3 +- src/toast/_example/position.jsx | 3 +- src/toast/_example/text.jsx | 3 +- 37 files changed, 132 insertions(+), 134 deletions(-) rename src/indexes/_example/{data.ts => data.js} (100%) diff --git a/src/checkbox/_example/base.jsx b/src/checkbox/_example/base.jsx index a65c02d2..1be2b36d 100644 --- a/src/checkbox/_example/base.jsx +++ b/src/checkbox/_example/base.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/checkbox/_example/disable.jsx b/src/checkbox/_example/disable.jsx index 9a89beb1..4817eeec 100644 --- a/src/checkbox/_example/disable.jsx +++ b/src/checkbox/_example/disable.jsx @@ -1,13 +1,13 @@ import React from 'react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function () { return ( <> - - - - + + + + ); } diff --git a/src/checkbox/_example/group.jsx b/src/checkbox/_example/group.jsx index 40bcb063..0b1cfdcc 100644 --- a/src/checkbox/_example/group.jsx +++ b/src/checkbox/_example/group.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function CheckboxExample() { const [value, setValue] = useState([]); @@ -29,7 +29,7 @@ export default function CheckboxExample() { setValue(v); }} options={options} - /> + /> ); } diff --git a/src/checkbox/_example/icon.jsx b/src/checkbox/_example/icon.jsx index d90519e8..b1460e67 100644 --- a/src/checkbox/_example/icon.jsx +++ b/src/checkbox/_example/icon.jsx @@ -1,35 +1,26 @@ import React from 'react'; import { Icon } from 'tdesign-icons-react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function () { return ( <> - , - - ]} + , ]} /> - , - - ]} + icon={[, ]} /> - , - - ]} + defaultChecked + icon={[, ]} /> ); diff --git a/src/checkbox/_example/indeterminate.jsx b/src/checkbox/_example/indeterminate.jsx index 9e2346ca..93ead4e1 100644 --- a/src/checkbox/_example/indeterminate.jsx +++ b/src/checkbox/_example/indeterminate.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/checkbox/_example/max.jsx b/src/checkbox/_example/max.jsx index db7c68dd..5bcdc270 100644 --- a/src/checkbox/_example/max.jsx +++ b/src/checkbox/_example/max.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/checkbox/_example/right.jsx b/src/checkbox/_example/right.jsx index 0a59a25b..013074ab 100644 --- a/src/checkbox/_example/right.jsx +++ b/src/checkbox/_example/right.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Checkbox } from '../index'; +import { Checkbox } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/collapse/_example/accordion.jsx b/src/collapse/_example/accordion.jsx index ec5e3749..9f0beb71 100644 --- a/src/collapse/_example/accordion.jsx +++ b/src/collapse/_example/accordion.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/collapse/_example/action.jsx b/src/collapse/_example/action.jsx index 1fb42bac..ee36f016 100644 --- a/src/collapse/_example/action.jsx +++ b/src/collapse/_example/action.jsx @@ -1,9 +1,8 @@ import React, { useState } from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; export default function () { const [val, setVal] = useState(0); - console.log(val); return ( <> setVal(val)} expandIcon> diff --git a/src/collapse/_example/base.jsx b/src/collapse/_example/base.jsx index 431cdccb..7068d169 100644 --- a/src/collapse/_example/base.jsx +++ b/src/collapse/_example/base.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/collapse/_example/control.jsx b/src/collapse/_example/control.jsx index 09826ad4..f3992492 100644 --- a/src/collapse/_example/control.jsx +++ b/src/collapse/_example/control.jsx @@ -1,6 +1,5 @@ import React, { useState } from 'react'; -import { Collapse } from '../index'; -import { Checkbox } from '../../checkbox'; +import { Collapse, Checkbox } from 'tdesign-mobile-react'; export default function () { const [value, setValue] = useState([]); @@ -22,7 +21,7 @@ export default function () { -
+
setValue(value ? [0, 1] : [])} /> ); diff --git a/src/collapse/_example/destroy.jsx b/src/collapse/_example/destroy.jsx index 0a1680ab..03c02291 100644 --- a/src/collapse/_example/destroy.jsx +++ b/src/collapse/_example/destroy.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/collapse/_example/disable.jsx b/src/collapse/_example/disable.jsx index ec6c47fd..398fe5f6 100644 --- a/src/collapse/_example/disable.jsx +++ b/src/collapse/_example/disable.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/collapse/_example/expandIcon.jsx b/src/collapse/_example/expandIcon.jsx index 746b2a89..d9e25116 100644 --- a/src/collapse/_example/expandIcon.jsx +++ b/src/collapse/_example/expandIcon.jsx @@ -1,11 +1,9 @@ import React from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; import { Icon } from 'tdesign-icons-react'; export default function () { - const expandIcon = ( - - ); + const expandIcon = ; return ( <> diff --git a/src/collapse/_example/more.jsx b/src/collapse/_example/more.jsx index 3f4a24a5..fe49144d 100644 --- a/src/collapse/_example/more.jsx +++ b/src/collapse/_example/more.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Collapse } from '../index'; +import { Collapse } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/indexes/_example/base.jsx b/src/indexes/_example/base.jsx index 8e90739f..4c4e7b5f 100644 --- a/src/indexes/_example/base.jsx +++ b/src/indexes/_example/base.jsx @@ -1,7 +1,6 @@ import React from 'react'; import { Icon } from 'tdesign-icons-react'; -import { Message } from '../../message'; -import Indexes from '../Indexes'; +import { Message, Indexes } from 'tdesign-mobile-react'; import { letter } from './data'; import './style/index.less'; diff --git a/src/indexes/_example/data.ts b/src/indexes/_example/data.js similarity index 100% rename from src/indexes/_example/data.ts rename to src/indexes/_example/data.js diff --git a/src/indexes/_example/number.jsx b/src/indexes/_example/number.jsx index 0751b4c5..e13e2cb1 100644 --- a/src/indexes/_example/number.jsx +++ b/src/indexes/_example/number.jsx @@ -1,7 +1,6 @@ import React from 'react'; import { Icon } from 'tdesign-icons-react'; -import { Message } from '../../message'; -import Indexes from '../Indexes'; +import { Message, Indexes } from 'tdesign-mobile-react'; import { number } from './data'; import './style/index.less'; diff --git a/src/input/_example/base.jsx b/src/input/_example/base.jsx index 86cd057d..0b950cd7 100644 --- a/src/input/_example/base.jsx +++ b/src/input/_example/base.jsx @@ -1,7 +1,6 @@ import React, { useState } from 'react'; import { InfoCircleFilledIcon } from 'tdesign-icons-react'; -import { Input } from '../index'; -import { Button } from '../../button'; +import { Input, Button } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import TDemoHeader from '../../../site/mobile/components/DemoHeader'; import './index.less'; diff --git a/src/picker/_example/base.jsx b/src/picker/_example/base.jsx index 37d64524..e67fd958 100644 --- a/src/picker/_example/base.jsx +++ b/src/picker/_example/base.jsx @@ -3,6 +3,7 @@ import isEmpty from 'lodash/isEmpty'; import { Picker, PickerItem, Cell } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import './style/index.less'; + const formatOptions = (labels) => labels.map((label, index) => ({ label, value: index })); const cityOptions = formatOptions(['北京', '上海', '广州', '深圳', '杭州', '成都', '长沙']); const currentYear = new Date().getFullYear(); @@ -19,12 +20,10 @@ const optionsListMap = { const getSelectedLabelText = (optionsList, values) => { if (isEmpty(optionsList) || isEmpty(values)) return ''; - // console.log({ optionsList, values }); return optionsList .reduce((acc, options, index) => { const value = values[index]; const option = options.find((item) => item.value === value); - // console.log({ options, value, option, acc }); if (option) acc.push(option.label); return acc; }, []) @@ -54,62 +53,77 @@ export default function Demo() { [name]: { ...state[name], values, labelText, visible: false }, }); }; - const NotePanel = (value, title)=>{ - return
{value || title}
; - } - return <> - - togglePicker('city', true)} /> - handleSelect('city', values)} - onCancel={() => togglePicker('city', false)} - > - - -
+ const NotePanel = (value, title) =>
{value || title}
; + return ( + <> + + togglePicker('city', true)} + /> + handleSelect('city', values)} + onCancel={() => togglePicker('city', false)} + > + + +
+ togglePicker('yearAndSeason', true)} + /> +
+ handleSelect('yearAndSeason', values)} + onCancel={() => togglePicker('yearAndSeason', false)} + > + + + +
+ togglePicker('date', true)} + /> +
+ handleSelect('date', values)} + onCancel={() => togglePicker('date', false)} + > + + + + + + togglePicker('yearAndSeason', true)} + title="城市" + note={NotePanel(state.titleCity.labelText, '选择城市')} + onClick={() => togglePicker('titleCity', true)} /> -
- handleSelect('yearAndSeason', values)} - onCancel={() => togglePicker('yearAndSeason', false)} - > - - - -
- togglePicker('date', true)} /> -
- handleSelect('date', values)} - onCancel={() => togglePicker('date', false)} - > - - - - - - - togglePicker('titleCity', true)} /> handleSelect('titleCity', values)} - onCancel={() => togglePicker('titleCity', false)} - title='选中城市' + visible={state.titleCity.visible} + defaultValue={state.titleCity.values} + onConfirm={(values) => handleSelect('titleCity', values)} + onCancel={() => togglePicker('titleCity', false)} + title="选中城市" > - + - - ; + + + ); } diff --git a/src/radio/_example/base.jsx b/src/radio/_example/base.jsx index b2ce317a..11dbd43a 100644 --- a/src/radio/_example/base.jsx +++ b/src/radio/_example/base.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; export default function Base() { const [defaultVaule, setDefaultValue] = useState('idx0'); diff --git a/src/radio/_example/group.jsx b/src/radio/_example/group.jsx index 8eec810d..ec4fe54f 100644 --- a/src/radio/_example/group.jsx +++ b/src/radio/_example/group.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { RadioGroup, Radio } from '../index'; +import { RadioGroup, Radio } from 'tdesign-mobile-react'; export default function () { const itemOptions = ['北京', '上海', '广州', '深圳']; diff --git a/src/radio/_example/icon.jsx b/src/radio/_example/icon.jsx index 79a5b888..f3bfe874 100644 --- a/src/radio/_example/icon.jsx +++ b/src/radio/_example/icon.jsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { CheckRectangleFilledIcon, RectangleIcon } from 'tdesign-icons-react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; export default function () { const [defaultValue, setDefaultValue] = useState('idx2'); diff --git a/src/radio/_example/leftStrokeLine.jsx b/src/radio/_example/leftStrokeLine.jsx index f27898f7..220b7bd2 100644 --- a/src/radio/_example/leftStrokeLine.jsx +++ b/src/radio/_example/leftStrokeLine.jsx @@ -1,10 +1,10 @@ import React, { useState } from 'react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; import { CheckIcon } from 'tdesign-icons-react'; export default function Base() { const [defaultVaule, setDefaultValue] = useState('idx0'); - const CheckedIcon = ; + const CheckedIcon = ; return ( <> setDefaultValue(value)}> diff --git a/src/radio/_example/right.jsx b/src/radio/_example/right.jsx index 62bd0727..f762027e 100644 --- a/src/radio/_example/right.jsx +++ b/src/radio/_example/right.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; export default function () { const [defaultVaule, setDefaultValue] = useState('idx0'); @@ -8,7 +8,12 @@ export default function () { - + ); } diff --git a/src/radio/_example/rightStrokeLine.jsx b/src/radio/_example/rightStrokeLine.jsx index ab2b82e0..f9a12538 100644 --- a/src/radio/_example/rightStrokeLine.jsx +++ b/src/radio/_example/rightStrokeLine.jsx @@ -1,10 +1,10 @@ import React, { useState } from 'react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; import { CheckIcon } from 'tdesign-icons-react'; export default function () { const [defaultVaule, setDefaultValue] = useState('idx1'); - const CheckedIcon = ; + const CheckedIcon = ; return ( diff --git a/src/radio/_example/size.jsx b/src/radio/_example/size.jsx index afb23453..6bc8bc6c 100644 --- a/src/radio/_example/size.jsx +++ b/src/radio/_example/size.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; export default function () { return ( diff --git a/src/radio/_example/status.jsx b/src/radio/_example/status.jsx index 2e4a254a..16a8144a 100644 --- a/src/radio/_example/status.jsx +++ b/src/radio/_example/status.jsx @@ -1,12 +1,12 @@ import React from 'react'; import { CheckIcon } from 'tdesign-icons-react'; -import { Radio, RadioGroup } from '../index'; +import { Radio, RadioGroup } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; export default function () { const defaultVaule = 'idx2'; - const icon = ; - + const icon = ; + return ( <>
diff --git a/src/tabs/_example/bottom.jsx b/src/tabs/_example/bottom.jsx index 7747f9e4..ad350bc1 100644 --- a/src/tabs/_example/bottom.jsx +++ b/src/tabs/_example/bottom.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Tabs } from '../index'; +import { Tabs } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import './style.less'; diff --git a/src/tabs/_example/horizontal.jsx b/src/tabs/_example/horizontal.jsx index 9eec8842..467b4bc4 100644 --- a/src/tabs/_example/horizontal.jsx +++ b/src/tabs/_example/horizontal.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Tabs, TabPanel } from '../index'; +import { Tabs, TabPanel } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import './style.less'; diff --git a/src/tabs/_example/noline.jsx b/src/tabs/_example/noline.jsx index ae0436ff..bf373e63 100644 --- a/src/tabs/_example/noline.jsx +++ b/src/tabs/_example/noline.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Tabs } from '../index'; +import { Tabs } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import './style.less'; diff --git a/src/tabs/_example/size.jsx b/src/tabs/_example/size.jsx index b8a71074..4cdef3a6 100644 --- a/src/tabs/_example/size.jsx +++ b/src/tabs/_example/size.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Tabs, TabPanel } from '../index'; +import { Tabs, TabPanel } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; import './style.less'; diff --git a/src/toast/_example/icon.jsx b/src/toast/_example/icon.jsx index 27732275..44735aac 100644 --- a/src/toast/_example/icon.jsx +++ b/src/toast/_example/icon.jsx @@ -1,7 +1,6 @@ import React from 'react'; import { LocationIcon } from 'tdesign-icons-react'; -import { Toast } from 'tdesign-mobile-react'; -import { Button } from '../../button'; +import { Toast, Button } from 'tdesign-mobile-react'; export default function () { const iconColumn = () => { diff --git a/src/toast/_example/iconText.jsx b/src/toast/_example/iconText.jsx index 90b5ae87..880cf725 100644 --- a/src/toast/_example/iconText.jsx +++ b/src/toast/_example/iconText.jsx @@ -1,6 +1,5 @@ import React from 'react'; -import { Button } from '../../button'; -import { Toast } from 'tdesign-mobile-react'; +import { Toast, Button } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; export default function () { diff --git a/src/toast/_example/mask.jsx b/src/toast/_example/mask.jsx index 08921caf..4be334de 100644 --- a/src/toast/_example/mask.jsx +++ b/src/toast/_example/mask.jsx @@ -1,6 +1,5 @@ import React from 'react'; -import { Toast } from 'tdesign-mobile-react'; -import { Button } from '../../button'; +import { Toast, Button } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; export default function () { diff --git a/src/toast/_example/position.jsx b/src/toast/_example/position.jsx index 95c5d403..b79bebb1 100644 --- a/src/toast/_example/position.jsx +++ b/src/toast/_example/position.jsx @@ -1,6 +1,5 @@ import React from 'react'; -import { Toast } from 'tdesign-mobile-react'; -import { Button } from '../../button'; +import { Toast, Button } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; export default function () { diff --git a/src/toast/_example/text.jsx b/src/toast/_example/text.jsx index cae9ec17..54bab7f2 100644 --- a/src/toast/_example/text.jsx +++ b/src/toast/_example/text.jsx @@ -1,7 +1,6 @@ import React from 'react'; import { LocationIcon } from 'tdesign-icons-react'; -import { Button } from '../../button'; -import { Toast } from '../index'; +import { Toast, Button } from 'tdesign-mobile-react'; import TDemoBlock from '../../../site/mobile/components/DemoBlock'; export default function () { From 36972b4b43b7ee487f16f9d72e7a2bb8492a7b61 Mon Sep 17 00:00:00 2001 From: Perisiguiendo <1987391831@qq.com> Date: Mon, 11 Jul 2022 11:30:35 +0800 Subject: [PATCH 6/6] fix: check all export --- src/index.ts | 77 +++++++++++++++++++++++++++++++++++----------------- 1 file changed, 52 insertions(+), 25 deletions(-) diff --git a/src/index.ts b/src/index.ts index b40fa6af..f5343f4e 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,39 +1,66 @@ -export * from './avatar'; -export * from './back-top'; -export * from './badge'; +/** + * 基础组件（除icon，2个） + */ export * from './button'; -export * from './cell'; -export * from './cell-group'; -export * from './checkbox'; -export * from './collapse'; -export * from './count-down'; -export * from './dialog'; export * from './divider'; -export * from './grid'; -export * from './image'; + +/** + * 导航（5个） + */ +export * from './steps'; +export * from './tab-bar'; +export * from './navbar'; +export * from './tabs'; export * from './indexes'; + +/** + * 输入（11个） + */ +export * from './checkbox'; export * from './input'; -export * from './loading'; -export * from './message'; -export * from './navbar'; -export * from './overlay'; export * from './picker'; -export * from './popup'; -export * from './pull-down-refresh'; export * from './radio'; export * from './rate'; export * from './search'; -export * from './skeleton'; export * from './slider'; export * from './stepper'; -export * from './steps'; +export * from './switch'; +export * from './textarea'; +export * from './upload'; + +/** + * 数据展示（11个） + */ +export * from './avatar'; +export * from './badge'; +export * from './cell'; +export * from './cell-group'; +export * from './count-down'; +export * from './grid'; +export * from './image'; +export * from './skeleton'; export * from './sticky'; -export * from './swipe-cell'; export * from './swiper'; -export * from './switch'; -export * from './tab-bar'; -export * from './tabs'; +export * from './swipe-cell'; export * from './tag'; -export * from './textarea'; + +/** + * 消息提醒（7个） + */ +export * from './back-top'; +export * from './dialog'; +export * from './loading'; +export * from './message'; +export * from './popup'; +export * from './pull-down-refresh'; export * from './toast'; -export * from './upload'; + +/** + * 二期组件 + */ +export * from './collapse'; + +/** + * 辅助功能组件 + */ +export * from './overlay';