fix(search&indexes): check all export & examples update relative path import to library import

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 选择器',

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 (

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 (
     <>
-      <Checkbox label="多选" disabled/>
-      <Checkbox label="多选" checked disabled/>
-      <Checkbox label="多选" align="right" disabled/>
-      <Checkbox label="多选" align="right" checked disabled/>
+      <Checkbox label="多选" disabled />
+      <Checkbox label="多选" checked disabled />
+      <Checkbox label="多选" align="right" disabled />
+      <Checkbox label="多选" align="right" checked disabled />
     </>
   );
 }

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}
-      />      
+      />
     </>
   );
 }

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 (
     <>
-      <Checkbox 
-        label="多选" 
-        value="1" 
-        icon={[
-          <Icon key="1" name="check-rectangle-filled" />,
-          <Icon key="2" name="rectangle" />
-        ]}
+      <Checkbox
+        label="多选"
+        value="1"
+        icon={[<Icon key="1" name="check-rectangle-filled" />, <Icon key="2" name="rectangle" />]}
       />
-      <Checkbox 
-        label="多选" 
-        value="2" 
+      <Checkbox
+        label="多选"
+        value="2"
         defaultChecked
-        icon={[
-          <Icon key="1" name="check-rectangle-filled" />,
-          <Icon key="2" name="rectangle" />
-        ]}
+        icon={[<Icon key="1" name="check-rectangle-filled" />, <Icon key="2" name="rectangle" />]}
       />
-      <Checkbox 
-        label="多选" 
+      <Checkbox
+        label="多选"
         value="3"
-        defaultChecked 
-        icon={[
-          <Icon key="1" name="check-rectangle-filled" />,
-          <Icon key="2" name="rectangle" />
-        ]}
+        defaultChecked
+        icon={[<Icon key="1" name="check-rectangle-filled" />, <Icon key="2" name="rectangle" />]}
       />
     </>
   );

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 (

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 (

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 (

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 (

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 (
     <>
       <Collapse value={val} onChange={(val) => setVal(val)} expandIcon>

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 (

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 () {
           </ul>
         </Collapse.Panel>
       </Collapse>
-      <br/>
+      <br />
       <Checkbox label="全部选中" onChange={(value) => setValue(value ? [0, 1] : [])} />
     </>
   );

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 (

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 (

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 = (
-    <Icon name="add-circle" size="1em" className="t-collapse-panel__header-icon" />
-  );
+  const expandIcon = <Icon name="add-circle" size="1em" className="t-collapse-panel__header-icon" />;
   return (
     <>
       <Collapse expandIcon={expandIcon}>

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 (

src/index.ts

@@ -1,38 +1,66 @@
+/**
+ * 基础组件（除icon，2个）
+ */
 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';
+
+/**
+ * 导航（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 './picker';
+export * from './radio';
+export * from './rate';
+export * from './search';
+export * from './slider';
+export * from './stepper';
 export * from './switch';
+export * from './textarea';
 export * from './upload';
-export * from './rate';
-export * from './sticky';
-export * from './back-top';
-export * from './checkbox';
+
+/**
+ * 数据展示（11个）
+ */
+export * from './avatar';
+export * from './badge';
+export * from './cell';
+export * from './cell-group';
 export * from './count-down';
-export * from './dialog';
-export * from './loading';
+export * from './grid';
+export * from './image';
+export * from './skeleton';
+export * from './sticky';
 export * from './swiper';
-export * from './navbar';
 export * from './swipe-cell';
 export * from './tag';
+
+/**
+ * 消息提醒（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 './collapse';
-export * from './stepper';
-export * from './pull-down-refresh';
-export * from './avatar';
-export * from './picker';
-export * from './skeleton';
-export * from './indexes';
-export * from './textarea';
-export * from './steps';
-export * from './tab-bar';
+
+/**
+ * 辅助功能组件
+ */
+export * from './overlay';

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';
 

src/indexes/_example/index.tsx → 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';

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';
 

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';