Docs update demo (#53)

* docs: update some demo constant string

* docs: fix misssing commas in form demo

Co-authored-by: point.halo <[email protected]>

content/feedback/notification/index-en-US.md

@@ -116,9 +116,9 @@ import { IconToutiaoLogo, IconVigoLogo } from '@douyinfe/semi-icons';
       }
     ></Button>
     <Button
-      icon={<IconTiktokLogo />}
+      icon={<IconVigoLogo />}
       style={{ marginRight: 5 }}
-      onClick={() => Notification.info({ ...opts, icon: <IconTiktokLogo /> })}
+      onClick={() => Notification.info({ ...opts, icon: <IconVigoLogo /> })}
     ></Button>
     <Button
       icon={<IconVigoLogo />}

content/feedback/notification/index.md

@@ -117,9 +117,9 @@ import { IconToutiaoLogo, IconVigoLogo } from '@douyinfe/semi-icons';
                 }
             ></Button>
             <Button
-                icon={<IconTiktokLogo />}
+                icon={<IconVigoLogo />}
                 style={{ marginRight: 5 }}
-                onClick={() => Notification.info({ ...opts, icon: <IconTiktokLogo /> })}
+                onClick={() => Notification.info({ ...opts, icon: <IconVigoLogo /> })}
             ></Button>
             <Button
                 icon={<IconVigoLogo />}

content/input/autocomplete/index-en-US.md

@@ -149,7 +149,7 @@ class ObjectDemo extends React.Component {
         super();
         this.state = {
             list: [
-                { value: 'tiktok', label: 'douyin', email: '[email protected]', type: 2 },
+                { value: 'abc', label: 'douyin', email: '[email protected]', type: 2 },
                 { value: 'hotsoon', label: 'huoshan', email: '[email protected]', type: 3 },
                 { value: 'pipixia', label: 'pip', email: '[email protected]' },
             ],

content/input/autocomplete/index.md

@@ -150,7 +150,7 @@ class ObjectDemo extends React.Component {
         super();
         this.state = {
             list: [
-                { value: 'tiktok', label: 'douyin', email: '[email protected]', type: 2 },
+                { value: 'abc', label: 'douyin', email: '[email protected]', type: 2 },
                 { value: 'hotsoon', label: 'huoshan', email: '[email protected]', type: 3 },
                 { value: 'pipixia', label: 'pip', email: '[email protected]' },
             ],

content/input/checkbox/index-en-US.md

@@ -130,7 +130,7 @@ class App extends React.Component {
       console.log('checked = ', checkedValues);
     }
 
-    const plainOptions = ['tiktok', 'vigo', 'helo'];
+    const plainOptions = ['semi', 'vigo', 'helo'];
     const options = [
       { label: 'Aim for the highest', value: '1', extra: "Raise the bar. Wait for bigger gains. Find the best solutions by widening your perspective. Be attentive. Distill ideas down to their fundamental truths. Keep learning and growing" },
       { label: 'Be grounded & courageous', value: '2', extra:"Make your own discoveries. Dive deep into facts. Stay level-headed. Focus on impact. Assume ownership, take risks, break the mold. Rapid iterations, multiple possibilities." },
@@ -144,7 +144,7 @@ class App extends React.Component {
     ];
     return (
       <div>
-        <CheckboxGroup options={plainOptions} defaultValue={['tiktok']} onChange={onChange} />
+        <CheckboxGroup options={plainOptions} defaultValue={['semi']} onChange={onChange} />
         <br/><br/>
         <CheckboxGroup options={options} defaultValue={[]} onChange={onChange} />
         <br/><br/>
@@ -170,7 +170,7 @@ import { CheckboxGroup } from '@douyinfe/semi-ui';
 
 () => {
   const options = [
-    { label: 'tiktok', value: 'tiktok' },
+    { label: 'semi', value: 'semi' },
     { label: 'hotsoon', value: 'hotsoon' },
     { label: 'pipixia', value: 'pipixia' },
     { label: 'toutiao', value: 'toutiao' }

content/input/checkbox/index.md

@@ -155,7 +155,7 @@ import { CheckboxGroup } from '@douyinfe/semi-ui';
 
 () => {
   const options = [
-    { label: '抖音', value: 'tiktok' },
+    { label: '抖音', value: 'abc' },
     { label: '火山', value: 'hotsoon' },
     { label: '皮皮虾', value: 'pipixia' },
     { label: '今日头条', value: 'toutiao' }

content/input/form/index-en-US.md

@@ -251,7 +251,7 @@ class BasicDemoWithInit extends React.Component {
                             placeholder='Choose application'
                             label="Application（Multiple Select）"
                         >
-                            <Select.Option value="tiktok">Tiktok</Select.Option>
+                            <Select.Option value="abc">Semi</Select.Option>
                             <Select.Option value="hotsoon">Vigo</Select.Option>
                             <Select.Option value="xigua">BuzzVideo</Select.Option>
                         </Select>
@@ -339,7 +339,7 @@ class BasicDemoWithInit extends React.Component {
                         <TagInput 
                             field="product"
                             label='Product（TagInput）'
-                            defaultValue={['tiktok','hotsoon']}
+                            defaultValue={['abc','hotsoon']}
                             style={style}
                         />
                     </Col>
@@ -566,7 +566,7 @@ import { Form, Row, Col } from '@douyinfe/semi-ui';
             </Col>
             <Col span={8}>
                 <Form.Select label="Application" field='business1' style={{ width: '250px' }}>
-                    <Form.Select.Option value="tiktok">Tiktok</Form.Select.Option>
+                    <Form.Select.Option value="abc">Semi</Form.Select.Option>
                     <Form.Select.Option value="hotsoon">Vigo</Form.Select.Option>
                     <Form.Select.Option value="xigua">BussVideo</Form.Select.Option>
                 </Form.Select>
@@ -591,7 +591,7 @@ import { Form, Row, Col } from '@douyinfe/semi-ui';
             </Col>
             <Col span={6}>
                 <Form.Select label="Application" field='business2' style={{ width: '250px' }}>
-                    <Form.Select.Option value="tiktok">Tiktok</Form.Select.Option>
+                    <Form.Select.Option value="abc">Semi</Form.Select.Option>
                     <Form.Select.Option value="hotsoon">Vigo</Form.Select.Option>
                     <Form.Select.Option value="xigua">BussVideo</Form.Select.Option>
                 </Form.Select>

content/input/form/index.md

@@ -199,20 +199,22 @@ class BasicDemoWithInit extends React.Component {
                     },
                     {
                         uid: '2',
-                        name: 'tiktok.png',
+                        name: 'jiafang1.jpeg',
                         status: 'validateFail',
                         size: '222KB',
+                        percent: 50,
                         preview: true,
-                        url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/tiktok.png'
+                        fileInstance:  new File([new ArrayBuffer(2048)], 'jiafang1.jpeg', { type: 'image/jpeg' }),
+                        url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/bf8647bffab13c38772c9ff94bf91a9d.jpg'
                     },
                     {
                         uid: '3',
-                        name: 'jiafang.jpeg',
+                        name: 'jiafang2.jpeg',
                         status: 'uploading',
                         size: '222KB',
                         percent: 50,
                         preview: true,
-                        fileInstance:  new File([new ArrayBuffer(2048)], 'jiafang.jpeg', { type: 'image/jpeg' }),
+                        fileInstance:  new File([new ArrayBuffer(2048)], 'jiafang2.jpeg', { type: 'image/jpeg' }),
                         url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/bf8647bffab13c38772c9ff94bf91a9d.jpg'
                     }
                ]
@@ -309,7 +311,7 @@ class BasicDemoWithInit extends React.Component {
                                     </div>
                                 }
                             >
-                                <Select.Option value="tiktok">抖音</Select.Option>
+                                <Select.Option value="abc">Semi</Select.Option>
                                 <Select.Option value="ulikeCam">轻颜相机</Select.Option>
                                 <Select.Option value="toutiao">今日头条</Select.Option>
                             </Select>
@@ -343,7 +345,7 @@ class BasicDemoWithInit extends React.Component {
                             <TagInput 
                                 field="product"
                                 label='产品（TagInput）'
-                                defaultValue={['tiktok','ulikeCam']}
+                                defaultValue={['abc','ulikeCam']}
                                 placeholder='请输入产品'
                                 style={style}
                             />
@@ -640,7 +642,7 @@ import { Form, Col, Row } from '@douyinfe/semi-ui';
             </Col>
             <Col span={8}>
                 <Form.Select label="业务线" field='business1' style={{ width: '250px' }}>
-                    <Form.Select.Option value="tiktok">抖音</Form.Select.Option>
+                    <Form.Select.Option value="abc">Semi</Form.Select.Option>
                     <Form.Select.Option value="ulikeCam">轻颜相机</Form.Select.Option>
                     <Form.Select.Option value="toutiao">今日头条</Form.Select.Option>
                 </Form.Select>
@@ -665,7 +667,7 @@ import { Form, Col, Row } from '@douyinfe/semi-ui';
             </Col>
             <Col span={6}>
                 <Form.Select label="业务线" field='business2' style={{ width: '200px' }}>
-                    <Form.Select.Option value="tiktok">抖音</Form.Select.Option>
+                    <Form.Select.Option value="abc">Semi</Form.Select.Option>
                     <Form.Select.Option value="ulikeCam">轻颜相机</Form.Select.Option>
                     <Form.Select.Option value="toutiao">今日头条</Form.Select.Option>
                 </Form.Select>

content/input/select/index-en-US.md

@@ -28,20 +28,20 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => (
     <>
-        <Select defaultValue="tiktok" style={{ width: 120 }}>
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+        <Select defaultValue="abc" style={{ width: 120 }}>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
         </Select>
         <br />
         <br />
-        <Select style={{ width: '180px' }} defaultValue="tiktok" style={{ width: 120 }}>
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+        <Select style={{ width: '180px' }} defaultValue="abc" style={{ width: 120 }}>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
         </Select>
         <br />
         <br />
         <Select placeholder="Select line of business" style={{ width: 120 }}>
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
         </Select>
     </>
@@ -58,7 +58,7 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => {
     const list = [
-        { value: 'tiktok', label: 'Tiktok' },
+        { value: 'abc', label: 'Semi' },
         { value: 'hotsoon', label: 'Hotsoon' },
         { value: 'pipixia', label: 'Pipixia' },
         { value: 'toutiao', label: 'TooBuzz' },
@@ -81,16 +81,16 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => (
     <>
-        <Select multiple style={{ width: '320px' }} defaultValue={['tiktok', 'hotsoon']}>
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+        <Select multiple style={{ width: '320px' }} defaultValue={['abc', 'hotsoon']}>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
             <Select.Option value="pipixia">Pipixia</Select.Option>
             <Select.Option value="xigua">BuzzVideo</Select.Option>
         </Select>
         <br />
         <br />
-        <Select multiple style={{ width: '320px' }} defaultValue={['tiktok', 'hotsoon', 'pipixia']} maxTagCount={2}>
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+        <Select multiple style={{ width: '320px' }} defaultValue={['abc', 'hotsoon', 'pipixia']} maxTagCount={2}>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
             <Select.Option value="pipixia">Pipixia</Select.Option>
             <Select.Option value="xigua">BuzzVideo</Select.Option>
@@ -101,11 +101,11 @@ import { Select } from '@douyinfe/semi-ui';
         <Select
             multiple
             style={{ width: '320px' }}
-            defaultValue={['tiktok']}
+            defaultValue={['abc']}
             max={2}
             onExceed={() => Toast.warning('Only two options are allowed')}
         >
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
             <Select.Option value="pipixia">Pipixia</Select.Option>
             <Select.Option value="xigua">BuzzVideo</Select.Option>
@@ -248,7 +248,7 @@ import { IconVigoLogo, IconGift } from '@douyinfe/semi-icons';
 () => (
     <>
         <Select style={{ width: '320px' }} defaultValue={'hotsoon'} prefix={<IconVigoLogo />} showClear={true}>
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
             <Select.Option value="pipixia">Pipixia</Select.Option>
             <Select.Option value="xigua">BuzzVideo</Select.Option>
@@ -262,7 +262,7 @@ import { IconVigoLogo, IconGift } from '@douyinfe/semi-icons';
             suffix={<IconGift />}
             showArrow={false}
         >
-            <Select.Option value="tiktok">Tiktok</Select.Option>
+            <Select.Option value="abc">Semi</Select.Option>
             <Select.Option value="hotsoon">Hotsoon</Select.Option>
             <Select.Option value="pipixia">Pipixia</Select.Option>
             <Select.Option value="xigua">BuzzVideo</Select.Option>
@@ -282,13 +282,13 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => {
     const list = [
-        { value: 'tiktok', label: 'Tiktok' },
+        { value: 'abc', label: 'Semi' },
         { value: 'capcut', label: 'Capcut' },
         { value: 'xigua', label: 'BuzzVideo' },
     ];
     return (
         <>
-            <Select style={{ width: 320 }} optionList={list} insetLabel="Application" defaultValue="tiktok"></Select>
+            <Select style={{ width: 320 }} optionList={list} insetLabel="Application" defaultValue="abc"></Select>
             <br />
             <br />
             <Select
@@ -358,14 +358,14 @@ import { IconClock } from '@douyinfe/semi-icons';
                 position="bottom"
                 outerBottomSlot={outSlotNode}
             >
-                <Select.Option value="tiktok">Tiktok</Select.Option>
+                <Select.Option value="abc">Semi</Select.Option>
                 <Select.Option value="hotsoon">Hotsoon</Select.Option>
                 <Select.Option value="pipixia">Pipixia</Select.Option>
                 <Select.Option value="xigua">BuzzVideo</Select.Option>
             </Select>
             <p>innerBottomSlot:</p>
             <Select style={selectStyle} dropdownStyle={{ width: 180 }} innerBottomSlot={innerSlotNode}>
-                <Select.Option value="tiktok">Tiktok</Select.Option>
+                <Select.Option value="abc">Semi</Select.Option>
                 <Select.Option value="hotsoon">Hotsoon</Select.Option>
                 <Select.Option value="pipixia">Pipixia</Select.Option>
                 <Select.Option value="xigua">BuzzVideo</Select.Option>
@@ -478,7 +478,7 @@ import { Select } from '@douyinfe/semi-ui';
     return (
         <>
             <Select value={value} style={{ width: '300px' }} onChange={setValue} placeholder="Controlled Component">
-                <Select.Option value="tiktok">Tiktok</Select.Option>
+                <Select.Option value="abc">Semi</Select.Option>
                 <Select.Option value="capcut">Capcut</Select.Option>
                 <Select.Option value="xigua">BuzzVideo</Select.Option>
             </Select>
@@ -566,7 +566,7 @@ import { Select } from '@douyinfe/semi-ui';
 () => (
     <>
         <Select filter style={{ width: 180 }} placeholder="Searchable Select">
-            <Select.Option value="app1">Tiktok</Select.Option>
+            <Select.Option value="app1">Semi</Select.Option>
             <Select.Option value="app2">Hotsoon</Select.Option>
             <Select.Option value="app3">Pipixia</Select.Option>
             <Select.Option value="app4">BuzzVideo</Select.Option>
@@ -574,7 +574,7 @@ import { Select } from '@douyinfe/semi-ui';
         <br />
         <br />
         <Select filter multiple style={{ width: 350 }} placeholder="Searchable Multiple Select">
-            <Select.Option value="app1">Tiktok</Select.Option>
+            <Select.Option value="app1">Semi</Select.Option>
             <Select.Option value="app2">Hotsoon</Select.Option>
             <Select.Option value="app3">Pipixia</Select.Option>
             <Select.Option value="app4">BuzzVideo</Select.Option>
@@ -603,7 +603,7 @@ class SearchDemo extends React.Component {
         this.state = {
             Loading: false,
             optionList: [
-                { value: 'tiktok', label: 'Tiktok', type: 1 },
+                { value: 'abc', label: 'Semi', type: 1 },
                 { value: 'capcut', label: 'Capcut', type: 2 },
                 { value: 'xigua', label: 'BuzzVideo', type: 4 },
             ],
@@ -689,8 +689,8 @@ import { Select } from '@douyinfe/semi-ui';
         return label.includes(sug) || value.includes(sug);
     }
     return (
-        <Select filter={search} style={{ width: '180px' }} placeholder="try hello or tiktok">
-            <Select.Option value="hello">Tiktok</Select.Option>
+        <Select filter={search} style={{ width: '180px' }} placeholder="try hello or abc">
+            <Select.Option value="hello">Semi</Select.Option>
             <Select.Option value="bytedance">UlikeCam</Select.Option>
             <Select.Option value="semi">BuzzVideo</Select.Option>
         </Select>
@@ -849,7 +849,7 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => (
     <Select style={{ width: 180 }} dropdownStyle={{ width: 250 }} dropdownClassName="test">
-        <Select.Option value="tiktok">Tiktok</Select.Option>
+        <Select.Option value="abc">Semi</Select.Option>
         <Select.Option value="hotsoon">Hotsoon</Select.Option>
         <Select.Option value="pipixia">Pipixia</Select.Option>
         <Select.Option value="xigua">BuzzVideo</Select.Option>
@@ -903,7 +903,7 @@ import { Select, TextArea } from '@douyinfe/semi-ui';
 
 () => {
     const list = [
-        { value: 'tiktok', label: 'Tiktok', type: 1 },
+        { value: 'abc', label: 'Semi', type: 1 },
         { value: 'capcut', label: 'Capcut', type: 2 },
         { value: 'xigua', label: 'BuzzVideo', type: 3 },
     ];
@@ -962,7 +962,7 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => {
     const optionList = [
-        { value: 'tiktok', label: 'Tiktok' },
+        { value: 'abc', label: 'Semi' },
         { value: 'capcut', label: 'Capcut' },
         { value: 'xigua', label: 'BuzzVideo' },
     ];
@@ -1062,10 +1062,10 @@ import { Select } from '@douyinfe/semi-ui';
 import { IconAppCenter, IconChevronDown } from '@douyinfe/semi-icons';
 
 () => {
-    const [valList, setValList] = useState(['tiktok', 'hotsoon']);
-    const [val, setVal] = useState('tiktok');
+    const [valList, setValList] = useState(['abc', 'hotsoon']);
+    const [val, setVal] = useState('abc');
     const list = [
-        { value: 'tiktok', label: 'Tiktok' },
+        { value: 'abc', label: 'Semi' },
         { value: 'hotsoon', label: 'Hotsoon' },
         { value: 'pipixia', label: 'Pipixia' },
         { value: 'toutiao', label: 'TooBuzz' },
@@ -1215,7 +1215,7 @@ import { Select, Checkbox } from '@douyinfe/semi-ui';
     };
 
     const optionList = [
-      { value: 'tiktok', label: 'Tiktok', otherKey:0 },
+      { value: 'abc', label: 'Semi', otherKey:0 },
       { value: 'capcut', label: 'Capcut', disabled: true, otherKey: 1 },
       { value: 'cam', label: 'UlikeCam', otherKey: 2 },
       { value: 'buzz', label: 'Buzz', otherKey: 3 },
@@ -1225,7 +1225,7 @@ import { Select, Checkbox } from '@douyinfe/semi-ui';
         <Select
             filter
             defaultOpen
-            defaultValue='tiktok'
+            defaultValue='abc'
             dropdownClassName='components-select-demo-renderOptionItem'
             optionList={optionList}
             style={{ width: 180 }}

content/input/select/index.md

@@ -32,20 +32,20 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => (
   <>
-    <Select defaultValue='tiktok' style={{ width: 120 }}>
-        <Select.Option value='tiktok'>抖音</Select.Option>
+    <Select defaultValue='abc' style={{ width: 120 }}>
+        <Select.Option value='abc'>抖音</Select.Option>
         <Select.Option value='hotsoon'>火山</Select.Option>
         <Select.Option value='jianying' disabled>剪映</Select.Option>
         <Select.Option value='xigua'>西瓜视频</Select.Option>
     </Select>
     <br/><br/>
-    <Select style={{ width: '180px' }} defaultValue='tiktok' disabled style={{ width: 120 }}>
-        <Select.Option value='tiktok'>抖音</Select.Option>
+    <Select style={{ width: '180px' }} defaultValue='abc' disabled style={{ width: 120 }}>
+        <Select.Option value='abc'>抖音</Select.Option>
         <Select.Option value='hotsoon'>火山</Select.Option>
     </Select>
     <br/><br/>
     <Select placeholder='请选择业务线' style={{ width: 120 }}>
-        <Select.Option value='tiktok'>抖音</Select.Option>
+        <Select.Option value='abc'>抖音</Select.Option>
         <Select.Option value='hotsoon'>火山</Select.Option>
         <Select.Option value='jianying' disabled>剪映</Select.Option>
         <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -64,7 +64,7 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => {
   const list = [
-    { value: 'tiktok', label: '抖音', otherKey:0 },
+    { value: 'abc', label: '抖音', otherKey:0 },
     { value: 'hotsoon', label: '火山小视频', disabled: true, otherKey: 1 },
     { value: 'jianying', label: '剪映', otherKey: 2 },
     { value: 'toutiao', label: '今日头条', otherKey: 3 },
@@ -90,23 +90,23 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => (
   <>
-    <Select multiple style={{ width: '320px' }} defaultValue={['tiktok','hotsoon']}>
-      <Select.Option value='tiktok'>抖音</Select.Option>
+    <Select multiple style={{ width: '320px' }} defaultValue={['abc','hotsoon']}>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
     </Select>
     <br/><br/>
-    <Select multiple style={{ width: '320px' }} defaultValue={['tiktok','hotsoon', 'jianying']} maxTagCount={2}>
-      <Select.Option value='tiktok'>抖音</Select.Option>
+    <Select multiple style={{ width: '320px' }} defaultValue={['abc','hotsoon', 'jianying']} maxTagCount={2}>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
     </Select>
 
     <br/><br/>
-    <Select multiple style={{ width: '320px' }} defaultValue={['tiktok']} max={2} onExceed={()=>Toast.warning('最多只允许选择两项')}>
-      <Select.Option value='tiktok'>抖音</Select.Option>
+    <Select multiple style={{ width: '320px' }} defaultValue={['abc']} max={2} onExceed={()=>Toast.warning('最多只允许选择两项')}>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -266,7 +266,7 @@ import { IconVigoLogo, IconGift } from '@douyinfe/semi-icons';
       prefix={<IconVigoLogo />}
       showClear={true}
     >
-      <Select.Option value='tiktok'>抖音</Select.Option>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -279,7 +279,7 @@ import { IconVigoLogo, IconGift } from '@douyinfe/semi-icons';
       suffix={<IconGift />}
       showArrow={false}
     >
-      <Select.Option value='tiktok'>抖音</Select.Option>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -299,14 +299,14 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => {
   const list = [
-    { value: 'tiktok', label: '抖音' },
+    { value: 'abc', label: '抖音' },
     { value: 'hotsoon', label: '火山小视频' },
     { value: 'jianying', label: '剪映' },
     { value: 'toutiao', label: '今日头条' },
   ]
   return (
     <>
-      <Select style={{ width: 300 }} optionList={list} insetLabel='业务线' defaultValue='tiktok'>
+      <Select style={{ width: 300 }} optionList={list} insetLabel='业务线' defaultValue='abc'>
       </Select>
       <br/><br/>
       <Select
@@ -373,7 +373,7 @@ import { Select } from '@douyinfe/semi-ui';
               autoAdjustOverflow={false}
               position='bottom'
           >
-                <Select.Option value='tiktok'>抖音</Select.Option>
+                <Select.Option value='abc'>抖音</Select.Option>
                 <Select.Option value='hotsoon'>火山</Select.Option>
                 <Select.Option value='jianying'>剪映</Select.Option>
                 <Select.Option value='duoshan'>多闪</Select.Option>
@@ -387,7 +387,7 @@ import { Select } from '@douyinfe/semi-ui';
               innerBottomSlot={innerSlotNode}
               placeholder='自定义内侧底部slot'
           >
-                <Select.Option value='tiktok'>抖音</Select.Option>
+                <Select.Option value='abc'>抖音</Select.Option>
                 <Select.Option value='hotsoon'>火山</Select.Option>
                 <Select.Option value='jianying'>剪映</Select.Option>
                 <Select.Option value='duoshan'>多闪</Select.Option>
@@ -500,7 +500,7 @@ import { Select } from '@douyinfe/semi-ui';
   return (
     <>
       <Select value={value} style={{ width: '300px' }} onChange={setValue} placeholder='受控的Select'>
-        <Select.Option value='tiktok'>抖音</Select.Option>
+        <Select.Option value='abc'>抖音</Select.Option>
         <Select.Option value='hotsoon'>火山</Select.Option>
         <Select.Option value='jianying'>剪映</Select.Option>
         <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -619,14 +619,14 @@ import { Select } from '@douyinfe/semi-ui';
 () => (
   <>
     <Select filter style={{ width: 180 }} placeholder='带搜索功能的单选'>
-      <Select.Option value='tiktok'>抖音</Select.Option>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
     </Select>
     <br/><br/>
     <Select filter multiple style={{ width: 300 }} placeholder='带搜索功能的多选'>
-      <Select.Option value='tiktok'>抖音</Select.Option>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -654,7 +654,7 @@ class SearchDemo extends React.Component {
         this.state = {
             loading: false,
             optionList: [
-                { value: 'tiktok', label: '抖音', type: 1 },
+                { value: 'abc', label: '抖音', type: 1 },
                 { value: 'hotsoon', label: '火山小视频', type: 2 },
                 { value: 'jianying', label: '剪映', type: 3 },
                 { value: 'toutiao', label: '今日头条', type: 4 },
@@ -744,8 +744,8 @@ import { Select } from '@douyinfe/semi-ui';
     return label.includes(sug);
   }
   return (
-    <Select filter={searchLabel} style={{ width: '180px' }} placeholder='try tiktok'>
-        <Select.Option value='tiktok'>TIKTOK</Select.Option>
+    <Select filter={searchLabel} style={{ width: '180px' }} placeholder='try abc'>
+        <Select.Option value='abc'>ABC</Select.Option>
         <Select.Option value='hotsoon'>HOTSOON</Select.Option>
         <Select.Option value='jianying'>PIPIXIA</Select.Option>
         <Select.Option value='xigua'>XIGUA</Select.Option>
@@ -906,7 +906,7 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => (
   <Select placeholder='自定义弹出层样式的' style={{ width: 180 }} dropdownStyle={{ width: 250 }} dropdownClassName='test'>
-      <Select.Option value='tiktok'>抖音</Select.Option>
+      <Select.Option value='abc'>抖音</Select.Option>
       <Select.Option value='hotsoon'>火山</Select.Option>
       <Select.Option value='jianying'>剪映</Select.Option>
       <Select.Option value='xigua'>西瓜视频</Select.Option>
@@ -929,7 +929,7 @@ import { Select, TextArea } from '@douyinfe/semi-ui';
 
 () => {
     const list = [
-      { value: 'tiktok', label: '抖音', type: 1 },
+      { value: 'abc', label: '抖音', type: 1 },
       { value: 'hotsoon', label: '火山', type: 2 },
       { value: 'jianying', label: '剪映', type: 3 },
       { value: 'toutiao', label: '今日头条', type: 4 },
@@ -997,7 +997,7 @@ import { Select } from '@douyinfe/semi-ui';
 
 () => {
   const optionList = [
-    { value: 'tiktok', label: '抖音' },
+    { value: 'abc', label: '抖音' },
     { value: 'hotsoon', label: '火山小视频' },
     { value: 'jianying', label: '剪映' },
     { value: 'toutiao', label: '今日头条' },
@@ -1101,10 +1101,10 @@ import { Select } from '@douyinfe/semi-ui';
 import { IconAppCenter, IconChevronDown } from '@douyinfe/semi-icons';
 
 () => {
-  const [valList, setValList] = useState(['tiktok', 'hotsoon']);
-  const [val, setVal] = useState('tiktok');
+  const [valList, setValList] = useState(['abc', 'hotsoon']);
+  const [val, setVal] = useState('abc');
   const list = [
-    { value: 'tiktok', label: '抖音' },
+    { value: 'abc', label: '抖音' },
     { value: 'hotsoon', label: '火山小视频' },
     { value: 'jianying', label: '剪映' },
     { value: 'toutiao', label: '今日头条' },
@@ -1233,7 +1233,7 @@ import { Select, Checkbox } from '@douyinfe/semi-ui';
     };
 
     const optionList = [
-      { value: 'tiktok', label: '抖音', otherKey:0 },
+      { value: 'abc', label: '抖音', otherKey:0 },
       { value: 'hotsoon', label: '火山小视频', disabled: true, otherKey: 1 },
       { value: 'jianying', label: '剪映', otherKey: 2 },
       { value: 'toutiao', label: '今日头条', otherKey: 3 },
@@ -1441,7 +1441,7 @@ import { Select, Checkbox } from '@douyinfe/semi-ui';
         ```
           <Select placeholder='choose company by app'>
             <Option label='vigo' value='bytedance' />
-            <Option label='tiktok' value='bytedance' />
+            <Option label='abc' value='bytedance' />
           </Select>
         ```
 

content/input/taginput/index-en-US.md

@@ -25,7 +25,7 @@ import { TagInput } from '@douyinfe/semi-ui';
 
 () => (
     <TagInput
-        defaultValue={['Tiktok','Hotsoon','Pipixia']}
+        defaultValue={['Semi','Hotsoon','Pipixia']}
         placeholder='Please enter...'
         onChange={v => console.log(v)}
     />
@@ -68,7 +68,7 @@ import { TagInput } from '@douyinfe/semi-ui';
 () => (
     <TagInput 
         showClear 
-        defaultValue={['Tiktok','Hotsoon']} 
+        defaultValue={['Semi','Hotsoon']} 
         placeholder='Please enter...'
         onChange={v => console.log(v)}
     />
@@ -86,7 +86,7 @@ import { TagInput } from '@douyinfe/semi-ui';
     <TagInput 
         disabled 
         showClear 
-        defaultValue={['Tiktok','Hotsoon','Pipixia']} 
+        defaultValue={['Semi','Hotsoon','Pipixia']} 
         placeholder='Please enter...'
     />
 )
@@ -165,7 +165,7 @@ import { TagInput } from '@douyinfe/semi-ui';
 () => (
     <TagInput
         allowDuplicates={false}
-        defaultValue={['Tiktok','Hotsoon','Pipixia']} 
+        defaultValue={['Semi','Hotsoon','Pipixia']} 
         placeholder='Please enter...'
         onChange={v => console.log(v)}
     />
@@ -183,7 +183,7 @@ import { TagInput } from '@douyinfe/semi-ui';
 () => (
     <TagInput
         addOnBlur={true}
-        defaultValue={['Tiktok','Hotsoon','Pipixia']} 
+        defaultValue={['Semi','Hotsoon','Pipixia']} 
         placeholder='Please enter...'
         onChange={v => console.log(v)}
     />
@@ -238,7 +238,7 @@ import { TagInput } from '@douyinfe/semi-ui';
         maxTagCount={2}
         showRestTagsPopover={true}
         restTagsPopoverProps={{ position: 'top' }}
-        defaultValue={['Tiktok','Hotsoon','Pipixia']} 
+        defaultValue={['Semi','Hotsoon','Pipixia']} 
     />
 )
 ```
@@ -255,7 +255,7 @@ class TagInputDemo extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
-            value: ['tiktok']
+            value: ['abc']
         };
     }
     onChange(value) {
@@ -284,7 +284,7 @@ class TagInputDemo extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
-            value: 'tiktok'
+            value: 'abc'
         }
     }
     handleInputChange(value, event) {
@@ -309,7 +309,7 @@ import { TagInput } from '@douyinfe/semi-ui';
 
 () => (
     <TagInput 
-        defaultValue={['Tiktok','Hotsoon','Pipixia']} 
+        defaultValue={['Semi','Hotsoon','Pipixia']} 
         showClear 
         onFocus={e =>{console.log(`onFocus`);}} 
         onBlur={e=>{console.log(`onBlur`);}} 
@@ -343,7 +343,7 @@ class TagInputDemo extends React.Component {
     render() {
         return (
             <>
-                <TagInput defaultValue={['Tiktok','Hotsoon']} ref={this.ref} />
+                <TagInput defaultValue={['Semi','Hotsoon']} ref={this.ref} />
                 <Button style={{marginTop:10}} onClick={this.handleTagInputFocus}>
                     focus
                 </Button>

content/input/taginput/index.md

@@ -283,7 +283,7 @@ class TagInputDemo extends React.Component {
     constructor() {
         super();
         this.state = {
-            value: 'tiktok'
+            value: 'abc'
         }
     }
     handleInputChange(value, event) {

content/input/transfer/index-en-US.md

@@ -152,12 +152,12 @@ import { IconClose } from '@douyinfe/semi-icons';
     };
 
     const data = [
-        { label: 'Xiakeman', value: '[email protected]', abbr: 'Xia', color: 'amber', area: 'tiktok-US', key: 1 },
-        { label: 'Shenyue', value: '[email protected]', abbr: 'Shen', color: 'indigo', area: 'tiktok-UK', key: 2 },
-        { label: 'Wenjiamao', value: '[email protected]', abbr: 'Wen', color: 'cyan', area: 'tiktok-HK', key: 3 },
-        { label: 'Quchenyi', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'vigo-India', key: 4 },
-        { label: 'Quchener', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'vigo-India', key: 5 },
-        { label: 'Quchensan', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'vigo-India', key: 6 },
+        { label: 'Xiakeman', value: '[email protected]', abbr: 'Xia', color: 'amber', area: 'US', key: 1 },
+        { label: 'Shenyue', value: '[email protected]', abbr: 'Shen', color: 'indigo', area: 'UK', key: 2 },
+        { label: 'Wenjiamao', value: '[email protected]', abbr: 'Wen', color: 'cyan', area: 'HK', key: 3 },
+        { label: 'Quchenyi', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'India', key: 4 },
+        { label: 'Quchener', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'India', key: 5 },
+        { label: 'Quchensan', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'India', key: 6 },
     ];
 
     return (
@@ -326,12 +326,12 @@ import { IconHandle, IconClose } from '@douyinfe/semi-icons';
     };
 
     const data = [
-        { label: 'Xiakeman', value: '[email protected]', abbr: 'Xia', color: 'amber', area: 'tiktok-US', key: 1 },
-        { label: 'Shenyue', value: '[email protected]', abbr: 'Shen', color: 'indigo', area: 'tiktok-UK', key: 2 },
-        { label: 'Wenjiamao', value: '[email protected]', abbr: 'Wen', color: 'cyan', area: 'tiktok-HK', key: 3 },
-        { label: 'Quchenyi', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'vigo-India', key: 4 },
-        { label: 'Quchener', value: '[email protected]', abbr: 'Er', color: 'blue', area: 'vigo-India', key: 5 },
-        { label: 'Quchensan', value: '[email protected]', abbr: 'San', color: 'blue', area: 'vigo-India', key: 6 },
+        { label: 'Xiakeman', value: '[email protected]', abbr: 'Xia', color: 'amber', area: 'US', key: 1 },
+        { label: 'Shenyue', value: '[email protected]', abbr: 'Shen', color: 'indigo', area: 'UK', key: 2 },
+        { label: 'Wenjiamao', value: '[email protected]', abbr: 'Wen', color: 'cyan', area: 'HK', key: 3 },
+        { label: 'Quchenyi', value: '[email protected]', abbr: 'Qu', color: 'blue', area: 'India', key: 4 },
+        { label: 'Quchener', value: '[email protected]', abbr: 'Er', color: 'blue', area: 'India', key: 5 },
+        { label: 'Quchensan', value: '[email protected]', abbr: 'San', color: 'blue', area: 'India', key: 6 },
     ];
 
     return (

content/input/transfer/index.md

@@ -154,12 +154,12 @@ import { IconClose } from '@douyinfe/semi-icons';
     };
 
     const data = [
-        { label: '夏可漫', value: '[email protected]', abbr: '夏', color: 'amber', area: 'tiktok-US', key: 1 },
-        { label: '申悦', value: '[email protected]', abbr: '申', color: 'indigo', area: 'tiktok-UK', key: 2 },
-        { label: '文嘉茂', value: '[email protected]', abbr: '文', color: 'cyan', area: 'tiktok-HK', key: 3 },
-        { label: '曲晨一', value: '[email protected]', abbr: '曲', color: 'blue', area: 'vigo-India', key: 4 },
-        { label: '曲晨二', value: '[email protected]', abbr: '二', color: 'blue', area: 'vigo-India', key: 5 },
-        { label: '曲晨三', value: '[email protected]', abbr: '三', color: 'blue', area: 'vigo-India', key: 6 },
+        { label: '夏可漫', value: '[email protected]', abbr: '夏', color: 'amber', area: 'US', key: 1 },
+        { label: '申悦', value: '[email protected]', abbr: '申', color: 'indigo', area: 'UK', key: 2 },
+        { label: '文嘉茂', value: '[email protected]', abbr: '文', color: 'cyan', area: 'HK', key: 3 },
+        { label: '曲晨一', value: '[email protected]', abbr: '曲', color: 'blue', area: 'India', key: 4 },
+        { label: '曲晨二', value: '[email protected]', abbr: '二', color: 'blue', area: 'India', key: 5 },
+        { label: '曲晨三', value: '[email protected]', abbr: '三', color: 'blue', area: 'India', key: 6 },
     ];
 
     return (
@@ -328,12 +328,12 @@ import { IconHandle, IconClose } from '@douyinfe/semi-icons';
     };
 
     const data = [
-        { label: '夏可漫', value: '[email protected]', abbr: '夏', color: 'amber', area: 'tiktok-US', key: 1 },
-        { label: '申悦', value: '[email protected]', abbr: '申', color: 'indigo', area: 'tiktok-UK', key: 2 },
-        { label: '文嘉茂', value: '[email protected]', abbr: '文', color: 'cyan', area: 'tiktok-HK', key: 3 },
-        { label: '曲晨一', value: '[email protected]', abbr: '曲', color: 'blue', area: 'vigo-India', key: 4 },
-        { label: '曲晨二', value: '[email protected]', abbr: '二', color: 'blue', area: 'vigo-India', key: 5 },
-        { label: '曲晨三', value: '[email protected]', abbr: '三', color: 'blue', area: 'vigo-India', key: 6 },
+        { label: '夏可漫', value: '[email protected]', abbr: '夏', color: 'amber', area: 'US', key: 1 },
+        { label: '申悦', value: '[email protected]', abbr: '申', color: 'indigo', area: 'UK', key: 2 },
+        { label: '文嘉茂', value: '[email protected]', abbr: '文', color: 'cyan', area: 'HK', key: 3 },
+        { label: '曲晨一', value: '[email protected]', abbr: '曲', color: 'blue', area: 'India', key: 4 },
+        { label: '曲晨二', value: '[email protected]', abbr: '二', color: 'blue', area: 'India', key: 5 },
+        { label: '曲晨三', value: '[email protected]', abbr: '三', color: 'blue', area: 'India', key: 6 },
     ];
 
     return (

content/input/upload/index-en-US.md

@@ -404,12 +404,12 @@ import { IconPlus } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'abc.jpeg',
             status: 'success',
             size: '222KB',
             preview: true,
-            fileInstance: new File([new ArrayBuffer(2048)], 'tiktok.jpeg', { type: 'image/png' }),
-            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/a0ca113c9c6d4fb49c9b8bb54a392a00~noop.image',
+            fileInstance: new File([new ArrayBuffer(2048)], 'abc.jpeg', { type: 'image/png' }),
+            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/c2a65140483e4a20802d64af5fec1b39~noop.image',
         },
     ];
     return (
@@ -514,12 +514,12 @@ import { IconUpload } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'abc.jpeg',
             status: 'uploadFail',
             size: '222KB',
             preview: true,
-            fileInstance: new File([new ArrayBuffer(2048)], 'tiktok.jpeg', { type: 'image/png' }),
-            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/a0ca113c9c6d4fb49c9b8bb54a392a00~noop.image',
+            fileInstance: new File([new ArrayBuffer(2048)], 'abc.jpeg', { type: 'image/png' }),
+            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/c2a65140483e4a20802d64af5fec1b39~noop.image',
         },
     ];
 
@@ -556,11 +556,14 @@ import { IconUpload } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
-            status: 'validateFail',
+            name: 'jiafang2.jpeg',
+            status: 'uploading',
             size: '222KB',
+            percent: 50,
             preview: true,
-            url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/8bd8224511db085ed74fea37205aede5.jpg',
+            fileInstance: new File([new ArrayBuffer(2048)], 'jiafang2.jpeg', { type: 'image/jpeg' }),
+            url:
+                'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/4a55704fb0b8b85eaccdb4ed22469f57.jpg',
         },
         {
             uid: '3',
@@ -651,11 +654,11 @@ import { IconUpload } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'abc.jpeg',
             status: 'validateFail',
             size: '222KB',
             preview: true,
-            url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dbf7351bb779433d17c4f50478cf42f7.jpg',
+            url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/e82f3b261133d2b20d85e8483c203112.jpg',
         },
     ];
     let action = '//semi.design/api/upload';

content/input/upload/index.md

@@ -404,12 +404,12 @@ import { IconPlus } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'vigo2.jpeg',
             status: 'success',
             size: '222KB',
             preview: true,
-            fileInstance: new File([new ArrayBuffer(2048)], 'tiktok.jpeg', { type: 'image/png' }),
-            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/a0ca113c9c6d4fb49c9b8bb54a392a00~noop.image',
+            fileInstance: new File([new ArrayBuffer(2048)], 'vigo2.jpeg', { type: 'image/png' }),
+            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/c2a65140483e4a20802d64af5fec1b39~noop.image',
         },
     ];
     return (
@@ -514,12 +514,12 @@ import { IconUpload } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'vigo2.jpeg',
             status: 'uploadFail',
             size: '222KB',
             preview: true,
-            fileInstance: new File([new ArrayBuffer(2048)], 'tiktok.jpeg', { type: 'image/png' }),
-            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/a0ca113c9c6d4fb49c9b8bb54a392a00~noop.image',
+            fileInstance: new File([new ArrayBuffer(2048)], 'vigo2.jpeg', { type: 'image/png' }),
+            url: 'https://sf6-cdn-tos.douyinstatic.com/img/ee-finolhu/c2a65140483e4a20802d64af5fec1b39~noop.image',
         },
     ];
 
@@ -556,14 +556,6 @@ import { IconUpload } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
-            status: 'validateFail',
-            size: '222KB',
-            preview: true,
-            url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/8bd8224511db085ed74fea37205aede5.jpg',
-        },
-        {
-            uid: '3',
             name: 'jiafang.jpeg',
             status: 'uploading',
             size: '222KB',
@@ -651,11 +643,11 @@ import { IconUpload } from '@douyinfe/semi-icons';
         },
         {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'vigo2.jpeg',
             status: 'validateFail',
             size: '222KB',
             preview: true,
-            url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dbf7351bb779433d17c4f50478cf42f7.jpg',
+            url: 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/e82f3b261133d2b20d85e8483c203112.jpg',
         },
     ];
     let action = 'https://run.mocky.io/v3/d6ac5c9e-4d39-4309-a747-7ed3b5694859';

content/other/configprovider/index-en-US.md

@@ -76,7 +76,7 @@ Special components:
 ```jsx live=true dir="column" hideInDSM
 import React, { useState } from 'react';
 import { ConfigProvider, ButtonGroup, Button, Row, Col, Spin, Notification, DatePicker, TimePicker, Timeline, Popover, Tag, Tooltip, Badge, Avatar, Steps, Pagination, Modal, Breadcrumb, Rating, Nav, Spin, Cascader, Radio, Select, Input, Typography, TextArea, Checkbox, Switch } from '@douyinfe/semi-ui';
-import { IconTiktokLogo, IconVigoLogo, IconEdit, IconCamera, IconList, IconSidebar, IconChevronDown } from '@douyinfe/semi-icons';
+import { IconVigoLogo, IconEdit, IconCamera, IconList, IconSidebar, IconChevronDown } from '@douyinfe/semi-icons';
 import en_GB from '@douyinfe/semi-ui/locale/source/en_GB';
 
 function Demo(props = {}) {
@@ -200,21 +200,21 @@ function Demo(props = {}) {
                     <TimePicker style={{width: '100%'}} />
                     <br/><br/>
                     <Select style={{ width: '100%' }} placeholder="Select-single">
-                      <Option value='tiktok'>Tiktok</Option>
+                      <Option value='abc'>Semi</Option>
                       <Option value='hotsoon'>Hotsoon</Option>
                       <Option value='pipixia' disabled>Pipixia</Option>
                       <Option value='xigua'>Xigua</Option>
                     </Select>
                     <br/><br/>
                     <Select disabled style={{ width: '100%' }} placeholder="Select-disabled">
-                      <Option value='tiktok'>Tiktok</Option>
+                      <Option value='abc'>Semi</Option>
                       <Option value='hotsoon'>Hotsoon</Option>
                       <Option value='pipixia' disabled>Pipixia</Option>
                       <Option value='xigua'>Xigua</Option>
                     </Select>
                     <br/><br/>
                     <Select multiple style={{ width: '100%' }} placeholder="Select-mutiple">
-                      <Option value='tiktok'>Tiktok</Option>
+                      <Option value='abc'>Semi</Option>
                       <Option value='hotsoon'>Hotsoon</Option>
                       <Option value='pipixia' disabled>Pipixia</Option>
                       <Option value='xigua'>Xigua</Option>
@@ -338,8 +338,8 @@ function Demo(props = {}) {
                     <Button
                         style={buttonStyle}
                         ghost={false}
-                        icon={<IconTiktokLogo />}
-                        onClick={() => Notification.info({ ...opts, icon: <IconTiktokLogo /> })}
+                        icon={<IconVigoLogo />}
+                        onClick={() => Notification.info({ ...opts, icon: <IconVigoLogo /> })}
                     />
                     <Button
                         style={buttonStyle}

content/other/configprovider/index.md

@@ -80,7 +80,7 @@ function Demo(props = {}) {
 ```jsx live=true dir="column" hideInDSM
 import React, { useState } from 'react';
 import { ConfigProvider, ButtonGroup, Button, Row, Col, Spin, Notification, DatePicker, TimePicker, Timeline, Popover, Tag, Tooltip, Badge, Avatar, Steps, Pagination, Modal, Breadcrumb, Rating, Nav, Spin, Cascader, Radio, Select, Input, Typography, TextArea, Checkbox, Switch } from '@douyinfe/semi-ui';
-import { IconTiktokLogo, IconVigoLogo, IconEdit, IconCamera, IconList, IconSidebar, IconChevronDown } from '@douyinfe/semi-icons';
+import { IconVigoLogo, IconEdit, IconCamera, IconList, IconSidebar, IconChevronDown } from '@douyinfe/semi-icons';
 
 function Demo(props = {}) {
     const { Option } = Select;
@@ -203,21 +203,21 @@ function Demo(props = {}) {
                     <TimePicker style={{width: '100%'}} />
                     <br/><br/>
                     <Select style={{ width: '100%' }} placeholder="选择器-单选">
-                      <Option value='tiktok'>抖音</Option>
+                      <Option value='abc'>抖音</Option>
                       <Option value='hotsoon'>火山</Option>
                       <Option value='pipixia' disabled>皮皮虾</Option>
                       <Option value='xigua'>西瓜视频</Option>
                     </Select>
                     <br/><br/>
                     <Select disabled style={{ width: '100%' }} placeholder="选择器-禁用">
-                      <Option value='tiktok'>抖音</Option>
+                      <Option value='abc'>抖音</Option>
                       <Option value='hotsoon'>火山</Option>
                       <Option value='pipixia' disabled>皮皮虾</Option>
                       <Option value='xigua'>西瓜视频</Option>
                     </Select>
                     <br/><br/>
                     <Select multiple style={{ width: '100%' }} placeholder="选择器-多选">
-                      <Option value='tiktok'>抖音</Option>
+                      <Option value='abc'>抖音</Option>
                       <Option value='hotsoon'>火山</Option>
                       <Option value='pipixia' disabled>皮皮虾</Option>
                       <Option value='xigua'>西瓜视频</Option>
@@ -341,8 +341,8 @@ function Demo(props = {}) {
                     <Button
                         style={buttonStyle}
                         ghost={false}
-                        icon={<IconTiktokLogo />}
-                        onClick={() => Notification.info({ ...opts, icon: <IconTiktokLogo /> })}
+                        icon={<IconVigoLogo />}
+                        onClick={() => Notification.info({ ...opts, icon: <IconVigoLogo /> })}
                     />
                     <Button
                         style={buttonStyle}

content/other/locale/index-en-US.md

@@ -214,7 +214,7 @@ class I18nDemo extends React.Component {
                     <h5>Select & Cascader</h5>
                     <div style={style}>
                         <Select filter style={{ width: '180px' }}>
-                            <Option value='tiktok'>tiktok</Option>
+                            <Option value='abc'>abc</Option>
                             <Option value='vigo' disabled>vigo</Option>
                             <Option value='hotsoon'>hotsoon</Option>
                         </Select>

content/other/locale/index.md

@@ -217,7 +217,7 @@ class I18nDemo extends React.Component {
                     <h5>Select & Cascader</h5>
                     <div style={style}>
                         <Select filter style={{ width: '180px' }}>
-                            <Select.Option value='tiktok'>tiktok</Select.Option>
+                            <Select.Option value='abc'>abc</Select.Option>
                             <Select.Option value='vigo' disabled>vigo</Select.Option>
                             <Select.Option value='hotsoon'>hotsoon</Select.Option>
                         </Select>

content/show/modal/index-en-US.md

@@ -350,7 +350,7 @@ By using `header`, `footer`, etc, you could create any modal to your needs.
 ```jsx live=true
 import React from 'react';
 import { Modal, Button, List } from '@douyinfe/semi-ui';
-import { IconTiktokLogo, IconVigoLogo, IconSemiLogo } from '@douyinfe/semi-icons';
+import { IconVigoLogo, IconSemiLogo } from '@douyinfe/semi-icons';
 
 class modalDemo extends React.Component {
   constructor() {
@@ -378,7 +378,7 @@ class modalDemo extends React.Component {
   render() {
     const data = [
       {
-        icon: <IconTiktokLogo style={{fontSize: 48}} />,
+        icon: <IconSemiLogo style={{fontSize: 48}} />,
         title: 'Boost new feature adoption with Integration',
         content: 'Sample data is prepared for you to demostrate how Integration may be useful for your team'
       },

content/show/modal/index.md

@@ -350,7 +350,7 @@ class modalDemo extends React.Component {
 ```jsx live=true
 import React from 'react';
 import { Modal, Button, List } from '@douyinfe/semi-ui';
-import { IconTiktokLogo, IconVigoLogo, IconSemiLogo } from '@douyinfe/semi-icons';
+import { IconVigoLogo, IconSemiLogo } from '@douyinfe/semi-icons';
 
 class modalDemo extends React.Component {
   constructor() {
@@ -378,7 +378,7 @@ class modalDemo extends React.Component {
   render() {
     const data = [
       {
-        icon: <IconTiktokLogo style={{fontSize: 48}} />,
+        icon: <IconSemiLogo style={{fontSize: 48}} />,
         title: 'Boost new feature adoption with Integration',
         content: 'Sample data is prepared for you to demostrate how Integration may be useful for your team'
       },

content/show/tag/index-en-US.md

@@ -189,7 +189,7 @@ import { TagGroup } from '@douyinfe/semi-ui';
 
 () => {
     const tagList = [
-        { color: 'white', children: 'Tiktok' },
+        { color: 'white', children: 'Abc' },
         { color: 'white', children: 'Hotsoon' },
         { color: 'white', children: 'Toutiao' },
         { color: 'white', children: 'Vigo' },
@@ -198,7 +198,7 @@ import { TagGroup } from '@douyinfe/semi-ui';
     const src =
         'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg';
     const tagList2 = [
-        { color: 'white', children: 'Tiktok', avatarSrc: src },
+        { color: 'white', children: 'Abcd', avatarSrc: src },
         { color: 'white', children: 'Hotsoon', avatarSrc: src },
         { color: 'white', children: 'Toutiao', avatarSrc: src },
         { color: 'white', children: 'Vigo', avatarSrc: src },

content/show/tag/index.md

@@ -155,14 +155,14 @@ import { TagGroup } from '@douyinfe/semi-ui';
   const tagList = [
     { color: 'white', children:'抖音'},
     { color: 'white', children:'火山小视频'},
-    { color: 'white', children:'tiktok'},
+    { color: 'white', children:'剪映'},
     { color: 'white', children:'皮皮虾'},
   ];
   const src = 'https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg'
   const tagList2 = [
     { color: 'white', children:'Douyin', avatarSrc:src},
     { color: 'white', children:'Hotsoon', avatarSrc:src},
-    { color: 'white', children:'Tiktok', avatarSrc:src},
+    { color: 'white', children:'Capcut', avatarSrc:src},
     { color: 'white', children:'Pipixia', avatarSrc:src},
   ];
   const divStyle = {

content/start/getting-started/index-en-US.md

@@ -72,7 +72,6 @@ Use script and link tags to import files directly in the browser, and use the gl
     <div>
         <Button onClick={() => Toast.warning({ duration: 0, content: 'Semi Design' })}>test</Button>
         <Input defaultValue="semi" onChange={value => Toast.info('abc')}></Input>
-        <IconTiktok />
     </div>, document.getElementById("root") );
 </script>
 ```

packages/semi-animation-react/_story/Transition.react.stories.js

@@ -365,7 +365,7 @@ stories.add('transition-slideInOutLeft', () => {
 
         renderNavWithTransform = ({ transform, translateX }) => {
             let { isCollapsed, defaultOpenKeys, mode, navHeight, selectedKeys, openKeys } = this.state;
-            let tiktokIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/da9d0015af0f09667998';
+            let testIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/da9d0015af0f09667998';
             let vigoIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/504100070cbe0498d66f';
             let icon3 = '//lf1-cdn-tos.bytescm.com/eesz/resource/bear/public/doc-favicon-v4.902ddd709d8aaa55df8d.ico';
             return (
@@ -388,7 +388,7 @@ stories.add('transition-slideInOutLeft', () => {
                     <Nav.Sub
                         itemKey={'2'}
                         text={<strong>抖音运营</strong>}
-                        icon={<img width="20" height="20" src={tiktokIcon} />}
+                        icon={<img width="20" height="20" src={testIcon} />}
                     >
                         {['2-1', '2-2'].map(k => (
                             <Nav.Item key={k} itemKey={String(k)} text={'Option ' + k} />
@@ -405,7 +405,7 @@ stories.add('transition-slideInOutLeft', () => {
         render() {
             let { isCollapsed, defaultOpenKeys, mode, navHeight, selectedKeys, openKeys } = this.state;
 
-            let tiktokIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/da9d0015af0f09667998';
+            let testIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/da9d0015af0f09667998';
             let vigoIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/504100070cbe0498d66f';
             let icon3 = '//lf1-cdn-tos.bytescm.com/eesz/resource/bear/public/doc-favicon-v4.902ddd709d8aaa55df8d.ico';
 
@@ -433,7 +433,7 @@ stories.add('transition-slideInOutLeft', () => {
                                       <Nav.Sub
                                           itemKey={'2'}
                                           text={<strong>抖音运营</strong>}
-                                          icon={<img width="20" height="20" src={tiktokIcon} />}
+                                          icon={<img width="20" height="20" src={testIcon} />}
                                       >
                                           {['2-1', '2-2'].map(k => (
                                               <Nav.Item key={k} itemKey={String(k)} text={'Option ' + k} />

packages/semi-ui/autoComplete/__test__/autoComplete.test.js

@@ -10,7 +10,7 @@ function getAc(props, needAttachTo) {
 
 let stringData = ['semi', 'ies', 'design', 'platform'];
 let objectData = [
-    { email: 'semi@tiktok.com', value: 'tiktok' },
+    { email: 'semi@abc.com', value: 'abc' },
     { email: '[email protected]', value: 'bytedance' },
     { email: '[email protected]', value: 'vigo' },
 ];

packages/semi-ui/autoComplete/_story/CustomTrigger/index.jsx

@@ -9,7 +9,7 @@ export default class ObjectDemo extends React.Component {
         this.state = {
             list: [
                 {
-                    value: 'tiktok',
+                    value: 'douyin',
                     label: 'douyin',
                     email: '[email protected]',
                     type: 2,

packages/semi-ui/checkbox/__test__/checkboxGroup.test.js

@@ -4,7 +4,7 @@ import { Checkbox, CheckboxGroup } from '../../index';
 import { BASE_CLASS_PREFIX } from '../../../semi-foundation/base/constants';
 
 const options = [
-    { label: 'Tiktok', value: 'tiktok' },
+    { label: 'Abc', value: 'abc' },
     { label: 'Hotsoon', value: 'hotsoon' },
     { label: 'Pipixia', value: 'pipixia' },
     { label: 'Toutiao', value: 'toutiao' },
@@ -30,7 +30,7 @@ describe('CheckboxGroup', () => {
         let group = checkboxGroup.find(`div.${BASE_CLASS_PREFIX}-checkboxGroup`);
         expect(group.children().length).toEqual(4);
         let labels = checkboxGroup.find(`.${BASE_CLASS_PREFIX}-checkbox-addon`);
-        expect(labels.at(0).text()).toEqual('Tiktok');
+        expect(labels.at(0).text()).toEqual('Abc');
         expect(labels.at(1).text()).toEqual('Hotsoon');
         expect(labels.at(2).text()).toEqual('Pipixia');
         expect(labels.at(3).text()).toEqual('Toutiao');
@@ -45,7 +45,7 @@ describe('CheckboxGroup', () => {
         let group = checkboxGroup.find(`div.${BASE_CLASS_PREFIX}-checkboxGroup`);
         expect(group.children().length).toEqual(4);
         let labels = checkboxGroup.find(`.${BASE_CLASS_PREFIX}-checkbox-addon`);
-        expect(labels.at(0).text()).toEqual('Tiktok');
+        expect(labels.at(0).text()).toEqual('Abc');
         expect(labels.at(1).text()).toEqual('Hotsoon');
         expect(labels.at(2).text()).toEqual('Pipixia');
         expect(labels.at(3).text()).toEqual('Toutiao');
@@ -76,11 +76,11 @@ describe('CheckboxGroup', () => {
         let cg = getCG(props);
         let checkboxs = cg.find(`.${BASE_CLASS_PREFIX}-checkbox-inner`);
         checkboxs.at(0).simulate('click', {});
-        expect(spyOnChange.getCall(0).calledWithMatch(['tiktok'])).toEqual(true);
+        expect(spyOnChange.getCall(0).calledWithMatch(['abc'])).toEqual(true);
         checkboxs.at(1).simulate('click', {});
-        expect(spyOnChange.getCall(1).calledWithMatch(['tiktok', 'hotsoon'])).toEqual(true);
+        expect(spyOnChange.getCall(1).calledWithMatch(['abc', 'hotsoon'])).toEqual(true);
         checkboxs.at(2).simulate('click', {});
-        expect(spyOnChange.getCall(2).calledWithMatch(['tiktok', 'hotsoon', 'pipixia'])).toEqual(true);
+        expect(spyOnChange.getCall(2).calledWithMatch(['abc', 'hotsoon', 'pipixia'])).toEqual(true);
         expect(spyOnChange.callCount).toEqual(3);
     });
 
@@ -109,7 +109,7 @@ describe('CheckboxGroup', () => {
         let checkboxs = cg.find(`.${BASE_CLASS_PREFIX}-checkbox-inner`);
         expect(checkboxs.at(1).hasClass(`${BASE_CLASS_PREFIX}-checkbox-inner-checked`)).toEqual(true);
         checkboxs.at(0).simulate('click', {});
-        expect(spyOnChange.calledOnceWith(['hotsoon', 'tiktok'])).toEqual(true);
+        expect(spyOnChange.calledOnceWith(['hotsoon', 'abc'])).toEqual(true);
     });
 
     it('should be controlled by value', () => {

packages/semi-ui/checkbox/_story/checkbox.stories.js

@@ -117,7 +117,7 @@ class GroupDemo extends React.Component {
             <>
                 水平Group
                 <Checkbox.Group direction="horizontal" onChange={v => console.log(v)}>
-                    <Checkbox value="tiktok">抖音</Checkbox>
+                    <Checkbox value="dy">抖音</Checkbox>
                     <Checkbox value="hotsoon">火山</Checkbox>
                     <Checkbox value="toutiao">今日头条</Checkbox>
                     <Checkbox value="xigua">西瓜视频</Checkbox>
@@ -126,7 +126,7 @@ class GroupDemo extends React.Component {
                 <br />
                 垂直Group
                 <Checkbox.Group onChange={v => console.log(v)}>
-                    <Checkbox value="tiktok">抖音</Checkbox>
+                    <Checkbox value="dy">抖音</Checkbox>
                     <Checkbox value="hotsoon">火山</Checkbox>
                     <Checkbox value="toutiao">今日头条</Checkbox>
                     <Checkbox value="xigua">西瓜视频</Checkbox>
@@ -135,7 +135,7 @@ class GroupDemo extends React.Component {
                 <br />
                 默认Group
                 <Checkbox.Group direction="horizontal" defaultValue={['xigua']} onChange={console.log}>
-                    <Checkbox value="tiktok">抖音</Checkbox>
+                    <Checkbox value="dy">抖音</Checkbox>
                     <Checkbox value="hotsoon">火山</Checkbox>
                     <Checkbox value="toutiao">今日头条</Checkbox>
                     <Checkbox value="xigua">西瓜视频</Checkbox>
@@ -144,7 +144,7 @@ class GroupDemo extends React.Component {
                 <br />
                 受控Group
                 <Checkbox.Group direction="horizontal" value={value} onChange={console.log}>
-                    <Checkbox value="tiktok">抖音</Checkbox>
+                    <Checkbox value="dy">抖音</Checkbox>
                     <Checkbox value="hotsoon">火山</Checkbox>
                     <Checkbox value="toutiao">今日头条</Checkbox>
                     <Checkbox value="xigua">西瓜视频</Checkbox>
@@ -153,7 +153,7 @@ class GroupDemo extends React.Component {
                 <br />
                 受控Group+onChange
                 <Checkbox.Group direction="horizontal" value={value} onChange={this.onChange}>
-                    <Checkbox value="tiktok">抖音</Checkbox>
+                    <Checkbox value="dy">抖音</Checkbox>
                     <Checkbox value="hotsoon">火山</Checkbox>
                     <Checkbox value="toutiao">今日头条</Checkbox>
                     <Checkbox value="xigua">西瓜视频</Checkbox>
@@ -162,7 +162,7 @@ class GroupDemo extends React.Component {
                 <br />
                 disabled
                 <Checkbox.Group disabled>
-                    <Checkbox value="tiktok">抖音</Checkbox>
+                    <Checkbox value="dy">抖音</Checkbox>
                     <Checkbox value="hotsoon">火山</Checkbox>
                     <Checkbox value="toutiao">今日头条</Checkbox>
                     <Checkbox value="xigua">西瓜视频</Checkbox>

packages/semi-ui/collapsible/_story/collapsible.stories.js

@@ -137,7 +137,7 @@ class Wrap extends React.Component {
             options: [
                 {
                     label: '抖音',
-                    value: 'tiktok',
+                    value: 'dy',
                 },
                 {
                     label: '火山',

packages/semi-ui/configProvider/_story/GetPopupContainer/index.js

@@ -158,8 +158,8 @@ const UseToastDemo = () => {
 export default () => (
     <ConfigProvider getPopupContainer={() => document.querySelector('.test')} locale={en_GB}>
         <div className="test">
-            <Select defaultValue='tiktok' style={{ width: 120 }}>
-                <Option value='tiktok'>抖音</Option>
+            <Select defaultValue='dy' style={{ width: 120 }}>
+                <Option value='dy'>抖音</Option>
                 <Option value='hotsoon'>火山</Option>
                 <Option value='pipixia' disabled>皮皮虾</Option>
                 <Option value='xigua'>西瓜视频</Option>

packages/semi-ui/configProvider/_story/RTLDirection/RTLForm.jsx

@@ -24,15 +24,6 @@ class RTLForm extends React.Component {
                         url:
                             'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/vigo.png',
                     },
-                    {
-                        uid: '2',
-                        name: 'tiktok.png',
-                        status: 'validateFail',
-                        size: '222KB',
-                        preview: true,
-                        url:
-                            'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/tiktok.png',
-                    },
                     {
                         uid: '3',
                         name: 'jiafang.jpeg',
@@ -173,7 +164,7 @@ class RTLForm extends React.Component {
                                         </div>
                                     )}
                                 >
-                                    <Select.Option value="tiktok">抖音</Select.Option>
+                                    <Select.Option value="dy">抖音</Select.Option>
                                     <Select.Option value="hotsoon">火山小视频</Select.Option>
                                     <Select.Option value="toutiao">今日头条</Select.Option>
                                 </Select>

packages/semi-ui/form/__test__/baseForm/baseForm.test.js

@@ -12,7 +12,7 @@ function getForm(props) {
 const Option = Select.Option;
 const FormSelect = (
     <Form.Select label="business" field="business" style={{ width: 200 }}>
-        <Option value="tiktok">Tiktok</Option>
+        <Option value="abc">Abc</Option>
         <Option value="hotsoon">Hotsoon</Option>
         <Option value="topbuzz">TopBuzz</Option>
     </Form.Select>
@@ -348,12 +348,12 @@ describe('Form-baseForm', () => {
         let props = {
             initValues: {
                 name: 'semi',
-                business: 'tiktok',
+                business: 'abc',
             },
             children: fields,
         };
         const form = getForm(props);
-        expect(form.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).text()).toEqual('Tiktok');
+        expect(form.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).text()).toEqual('Abc');
         expect(form.find(`.${BASE_CLASS_PREFIX}-input`).instance().value).toEqual('semi');
     });
 

packages/semi-ui/form/__test__/baseForm/onChange.test.js

@@ -11,7 +11,7 @@ function getForm(props) {
 const Option = Select.Option;
 const FormSelect = (
     <Form.Select label="business" field="business" style={{ width: 200 }}>
-        <Option value="tiktok">Tiktok</Option>
+        <Option value="abc">Abc</Option>
         <Option value="hotsoon">Hotsoon</Option>
         <Option value="topbuzz">TopBuzz</Option>
     </Form.Select>

packages/semi-ui/form/__test__/field.test.js

@@ -14,7 +14,7 @@ function getInput(props) {
 const Option = Select.Option;
 const FormSelect = (
     <Form.Select label="business" field="business" style={{ width: 200 }}>
-        <Option value="tiktok">Tiktok</Option>
+        <Option value="dy">Douyin</Option>
         <Option value="hotsoon">Hotsoon</Option>
         <Option value="topbuzz">TopBuzz</Option>
     </Form.Select>

packages/semi-ui/form/__test__/formApi.test.js

@@ -13,7 +13,7 @@ function getForm(props) {
 const Option = Select.Option;
 const FormSelect = (
     <Form.Select label="business" field="business" style={{ width: 200 }}>
-        <Option value="tiktok">Tiktok</Option>
+        <Option value="abc">Abc</Option>
         <Option value="hotsoon">Hotsoon</Option>
         <Option value="topbuzz">TopBuzz</Option>
     </Form.Select>
@@ -67,7 +67,7 @@ describe('Form-formApi', () => {
         };
         let initValues = {
             name: 'semi',
-            business: 'tiktok',
+            business: 'abc',
         };
         let props = {
             initValues,
@@ -76,7 +76,7 @@ describe('Form-formApi', () => {
         };
         const form = getForm(props);
         expect(formApi.getInitValue('name')).toEqual('semi');
-        expect(formApi.getInitValue('business')).toEqual('tiktok');
+        expect(formApi.getInitValue('business')).toEqual('abc');
         expect(formApi.getInitValue('notExistField')).toEqual(undefined);
         expect(formApi.getInitValue()).toEqual(initValues);
         expect(formApi.getInitValues()).toEqual(initValues);
@@ -266,7 +266,7 @@ describe('Form-formApi', () => {
         const form = getForm(props);
         let expectVal = {
             name: 'semi',
-            business: 'tiktok',
+            business: 'abc',
             extraKeyB: 'Kay tse',
         };
         formApi.setValues(expectVal, { isOverride: true });
@@ -289,10 +289,10 @@ describe('Form-formApi', () => {
         const form = getForm(props);
         let expectVal = {
             name: 'semi',
-            business: 'tiktok',
+            business: 'abc',
             extraKeyB: 'not exist',
         };
-        let mergeVal = { name: 'semi', business: 'tiktok', extraKeyA: 'uno' };
+        let mergeVal = { name: 'semi', business: 'abc', extraKeyA: 'uno' };
         formApi.setValues(expectVal);
         expect(formApi.getValue()).toEqual(mergeVal);
     });

packages/semi-ui/form/_story/Layout/slotDemo.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useLayoutEffect } from 'react';
 import { Form, Select } from '../../../index';
-import { IconTiktokLogo } from '@douyinfe/semi-icons';
+import { IconSemiLogo } from '@douyinfe/semi-icons';
 
 const { Option } = Select;
 class AssistComponent extends React.Component {
@@ -67,7 +67,7 @@ class AssistComponent extends React.Component {
                             我是一个传string label的slot
                         </div>
                     </Form.Slot>
-                    <Form.Slot label={<IconTiktokLogo />}>
+                    <Form.Slot label={<IconSemiLogo />}>
                         <div
                             style={{
                                 display: 'flex',
@@ -78,7 +78,7 @@ class AssistComponent extends React.Component {
                             我是一个传ReactNode label的slot
                         </div>
                     </Form.Slot>
-                    <Form.Slot label={<IconTiktokLogo />} error={'我是slot的错误信息'}>
+                    <Form.Slot label={<IconSemiLogo />} error={'我是slot的错误信息'}>
                         <div>我是一个带error的slot</div>
                     </Form.Slot>
                     <Form.Slot

packages/semi-ui/form/_story/Performance/performanceDemo.jsx

@@ -364,7 +364,7 @@ class ModalFormSelectWithObject extends React.Component {
 
     renderOption() {
         const list = [
-            { value: 'tiktok', label: '抖音小视频', c: { arr: [2] } },
+            { value: 'semi', label: 'Semi', c: { arr: [2] } },
             { value: 'hotsoon', label: '火山小视频', c: { arr: [3] } },
             { value: 'pipixia', label: '皮皮虾', c: { arr: [4] } },
             { value: 'toutiao', label: '今日头条', c: { arr: [5] } },

packages/semi-ui/form/_story/demo.jsx

@@ -234,7 +234,7 @@ class BasicDemoWithInit extends Component {
                                 placeholder='请选择业务线'
                                 label="业务线（多选）"
                             >
-                                <Form.Select.Option value="tiktok">抖音</Form.Select.Option>
+                                <Form.Select.Option value="dy">抖音</Form.Select.Option>
                                 <Form.Select.Option value="hootsoon">火山小视频</Form.Select.Option>
                                 <Form.Select.Option value="toutiao">今日头条</Form.Select.Option>
                             </Form.Select>

packages/semi-ui/layout/_story/layout.stories.js

@@ -4,7 +4,7 @@ import { storiesOf } from '@storybook/react'; // import { withKnobs, text, boole
 import { Layout } from '../index';
 import Nav from '../../navigation';
 import { Button } from '../../index';
-import { IconBytedanceLogo, IconVigoLogo, IconTiktokLogo, IconDescend, IconList, IconEdit, IconCamera, IconFile, IconGlobe } from '@douyinfe/semi-icons';
+import { IconBytedanceLogo, IconVigoLogo, IconDescend, IconList, IconEdit, IconCamera, IconFile, IconGlobe } from '@douyinfe/semi-icons';
 const stories = storiesOf('Layout', module); // stories.addDecorator(withKnobs);;
 
 const { Header, Footer, Sider, Content } = Layout;
@@ -183,7 +183,7 @@ class NavApp extends React.Component {
                 >
                     <Nav.Header logo={<IconBytedanceLogo size="extra-large" />} text="互娱运营" />
                     <Nav.Item itemKey={'1'} text={<strong>火山运营</strong>} icon={<IconVigoLogo />} />
-                    <Nav.Sub itemKey={'2'} text={<strong>抖音运营</strong>} icon={<IconTiktokLogo />}>
+                    <Nav.Sub itemKey={'2'} text={<strong>运营</strong>} icon={<IconVigoLogo />}>
                         {['2-1', '2-2'].map(k => (
                             <Nav.Item key={k} itemKey={String(k)} text={'Option ' + k} />
                         ))}

packages/semi-ui/locale/_story/locale.stories.js

@@ -71,7 +71,7 @@ const I18nComponent = () => {
             </div>
             <div style={style}>
                 <Select filter style={{ width: '180px' }}>
-                    <Option value="tiktok">tiktok</Option>
+                    <Option value="abc">abc</Option>
                     <Option value="vigo" disabled>
                         vigo
                     </Option>

packages/semi-ui/navigation/_story/navigation.stories.js

@@ -153,7 +153,7 @@ class Demo extends React.Component {
     render() {
         let { isCollapsed, defaultOpenKeys, mode, navHeight } = this.state;
         let logo = '//lf1-cdn-tos.bytescm.com/obj/ttfe/ies/semi/logo_huoshan.png';
-        let tiktokIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/da9d0015af0f09667998';
+        let testIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/da9d0015af0f09667998';
         let vigoIcon = '//lf1-cdn-tos.bytescm.com/obj/mosaic-legacy/504100070cbe0498d66f';
         return (
             <div>
@@ -172,7 +172,7 @@ class Demo extends React.Component {
                     <Nav.Sub
                         itemKey={'2'}
                         text={<span>抖音运营</span>}
-                        icon={<img width="20" height="20" src={tiktokIcon} />}
+                        icon={<img width="20" height="20" src={testIcon} />}
                         stayWhenClick={true}
                     >
                         {['2-1', '2-2'].map(k => (

packages/semi-ui/popover/_story/BtnClose/index.jsx

@@ -14,11 +14,11 @@ const SelectSection = () => {
 
     return (
         <Select
-            defaultValue="tiktok"
+            defaultValue="abc"
             style={{ width: 120 }}
             getPopupContainer={() => document.querySelector('#popup-container')}
         >
-            <Option value="tiktok">抖音</Option>
+            <Option value="abc">抖音</Option>
             <Option value="hotsoon">火山</Option>
             <Option value="pipixia" disabled>
                 皮皮虾

packages/semi-ui/popover/_story/SelectInPopover/index.jsx

@@ -13,11 +13,11 @@ function Demo() {
                         <p>123456</p>
                         <div />
                         <Select
-                            defaultValue="tiktok"
+                            defaultValue="abc"
                             style={{ width: 120 }}
                             getPopupContainer={() => document.querySelector('#popup-container')}
                         >
-                            <Option value="tiktok">抖音</Option>
+                            <Option value="abc">抖音</Option>
                             <Option value="hotsoon">火山</Option>
                             <Option value="pipixia" disabled>
                                 皮皮虾

packages/semi-ui/radio/_story/radio.stories.js

@@ -370,19 +370,19 @@ stories.add(`radioGroup button style`, () => {
         return (
             <Space vertical spacing='loose' align='start'>
                 <RadioGroup type='button' buttonSize='small' onChange={onChange1} value={value1}>
-                    <Radio value={1}>tiktok</Radio>
+                    <Radio value={1}>semi</Radio>
                     <Radio value={2}>pipixia</Radio>
                     <Radio value={3}>hotsoon</Radio>
                     <Radio value={4}>toutiao</Radio>
                 </RadioGroup>
                 <RadioGroup type='button' buttonSize='middle' onChange={onChange2} value={value2}>
-                    <Radio value={1}>tiktok</Radio>
+                    <Radio value={1}>semi</Radio>
                     <Radio value={2}>pipixia</Radio>
                     <Radio value={3}>hotsoon</Radio>
                     <Radio value={4}>toutiao</Radio>
                 </RadioGroup>
                 <RadioGroup type='button' buttonSize='large' onChange={onChange3} value={value3}>
-                    <Radio value={1}>tiktok</Radio>
+                    <Radio value={1}>semi</Radio>
                     <Radio value={2}>pipixia</Radio>
                     <Radio value={3}>hotsoon</Radio>
                     <Radio value={4}>toutiao</Radio>

packages/semi-ui/select/__test__/select.test.js

@@ -7,7 +7,7 @@ import { BASE_CLASS_PREFIX } from '../../../semi-foundation/base/constants';
 import keyCode from '../../../semi-foundation/utils/keyCode';
 
 const defaultList = [
-    { value: 'tiktok', label: 'Tiktok' },
+    { value: 'abc', label: 'Abc' },
     { value: 'hotsoon', label: 'Hotsoon' },
     { value: 'pipixia', label: 'Pipixia' },
     { value: 'toutiao', label: 'TopBuzz' },
@@ -37,7 +37,7 @@ function getSelect(props) {
 let stringData = ['semi', 'ies', 'design', 'platform'];
 
 let objectData = [
-    { email: 'semi@tiktok.com', value: 'tiktok' },
+    { email: 'semi@abc.com', value: 'abc' },
     { email: '[email protected]', value: 'bytedance' },
     { email: '[email protected]', value: 'vigo' },
 ];
@@ -149,20 +149,20 @@ describe('Select', () => {
     it('defaultValue  (can match in optionList)', () => {
         // single select
         let props = {
-            defaultValue: 'tiktok',
+            defaultValue: 'abc',
         };
         let select = getSelect(props);
-        expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).getDOMNode().textContent).toEqual('Tiktok');
+        expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).getDOMNode().textContent).toEqual('Abc');
         select.unmount();
         // multiple select
         let mProps = {
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             multiple: true,
         };
         const mSelect = getSelect(mProps);
         let tags = mSelect.find(`.${BASE_CLASS_PREFIX}-select-selection .${BASE_CLASS_PREFIX}-tag-content`);
         expect(tags.length).toEqual(2);
-        expect(tags.at(0).getDOMNode().textContent).toEqual('Tiktok');
+        expect(tags.at(0).getDOMNode().textContent).toEqual('Abc');
         expect(tags.at(1).getDOMNode().textContent).toEqual('Hotsoon');
         mSelect.unmount();
     });
@@ -219,7 +219,7 @@ describe('Select', () => {
         expect(select.state().isOpen).toEqual(true);
         let options = select.find(`.${BASE_CLASS_PREFIX}-select-option-list`).children();
         expect(options.length).toEqual(4);
-        expect(options.at(0).getDOMNode().textContent).toEqual('Tiktok');
+        expect(options.at(0).getDOMNode().textContent).toEqual('Abc');
         expect(options.at(1).getDOMNode().textContent).toEqual('Hotsoon');
     });
 
@@ -228,7 +228,7 @@ describe('Select', () => {
         let props = {
             defaultOpen: true,
             style: { width: 90 },
-            defaultValue: 'tiktok',
+            defaultValue: 'abc',
         };
         let defaultSelect = getSelect(props);
         // cause jsdom doesn't support layout engine like browser, so you can't access offsetWidth/scrollWidth or use getBoundingRect(), it will always return 0;
@@ -245,7 +245,7 @@ describe('Select', () => {
         let notMatchProps = {
             defaultOpen: true,
             style: { width: 90 },
-            defaultValue: 'tiktok',
+            defaultValue: 'abc',
             dropdownMatchSelectWidth: false,
         };
         let nmSelect = getSelect(notMatchProps);
@@ -266,7 +266,7 @@ describe('Select', () => {
         const select = getSelect(props);
         let candidate = select.find(`.${BASE_CLASS_PREFIX}-select-option-list`).children();
         expect(candidate.length).toEqual(4);
-        expect(candidate.at(0).getDOMNode().textContent).toEqual('Tiktok');
+        expect(candidate.at(0).getDOMNode().textContent).toEqual('Abc');
         expect(candidate.at(1).getDOMNode().textContent).toEqual('Hotsoon');
         select.unmount();
     });
@@ -281,7 +281,7 @@ describe('Select', () => {
         const select = getSelect(props);
         let candidate = select.find(`.${BASE_CLASS_PREFIX}-select-option-list`).children();
         expect(candidate.length).toEqual(5);
-        expect(candidate.at(0).getDOMNode().textContent).toEqual('Tiktok');
+        expect(candidate.at(0).getDOMNode().textContent).toEqual('Abc');
         expect(candidate.at(4).getDOMNode().textContent).toEqual('SemiDesign');
         select.unmount();
     });
@@ -289,7 +289,7 @@ describe('Select', () => {
     it('can choose more than one option when multiple is true', () => {
         const props = {
             multiple: true,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             defaultOpen: true,
         };
         const select = getSelect(props);
@@ -308,7 +308,7 @@ describe('Select', () => {
     it('multiple with maxTagCount', () => {
         const props = {
             multiple: true,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             maxTagCount: 2,
             defaultOpen: true,
         };
@@ -335,7 +335,7 @@ describe('Select', () => {
         let spyonExceed = sinon.spy(onExceed);
         const props = {
             multiple: true,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             max: 2,
             onExceed: spyonExceed,
             defaultOpen: true,
@@ -395,7 +395,7 @@ describe('Select', () => {
 
     it('option className & style & disabled & showTick', () => {
         let options = [
-            { className: 'optCls', style: { color: 'red' }, label: 'Tiktok', value: 'tiktok' },
+            { className: 'optCls', style: { color: 'red' }, label: 'Abc', value: 'abc' },
             { label: 'Vigo', value: 'vigo', disabled: true, className: 'disabled-opt' },
             { label: 'NoTick', value: 'noTick', showTick: false },
         ];
@@ -481,12 +481,12 @@ describe('Select', () => {
         const select = getSelect(props);
         // click to show input
         select.find(`.${BASE_CLASS_PREFIX}-select`).simulate('click', {});
-        let inputValue = 'tik';
+        let inputValue = 'abc';
         let event = { target: { value: inputValue } };
         select.find('input').simulate('change', event);
         let optionList = select.find(`.${BASE_CLASS_PREFIX}-select-option-list`).children();
         expect(optionList.length).toEqual(1);
-        expect(optionList.at(0).text()).toEqual('Tiktok');
+        expect(optionList.at(0).text()).toEqual('Abc');
     });
 
     it('filter = custom function', () => {
@@ -584,11 +584,11 @@ describe('Select', () => {
         });
         let props = {
             renderSelectedItem: spyRSI,
-            defaultValue: 'tiktok',
+            defaultValue: 'abc',
         };
         const select = getSelect(props);
-        expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).text()).toEqual('tiktok-Tiktok');
-        expect(spyRSI.calledWith({ value: 'tiktok', label: 'Tiktok' }));
+        expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).text()).toEqual('abc-Abc');
+        expect(spyRSI.calledWith({ value: 'abc', label: 'Abc' }));
     });
 
     it('renderSelectedItem, single & value = 0, not exist in optionList', () => {
@@ -613,18 +613,18 @@ describe('Select', () => {
         });
         let props = {
             optionList: [
-                { value: 'tiktok', label: 'Tiktok', extra: 'a1' },
+                { value: 'abc', label: 'Abc', extra: 'a1' },
                 { value: 'hotsoon', label: 'Hotsoon', extra: 'b2' },
                 { value: 'pipixia', label: 'Pipixia', extra: 'c3' },
                 { value: 'toutiao', label: 'TopBuzz', extra: 'd4' },
             ],
             renderSelectedItem: spyRSI,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             multiple: true,
         };
         const select = getSelect(props);
         let tags = select.find(`.${BASE_CLASS_PREFIX}-tag-content`);
-        expect(tags.at(0).text()).toEqual('tiktok-a1');
+        expect(tags.at(0).text()).toEqual('abc-a1');
         expect(tags.at(1).text()).toEqual('hotsoon-b2');
     });
 
@@ -644,13 +644,13 @@ describe('Select', () => {
         });
         let props = {
             optionList: [
-                { value: 'tiktok', label: 'Tiktok', extra: 'a1' },
+                { value: 'abc', label: 'Abc', extra: 'a1' },
                 { value: 'hotsoon', label: 'Hotsoon', extra: 'b2' },
                 { value: 'pipixia', label: 'Pipixia', extra: 'c3' },
                 { value: 'toutiao', label: 'TopBuzz', extra: 'd4' },
             ],
             renderSelectedItem: spyRSI,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             multiple: true,
         };
         const select = getSelect(props);
@@ -666,7 +666,7 @@ describe('Select', () => {
         };
         const select = getSelect(props);
         // expect first option active
-        expect(select.find(`.${BASE_CLASS_PREFIX}-select-option-focused`).text()).toEqual('Tiktok');
+        expect(select.find(`.${BASE_CLASS_PREFIX}-select-option-focused`).text()).toEqual('Abc');
     });
 
     it('onSelect', () => {
@@ -682,8 +682,8 @@ describe('Select', () => {
         const nativeEvent = { nativeEvent: { stopImmediatePropagation: noop } };
         firstOption.simulate('click', nativeEvent);
         expect(spyOnSelect.calledOnce).toBe(true);
-        expect(spyOnSelect.calledWith('tiktok', { value: 'tiktok', label: 'Tiktok' })).toBe(true);
-        expect(spyOnSelect.calledWith('tiktok', { value: 'tiktok', label: 'Tiktok', extraKey: true })).toBe(false);
+        expect(spyOnSelect.calledWith('abc', { value: 'abc', label: 'Abc' })).toBe(true);
+        expect(spyOnSelect.calledWith('abc', { value: 'abc', label: 'Abc', extraKey: true })).toBe(false);
     });
 
     it('onDeselect', () => {
@@ -694,7 +694,7 @@ describe('Select', () => {
             multiple: true,
             spyOnDeselect,
             defaultOpen: true,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             onDeselect: spyOnDeselect,
         };
         const select = getSelect(props);
@@ -719,7 +719,7 @@ describe('Select', () => {
         const nativeEvent = { nativeEvent: { stopImmediatePropagation: noop } };
         firstOption.simulate('click', nativeEvent);
         expect(spyOnChange.calledOnce).toBe(true);
-        expect(spyOnChange.calledWith('tiktok')).toBe(true);
+        expect(spyOnChange.calledWith('abc')).toBe(true);
     });
 
     it('onChange (multiple)', () => {
@@ -735,8 +735,8 @@ describe('Select', () => {
         options.at(0).simulate('click', nativeEvent);
         options.at(1).simulate('click', nativeEvent);
         expect(spyOnChange.callCount).toEqual(2);
-        expect(spyOnChange.getCall(0).args[0]).toEqual(['tiktok']);
-        expect(spyOnChange.getCall(1).args[0]).toEqual(['tiktok', 'hotsoon']);
+        expect(spyOnChange.getCall(0).args[0]).toEqual(['abc']);
+        expect(spyOnChange.getCall(1).args[0]).toEqual(['abc', 'hotsoon']);
     });
 
     it('onChange + onChangeWithObject (single)', () => {
@@ -751,7 +751,7 @@ describe('Select', () => {
         let firstOption = options.at(0);
         const nativeEvent = { nativeEvent: { stopImmediatePropagation: noop } };
         firstOption.simulate('click', nativeEvent);
-        expect(spyOnChange.calledWith({ value: 'tiktok', label: 'Tiktok' })).toBe(true);
+        expect(spyOnChange.calledWith({ value: 'abc', label: 'Abc' })).toBe(true);
     });
 
     it('onChange + onChangeWithObject (multiple)', () => {
@@ -768,9 +768,9 @@ describe('Select', () => {
         options.at(0).simulate('click', nativeEvent);
         options.at(1).simulate('click', nativeEvent);
         expect(spyOnChange.callCount).toEqual(2);
-        expect(spyOnChange.getCall(0).args[0]).toEqual([{ value: 'tiktok', label: 'Tiktok' }]);
+        expect(spyOnChange.getCall(0).args[0]).toEqual([{ value: 'abc', label: 'Abc' }]);
         expect(spyOnChange.getCall(1).args[0]).toEqual([
-            { value: 'tiktok', label: 'Tiktok' },
+            { value: 'abc', label: 'Abc' },
             { value: 'hotsoon', label: 'Hotsoon' },
         ]);
     });
@@ -778,10 +778,10 @@ describe('Select', () => {
     it('【value】controlled mode', () => {
         let props = {
             data: [],
-            value: 'tiktok',
+            value: 'abc',
         };
         let select = getSelect(props);
-        expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).getDOMNode().textContent).toEqual('Tiktok');
+        expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).getDOMNode().textContent).toEqual('Abc');
         select.setProps({ value: 'hotsoon' });
         select.update();
         expect(select.find(`.${BASE_CLASS_PREFIX}-select-selection-text`).getDOMNode().textContent).toEqual('Hotsoon');
@@ -965,7 +965,7 @@ describe('Select', () => {
         let props = {
             defaultOpen: true,
             optionList: [
-                { value: 'tiktok', label: '抖音', },
+                { value: 'abc', label: '抖音', },
                 { value: 'jianying', label: '剪映', },
             ],
             renderOptionItem

packages/semi-ui/select/_story/CustomTrigger/index.jsx

@@ -6,11 +6,11 @@ const { Option } = Select;
 export default function Demo() {
     return (
         <Select
-            defaultValue="tiktok"
+            defaultValue="abc"
             style={{ width: 120 }}
             triggerRender={({ value }) => <Button>{value && value[0] && value[0].value}</Button>}
         >
-            <Option value="tiktok">抖音</Option>
+            <Option value="abc">抖音</Option>
             <Option value="hotsoon">火山</Option>
             <Option value="pipixia" disabled>
                 皮皮虾

packages/semi-ui/select/_story/select.stories.js

@@ -120,7 +120,7 @@ const AutoFocusDemo = () => {
                 onFocus={() => console.log('onFocus')}
                 onBlur={() => console.log('onBlur')}
             >
-                <Option value="tiktok">抖音</Option>
+                <Option value="abc">抖音</Option>
                 <Option value="hotsoon">火山</Option>
                 <Option value="pipixia">皮皮虾</Option>
                 <Option value="duoshan">多闪</Option>
@@ -146,7 +146,7 @@ stories.add('innerTopSlot / outerTopSlot', () => {
                     }}
                     maxHeight={150}
                 >
-                    <Option value="tiktok">抖音</Option>
+                    <Option value="abc">抖音</Option>
                     <Option value="hotsoon">火山</Option>
                     <Option value="pipixia">皮皮虾</Option>
                     <Option value="duoshan">多闪</Option>
@@ -162,7 +162,7 @@ stories.add('innerTopSlot / outerTopSlot', () => {
                     }}
                     maxHeight={150}
                 >
-                    <Option value="tiktok">抖音</Option>
+                    <Option value="abc">抖音</Option>
                     <Option value="hotsoon">火山</Option>
                     <Option value="pipixia">皮皮虾</Option>
                     <Option value="duoshan">多闪</Option>
@@ -194,9 +194,9 @@ let options = [
         otherKey: 'all semi',
     },
     {
-        value: 'tiktok',
+        value: 'abc',
         label: '抖音',
-        otherKey: 'tiktok semi',
+        otherKey: 'abc semi',
     },
     {
         value: 'hotsoon',
@@ -260,7 +260,7 @@ stories.add('select size', () => (
             }}
         ></Select>
         <Select
-            defaultValue={'tiktok'}
+            defaultValue={'abc'}
             size="large"
             optionList={options}
             style={{
@@ -1479,7 +1479,7 @@ class SearchDemo2 extends React.Component {
             loading: false,
             optionList: [
                 {
-                    value: 'tiktok',
+                    value: 'abc',
                     label: '抖音',
                     type: 1,
                 },
@@ -1665,7 +1665,7 @@ let AllowCreateControledDemo = () => {
     let [value, setValue] = useState();
     const optionList = [
         {
-            value: 'tiktok',
+            value: 'abc',
             label: '抖音',
         },
         {
@@ -1716,7 +1716,7 @@ const AllowCreateDemo = () => {
     let [value, setValue] = useState();
     const optionList = [
         {
-            value: 'tiktok',
+            value: 'abc',
             label: '抖音',
         },
         {
@@ -1753,7 +1753,7 @@ const AllowCreateDemo = () => {
                 width: 400,
             }}
             optionList={list}
-            defaultValue={['tiktok', 'hotsoon']}
+            defaultValue={['abc', 'hotsoon']}
             allowCreate={true}
             multiple={true}
             filter={true}
@@ -1770,7 +1770,7 @@ class HideDemo extends React.Component {
         this.state = {
             optionList: [
                 {
-                    value: 'tiktok',
+                    value: 'abc',
                     label: '抖音',
                 },
                 {
@@ -1822,7 +1822,7 @@ class CustomCreate extends React.Component {
         this.state = {
             optionList: [
                 {
-                    value: 'tiktok',
+                    value: 'abc',
                     label: '抖音',
                 },
                 {
@@ -1901,7 +1901,7 @@ class CustomCreate extends React.Component {
         return (
             <>
                 <Select
-                    defaultValue={['tiktok']}
+                    defaultValue={['abc']}
                     filter
                     style={{
                         width: 300,
@@ -2047,7 +2047,7 @@ stories.add('Select onBlur/onFocus', () => <BlurDemo></BlurDemo>); // stories.ad
 const AutoAdjustOverflowDemo = () => {
     const [list, setList] = useState([
         {
-            value: 'tiktok',
+            value: 'abc',
             label: '1111',
         },
         {
@@ -2107,8 +2107,8 @@ stories.add('autoAdjustOverflow', () => <AutoAdjustOverflowDemo></AutoAdjustOver
 const AllowCreateWithFilter = () => {
     const [list, setList] = useState([
         {
-            value: 'tiktok',
-            label: 'tiktok',
+            value: 'abc',
+            label: 'abc',
             otherKey: 'abc',
         },
         {
@@ -2162,8 +2162,8 @@ const SelectRefDemo = () => {
     const [open, setOpen] = useState(false);
     const list = [
         {
-            value: 'tiktok',
-            label: 'Tiktok',
+            value: 'abc',
+            label: 'Abc',
         },
         {
             value: 'hotsoon',
@@ -2334,12 +2334,12 @@ const SelectPosition = () => {
             <p>p</p>
             <p>p</p>
             <Select
-                defaultValue="tiktok"
+                defaultValue="abc"
                 style={{
                     width: 120,
                 }}
             >
-                <Option value="tiktok">抖音</Option>
+                <Option value="abc">抖音</Option>
                 <Option value="hotsoon">火山</Option>
                 <Option value="pipixia" disabled>
                     皮皮虾

packages/semi-ui/table/_story/data/big2.json

@@ -185,7 +185,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064983495",
-                                            "name": "TnS-OPS-Overseas Sites Mgmt-GGN Site-TikTok Operations",
+                                            "name": "TnS-OPS-Overseas Sites Mgmt-GGN Site-Test Operations",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064983495",
                                             "app_id": 47,
@@ -487,7 +487,7 @@
                                 {
                                     "en_name": "",
                                     "code": "288980000064596625",
-                                    "name": "TnS-OPS-Planning-Workflow Mgmt-TikTok Vigo and Live",
+                                    "name": "TnS-OPS-Planning-Workflow Mgmt-Test Vigo and Live",
                                     "resource_id": 316,
                                     "resource_point_code": "288980000064596625",
                                     "app_id": 47,
@@ -786,7 +786,7 @@
                                 {
                                     "en_name": "",
                                     "code": "288980000064984158",
-                                    "name": "TnS-OPS-Domestic Sites Mgmt-TikTok Vigo and Live",
+                                    "name": "TnS-OPS-Domestic Sites Mgmt-Test Vigo and Live",
                                     "resource_id": 316,
                                     "resource_point_code": "288980000064984158",
                                     "app_id": 47,
@@ -893,7 +893,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064975744",
-                                            "name": "TnS-OPS-TnQ-Global Quality Analysis and Operations-TikTok",
+                                            "name": "TnS-OPS-TnQ-Global Quality Analysis and Operations-Test",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064975744",
                                             "app_id": 47,
@@ -4708,7 +4708,7 @@
                         {
                             "en_name": "",
                             "code": "288980000064976559",
-                            "name": "TikTok\u56fd\u9645\u5316\u89c6\u9891\u7ec4-\u5929\u6d25",
+                            "name": "Test\u56fd\u9645\u5316\u89c6\u9891\u7ec4-\u5929\u6d25",
                             "resource_id": 316,
                             "resource_point_code": "288980000064976559",
                             "app_id": 47,
@@ -4733,7 +4733,7 @@
                                 {
                                     "en_name": "",
                                     "code": "288980000064974118",
-                                    "name": "TikTok\u56fd\u9645\u5316\u4e1a\u52a1\u7efc\u5408\u7ba1\u7406-\u5929\u6d25 TikTok Global General Management-TSN",
+                                    "name": "Test\u56fd\u9645\u5316\u4e1a\u52a1\u7efc\u5408\u7ba1\u7406-\u5929\u6d25 Test Global General Management-TSN",
                                     "resource_id": 316,
                                     "resource_point_code": "288980000064974118",
                                     "app_id": 47,
@@ -4758,7 +4758,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064974119",
-                                            "name": "TikTok\u840c\u65b0\u7ec4 TikTok New Group-TSN",
+                                            "name": "Test\u840c\u65b0\u7ec4 Test New Group-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064974119",
                                             "app_id": 47,
@@ -4785,7 +4785,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064974120",
-                                            "name": "TikTok\u7efc\u5408\u652f\u6301-\u5929\u6d25 TikTok Support-TSN",
+                                            "name": "Test\u7efc\u5408\u652f\u6301-\u5929\u6d25 Test Support-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064974120",
                                             "app_id": 47,
@@ -4812,7 +4812,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064977045",
-                                            "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406-\u5929\u6d25 TikTok Quality Management-TSN",
+                                            "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406-\u5929\u6d25 Test Quality Management-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064977045",
                                             "app_id": 47,
@@ -4837,7 +4837,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977053",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406A\u7ec4-\u5929\u6d25 TikTok Quality Management Team A-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406A\u7ec4-\u5929\u6d25 Test Quality Management Team A-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977053",
                                                     "app_id": 47,
@@ -4864,7 +4864,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977054",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406B\u7ec4-\u5929\u6d25 TikTok Quality Management Team B-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406B\u7ec4-\u5929\u6d25 Test Quality Management Team B-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977054",
                                                     "app_id": 47,
@@ -4891,7 +4891,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977055",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406C\u7ec4-\u5929\u6d25 TikTok Quality Management Team C-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406C\u7ec4-\u5929\u6d25 Test Quality Management Team C-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977055",
                                                     "app_id": 47,
@@ -4918,7 +4918,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977056",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406D\u7ec4-\u5929\u6d25 TikTok Quality Management Team D-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406D\u7ec4-\u5929\u6d25 Test Quality Management Team D-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977056",
                                                     "app_id": 47,
@@ -4945,7 +4945,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977057",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u57f9\u8bad-\u5929\u6d25 TikTok Training-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u57f9\u8bad-\u5929\u6d25 Test Training-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977057",
                                                     "app_id": 47,
@@ -4972,7 +4972,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978220",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406E\u7ec4-\u5929\u6d25 TikTok Quality Management Team E-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406E\u7ec4-\u5929\u6d25 Test Quality Management Team E-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978220",
                                                     "app_id": 47,
@@ -4999,7 +4999,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978221",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406F\u7ec4-\u5929\u6d25 TikTok Quality Management Team F-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406F\u7ec4-\u5929\u6d25 Test Quality Management Team F-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978221",
                                                     "app_id": 47,
@@ -5026,7 +5026,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978222",
-                                                    "name": "TikTok Quality Improvement Team-TSN",
+                                                    "name": "Test Quality Improvement Team-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978222",
                                                     "app_id": 47,
@@ -5053,7 +5053,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981652",
-                                                    "name": "TikTok\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406G\u7ec4-\u5929\u6d25 TikTok Quality Management Team G-TSN",
+                                                    "name": "Test\u56fd\u9645\u5316\u8d28\u91cf\u7ba1\u7406G\u7ec4-\u5929\u6d25 Test Quality Management Team G-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981652",
                                                     "app_id": 47,
@@ -5083,7 +5083,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064977046",
-                                            "name": "TikTok Global Sentiment Control",
+                                            "name": "Test Global Sentiment Control",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064977046",
                                             "app_id": 47,
@@ -5113,7 +5113,7 @@
                                 {
                                     "en_name": "",
                                     "code": "288980000064975876",
-                                    "name": "TikTok\u56fd\u9645\u5316\u89c6\u9891\u4e1a\u52a1-\u5929\u6d25 TikTok Vlog Moderation-TSN",
+                                    "name": "Test\u56fd\u9645\u5316\u89c6\u9891\u4e1a\u52a1-\u5929\u6d25 Test Vlog Moderation-TSN",
                                     "resource_id": 316,
                                     "resource_point_code": "288980000064975876",
                                     "app_id": 47,
@@ -5138,7 +5138,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064976998",
-                                            "name": "TikTok\u4e92\u52a8\u4e1a\u52a1-\u5929\u6d25 TikTok Interactive-TSN",
+                                            "name": "Test\u4e92\u52a8\u4e1a\u52a1-\u5929\u6d25 Test Interactive-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064976998",
                                             "app_id": 47,
@@ -5163,7 +5163,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977039",
-                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u6237\u7ec4-\u5929\u6d25 TikTok User Interactive Team-TSN",
+                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u6237\u7ec4-\u5929\u6d25 Test User Interactive Team-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977039",
                                                     "app_id": 47,
@@ -5188,7 +5188,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978212",
-                                                            "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62371\u7ec4-\u5929\u6d25 TikTok User Interactive Team 1-TSN",
+                                                            "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62371\u7ec4-\u5929\u6d25 Test User Interactive Team 1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978212",
                                                             "app_id": 47,
@@ -5213,7 +5213,7 @@
                                                                 {
                                                                     "en_name": "",
                                                                     "code": "288980000064983802",
-                                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62371-1\u7ec4-\u5929\u6d25 TikTok User Interactive Team 1-1-TSN",
+                                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62371-1\u7ec4-\u5929\u6d25 Test User Interactive Team 1-1-TSN",
                                                                     "resource_id": 316,
                                                                     "resource_point_code": "288980000064983802",
                                                                     "app_id": 47,
@@ -5243,7 +5243,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978213",
-                                                            "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62372\u7ec4-\u5929\u6d25 TikTok User Interactive Team 2-TSN",
+                                                            "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62372\u7ec4-\u5929\u6d25 Test User Interactive Team 2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978213",
                                                             "app_id": 47,
@@ -5268,7 +5268,7 @@
                                                                 {
                                                                     "en_name": "",
                                                                     "code": "288980000064982479",
-                                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-2\u7ec4-\u5929\u6d25 TikTok User Interactive Team 2-2-TSN",
+                                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-2\u7ec4-\u5929\u6d25 Test User Interactive Team 2-2-TSN",
                                                                     "resource_id": 316,
                                                                     "resource_point_code": "288980000064982479",
                                                                     "app_id": 47,
@@ -5295,7 +5295,7 @@
                                                                 {
                                                                     "en_name": "",
                                                                     "code": "288980000064983341",
-                                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-3\u7ec4-\u5929\u6d25 TikTok User Interactive Team 2-3-TSN",
+                                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-3\u7ec4-\u5929\u6d25 Test User Interactive Team 2-3-TSN",
                                                                     "resource_id": 316,
                                                                     "resource_point_code": "288980000064983341",
                                                                     "app_id": 47,
@@ -5322,7 +5322,7 @@
                                                                 {
                                                                     "en_name": "",
                                                                     "code": "288980000064983803",
-                                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-1\u7ec4-\u5929\u6d25 TikTok User Interactive Team 2-1-TSN",
+                                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-1\u7ec4-\u5929\u6d25 Test User Interactive Team 2-1-TSN",
                                                                     "resource_id": 316,
                                                                     "resource_point_code": "288980000064983803",
                                                                     "app_id": 47,
@@ -5349,7 +5349,7 @@
                                                                 {
                                                                     "en_name": "",
                                                                     "code": "288980000064984668",
-                                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-4\u7ec4-\u5929\u6d25 TikTok User Interactive Team 2-4-TSN",
+                                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u7528\u62372-4\u7ec4-\u5929\u6d25 Test User Interactive Team 2-4-TSN",
                                                                     "resource_id": 316,
                                                                     "resource_point_code": "288980000064984668",
                                                                     "app_id": 47,
@@ -5382,7 +5382,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977040",
-                                                    "name": "TikTok\u4e92\u52a8\u4e1a\u52a1\u4e3e\u62a5\u7ec4-\u5929\u6d25 TikTok Report Interactive-TSN",
+                                                    "name": "Test\u4e92\u52a8\u4e1a\u52a1\u4e3e\u62a5\u7ec4-\u5929\u6d25 Test Report Interactive-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977040",
                                                     "app_id": 47,
@@ -5412,7 +5412,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064976999",
-                                            "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1-\u5929\u6d25 TikTok Multilingual Moderation-TSN",
+                                            "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1-\u5929\u6d25 Test Multilingual Moderation-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064976999",
                                             "app_id": 47,
@@ -5437,7 +5437,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977041",
-                                                    "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation JP Team-TSN",
+                                                    "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed\u7ec4-\u5929\u6d25 Test Multilingual Moderation JP Team-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977041",
                                                     "app_id": 47,
@@ -5462,7 +5462,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978214",
-                                                            "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed1\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation JP Team 1-TSN",
+                                                            "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed1\u7ec4-\u5929\u6d25 Test Multilingual Moderation JP Team 1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978214",
                                                             "app_id": 47,
@@ -5489,7 +5489,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978215",
-                                                            "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed2\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation JP Team 2-TSN",
+                                                            "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed2\u7ec4-\u5929\u6d25 Test Multilingual Moderation JP Team 2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978215",
                                                             "app_id": 47,
@@ -5516,7 +5516,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978216",
-                                                            "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed3\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation JP Team 3-TSN",
+                                                            "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u65e5\u8bed3\u7ec4-\u5929\u6d25 Test Multilingual Moderation JP Team 3-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978216",
                                                             "app_id": 47,
@@ -5546,7 +5546,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064977043",
-                                                    "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u97e9\u8bed\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation KR Team-TSN",
+                                                    "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u97e9\u8bed\u7ec4-\u5929\u6d25 Test Multilingual Moderation KR Team-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064977043",
                                                     "app_id": 47,
@@ -5571,7 +5571,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978217",
-                                                            "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u97e9\u8bed1\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation KR Team 1-TSN",
+                                                            "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u97e9\u8bed1\u7ec4-\u5929\u6d25 Test Multilingual Moderation KR Team 1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978217",
                                                             "app_id": 47,
@@ -5598,7 +5598,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978218",
-                                                            "name": "TikTok\u591a\u8bed\u8a00\u4e1a\u52a1\u97e9\u8bed2\u7ec4-\u5929\u6d25 TikTok Multilingual Moderation KR Team 2-TSN",
+                                                            "name": "Test\u591a\u8bed\u8a00\u4e1a\u52a1\u97e9\u8bed2\u7ec4-\u5929\u6d25 Test Multilingual Moderation KR Team 2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978218",
                                                             "app_id": 47,
@@ -5631,7 +5631,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064977000",
-                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A\u7ec4-\u5929\u6d25 TikTok Moderation Team A-TSN",
+                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A\u7ec4-\u5929\u6d25 Test Moderation Team A-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064977000",
                                             "app_id": 47,
@@ -5656,7 +5656,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978185",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A1\u7ec4-\u5929\u6d25 TikTok Moderation Team A1-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1A1\u7ec4-\u5929\u6d25 Test Moderation Team A1-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978185",
                                                     "app_id": 47,
@@ -5681,7 +5681,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977004",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A1-1\u7ec4-\u5929\u6d25 TikTok Moderation Team A1-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A1-1\u7ec4-\u5929\u6d25 Test Moderation Team A1-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977004",
                                                             "app_id": 47,
@@ -5711,7 +5711,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978186",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A2\u7ec4-\u5929\u6d25 TikTok Moderation Team A2-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1A2\u7ec4-\u5929\u6d25 Test Moderation Team A2-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978186",
                                                     "app_id": 47,
@@ -5736,7 +5736,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977006",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A2-2\u7ec4-\u5929\u6d25 TikTok Moderation Team A2-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A2-2\u7ec4-\u5929\u6d25 Test Moderation Team A2-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977006",
                                                             "app_id": 47,
@@ -5763,7 +5763,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977007",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A2-1\u7ec4-\u5929\u6d25 TikTok Moderation Team A2-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A2-1\u7ec4-\u5929\u6d25 Test Moderation Team A2-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977007",
                                                             "app_id": 47,
@@ -5790,7 +5790,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977355",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A2-3\u7ec4-\u5929\u6d25 TikTok Moderation Team A2-3-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A2-3\u7ec4-\u5929\u6d25 Test Moderation Team A2-3-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977355",
                                                             "app_id": 47,
@@ -5817,7 +5817,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977358",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A2-4\u7ec4-\u5929\u6d25 TikTok Moderation Team A2-4-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A2-4\u7ec4-\u5929\u6d25 Test Moderation Team A2-4-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977358",
                                                             "app_id": 47,
@@ -5847,7 +5847,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978187",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A3\u7ec4-\u5929\u6d25 TikTok Moderation Team A3-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1A3\u7ec4-\u5929\u6d25 Test Moderation Team A3-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978187",
                                                     "app_id": 47,
@@ -5872,7 +5872,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977009",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A3-1\u7ec4-\u5929\u6d25 TikTok Moderation Team A3-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A3-1\u7ec4-\u5929\u6d25 Test Moderation Team A3-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977009",
                                                             "app_id": 47,
@@ -5899,7 +5899,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977010",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A3-2\u7ec4-\u5929\u6d25 TikTok Moderation Team A3-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A3-2\u7ec4-\u5929\u6d25 Test Moderation Team A3-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977010",
                                                             "app_id": 47,
@@ -5926,7 +5926,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977011",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A3-3\u7ec4-\u5929\u6d25 TikTok Moderation Team A3-3-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A3-3\u7ec4-\u5929\u6d25 Test Moderation Team A3-3-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977011",
                                                             "app_id": 47,
@@ -5953,7 +5953,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064984669",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1A3-4\u7ec4-\u5929\u6d25 TikTok Moderation Team A3-4-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1A3-4\u7ec4-\u5929\u6d25 Test Moderation Team A3-4-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064984669",
                                                             "app_id": 47,
@@ -5986,7 +5986,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064977001",
-                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B\u7ec4-\u5929\u6d25 TikTok Moderation Team B-TSN",
+                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B\u7ec4-\u5929\u6d25 Test Moderation Team B-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064977001",
                                             "app_id": 47,
@@ -6011,7 +6011,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978202",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B1\u7ec4-\u5929\u6d25 TikTok Moderation Team B1-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1B1\u7ec4-\u5929\u6d25 Test Moderation Team B1-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978202",
                                                     "app_id": 47,
@@ -6036,7 +6036,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977018",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B1-2\u7ec4-\u5929\u6d25 TikTok Moderation Team B1-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B1-2\u7ec4-\u5929\u6d25 Test Moderation Team B1-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977018",
                                                             "app_id": 47,
@@ -6063,7 +6063,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977019",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B1-1\u7ec4-\u5929\u6d25 TikTok Moderation Team B1-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B1-1\u7ec4-\u5929\u6d25 Test Moderation Team B1-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977019",
                                                             "app_id": 47,
@@ -6090,7 +6090,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977020",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B1-3\u7ec4-\u5929\u6d25 TikTok Moderation Team B1-3-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B1-3\u7ec4-\u5929\u6d25 Test Moderation Team B1-3-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977020",
                                                             "app_id": 47,
@@ -6117,7 +6117,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977024",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B1-4\u7ec4-\u5929\u6d25 TikTok Moderation Team B1-4-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B1-4\u7ec4-\u5929\u6d25 Test Moderation Team B1-4-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977024",
                                                             "app_id": 47,
@@ -6144,7 +6144,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064983796",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B1-5\u7ec4-\u5929\u6d25 TikTok Moderation Team B1-5-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B1-5\u7ec4-\u5929\u6d25 Test Moderation Team B1-5-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064983796",
                                                             "app_id": 47,
@@ -6174,7 +6174,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978203",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B2\u7ec4-\u5929\u6d25 TikTok Moderation Team B2-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1B2\u7ec4-\u5929\u6d25 Test Moderation Team B2-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978203",
                                                     "app_id": 47,
@@ -6199,7 +6199,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977017",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B2-1\u7ec4-\u5929\u6d25 TikTok Moderation Team B2-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B2-1\u7ec4-\u5929\u6d25 Test Moderation Team B2-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977017",
                                                             "app_id": 47,
@@ -6226,7 +6226,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977021",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B2-2\u7ec4-\u5929\u6d25 TikTok Moderation Team B2-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B2-2\u7ec4-\u5929\u6d25 Test Moderation Team B2-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977021",
                                                             "app_id": 47,
@@ -6256,7 +6256,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064983797",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B3\u7ec4-\u5929\u6d25 TikTok Moderation Team B3-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1B3\u7ec4-\u5929\u6d25 Test Moderation Team B3-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064983797",
                                                     "app_id": 47,
@@ -6281,7 +6281,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064983798",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B3-1\u7ec4-\u5929\u6d25 TikTok Moderation Team B3-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B3-1\u7ec4-\u5929\u6d25 Test Moderation Team B3-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064983798",
                                                             "app_id": 47,
@@ -6311,7 +6311,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064983799",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B4\u7ec4-\u5929\u6d25 TikTok Moderation Team B4-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1B4\u7ec4-\u5929\u6d25 Test Moderation Team B4-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064983799",
                                                     "app_id": 47,
@@ -6336,7 +6336,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064983800",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B4-1\u7ec4-\u5929\u6d25 TikTok Moderation Team B4-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B4-1\u7ec4-\u5929\u6d25 Test Moderation Team B4-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064983800",
                                                             "app_id": 47,
@@ -6363,7 +6363,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064983801",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1B4-2\u7ec4-\u5929\u6d25 TikTok Moderation Team B4-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1B4-2\u7ec4-\u5929\u6d25 Test Moderation Team B4-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064983801",
                                                             "app_id": 47,
@@ -6396,7 +6396,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064977002",
-                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C\u7ec4-\u5929\u6d25 TikTok Moderation Team C-TSN",
+                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C\u7ec4-\u5929\u6d25 Test Moderation Team C-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064977002",
                                             "app_id": 47,
@@ -6421,7 +6421,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978204",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C1\u7ec4-\u5929\u6d25 TikTok Moderation Team C1-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1C1\u7ec4-\u5929\u6d25 Test Moderation Team C1-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978204",
                                                     "app_id": 47,
@@ -6446,7 +6446,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977037",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C1-1\u7ec4-\u5929\u6d25 TikTok Moderation Team C1-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C1-1\u7ec4-\u5929\u6d25 Test Moderation Team C1-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977037",
                                                             "app_id": 47,
@@ -6473,7 +6473,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977038",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C1-3\u7ec4-\u5929\u6d25 TikTok Moderation Team C1-3-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C1-3\u7ec4-\u5929\u6d25 Test Moderation Team C1-3-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977038",
                                                             "app_id": 47,
@@ -6500,7 +6500,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978207",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C1-2\u7ec4-\u5929\u6d25 TikTok Moderation Team C1-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C1-2\u7ec4-\u5929\u6d25 Test Moderation Team C1-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978207",
                                                             "app_id": 47,
@@ -6527,7 +6527,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978208",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C1-4\u7ec4-\u5929\u6d25 TikTok Moderation Team C1-4-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C1-4\u7ec4-\u5929\u6d25 Test Moderation Team C1-4-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978208",
                                                             "app_id": 47,
@@ -6554,7 +6554,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064978209",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C1-5\u7ec4-\u5929\u6d25 TikTok Moderation Team C1-5-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C1-5\u7ec4-\u5929\u6d25 Test Moderation Team C1-5-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064978209",
                                                             "app_id": 47,
@@ -6584,7 +6584,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064978205",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C2\u7ec4-\u5929\u6d25 TikTok Moderation Team C2-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1C2\u7ec4-\u5929\u6d25 Test Moderation Team C2-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064978205",
                                                     "app_id": 47,
@@ -6609,7 +6609,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977026",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C2-3\u7ec4-\u5929\u6d25 TikTok Moderation Team C2-3-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C2-3\u7ec4-\u5929\u6d25 Test Moderation Team C2-3-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977026",
                                                             "app_id": 47,
@@ -6636,7 +6636,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977028",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C2-1\u7ec4-\u5929\u6d25 TikTok Moderation Team C2-1-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C2-1\u7ec4-\u5929\u6d25 Test Moderation Team C2-1-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977028",
                                                             "app_id": 47,
@@ -6663,7 +6663,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977029",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C2-2\u7ec4-\u5929\u6d25 TikTok Moderation Team C2-2-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C2-2\u7ec4-\u5929\u6d25 Test Moderation Team C2-2-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977029",
                                                             "app_id": 47,
@@ -6690,7 +6690,7 @@
                                                         {
                                                             "en_name": "",
                                                             "code": "288980000064977030",
-                                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1C2-4\u7ec4-\u5929\u6d25 TikTok Moderation Team C2-4-TSN",
+                                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1C2-4\u7ec4-\u5929\u6d25 Test Moderation Team C2-4-TSN",
                                                             "resource_id": 316,
                                                             "resource_point_code": "288980000064977030",
                                                             "app_id": 47,
@@ -6723,7 +6723,7 @@
                                         {
                                             "en_name": "",
                                             "code": "288980000064981644",
-                                            "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D\u7ec4-\u5929\u6d25 TikTok Moderation Team D-TSN",
+                                            "name": "Test\u521d\u5ba1\u4e1a\u52a1D\u7ec4-\u5929\u6d25 Test Moderation Team D-TSN",
                                             "resource_id": 316,
                                             "resource_point_code": "288980000064981644",
                                             "app_id": 47,
@@ -6748,7 +6748,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981645",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D1\u7ec4-\u5929\u6d25 TikTok Moderation Team D1-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1D1\u7ec4-\u5929\u6d25 Test Moderation Team D1-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981645",
                                                     "app_id": 47,
@@ -6775,7 +6775,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981646",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D2\u7ec4-\u5929\u6d25 TikTok Moderation Team D2-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1D2\u7ec4-\u5929\u6d25 Test Moderation Team D2-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981646",
                                                     "app_id": 47,
@@ -6802,7 +6802,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981647",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D3\u7ec4-\u5929\u6d25 TikTok Moderation Team D3-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1D3\u7ec4-\u5929\u6d25 Test Moderation Team D3-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981647",
                                                     "app_id": 47,
@@ -6829,7 +6829,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981648",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D4\u7ec4-\u5929\u6d25 TikTok Moderation Team D4-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1D4\u7ec4-\u5929\u6d25 Test Moderation Team D4-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981648",
                                                     "app_id": 47,
@@ -6856,7 +6856,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981649",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D5\u7ec4-\u5929\u6d25 TikTok Moderation Team D5-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1D5\u7ec4-\u5929\u6d25 Test Moderation Team D5-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981649",
                                                     "app_id": 47,
@@ -6883,7 +6883,7 @@
                                                 {
                                                     "en_name": "",
                                                     "code": "288980000064981650",
-                                                    "name": "TikTok\u521d\u5ba1\u4e1a\u52a1D6\u7ec4-\u5929\u6d25 TikTok Moderation Team D6-TSN",
+                                                    "name": "Test\u521d\u5ba1\u4e1a\u52a1D6\u7ec4-\u5929\u6d25 Test Moderation Team D6-TSN",
                                                     "resource_id": 316,
                                                     "resource_point_code": "288980000064981650",
                                                     "app_id": 47,
@@ -42036,7 +42036,7 @@
                                         {
                                             "en_name": "",
                                             "code": "6664140196646224141",
-                                            "name": "W_GUR_Tiktok 2nd Round-Gurgaon",
+                                            "name": "W_GUR_T 2nd Round-Gurgaon",
                                             "resource_id": 316,
                                             "resource_point_code": "6664140196646224141",
                                             "app_id": 47,
@@ -42119,7 +42119,7 @@
                                         {
                                             "en_name": "",
                                             "code": "6764259170678997262",
-                                            "name": "W_HYD_Tiktok 2nd Round-Hyderabad",
+                                            "name": "W_HYD_T 2nd Round-Hyderabad",
                                             "resource_id": 316,
                                             "resource_point_code": "6764259170678997262",
                                             "app_id": 47,

packages/semi-ui/tag/_story/Demo.tsx

@@ -11,7 +11,7 @@ const Demo = () => (
         <TagGroup tagList={[
             { color: 'white', children: '抖音' },
             { color: 'white', children: '火山小视频' },
-            { color: 'white', children: 'tiktok' },
+            { color: 'white', children: 'jkl' },
             { color: 'white', children: 'vigo' },
             { color: 'white', children: '皮皮虾' },
         ]}

packages/semi-ui/tag/_story/tag.stories.js

@@ -93,7 +93,7 @@ const TagGroupDemo = () => {
     let tagList = [
         { color: 'white', children: '抖音' },
         { color: 'white', children: '火山小视频' },
-        { color: 'white', children: 'tiktok' },
+        { color: 'white', children: 'Abc' },
         { color: 'white', children: 'vigo' },
         { color: 'white', children: '皮皮虾' },
     ];
@@ -148,7 +148,7 @@ const AvatarTagGroupDemo = () => {
     let tagList = [
         { color: 'white', children: '抖音', avatarSrc: src },
         { color: 'white', children: '火山小视频', avatarSrc: src },
-        { color: 'white', children: 'tiktok', avatarSrc: src },
+        { color: 'white', children: 'Abc', avatarSrc: src },
         { color: 'white', children: 'vigo', avatarSrc: src },
         { color: 'white', children: '皮皮虾', avatarSrc: src },
     ];

packages/semi-ui/tagInput/__test__/tagInput.test.js

@@ -66,12 +66,12 @@ describe('TagInput', () => {
 
     it('TagInput with defaultValue', () => {
         const props = {
-            defaultValue: ['tiktok', 'hotsoon']
+            defaultValue: ['abc', 'hotsoon']
         };
         const tagInput = getTagInput(props);
         const tags = tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`);
         expect(tags.length).toEqual(2);
-        expect(tags.at(0).getDOMNode().textContent).toEqual('tiktok');
+        expect(tags.at(0).getDOMNode().textContent).toEqual('abc');
         expect(tags.at(1).getDOMNode().textContent).toEqual('hotsoon');
         tagInput.unmount();
     });
@@ -88,13 +88,13 @@ describe('TagInput', () => {
     it('TagInput with separator', () => {
         const props = {
             separator: '-',
-            inputValue: 'tiktok-hotsoon'
+            inputValue: 'abc-hotsoon'
         }
         const tagInput = getTagInput(props);
         tagInput.find('input').simulate('keyDown', { keyCode: 13 });
         const tags = tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`);
         expect(tags.length).toEqual(2);
-        expect(tags.at(0).getDOMNode().textContent).toEqual('tiktok');
+        expect(tags.at(0).getDOMNode().textContent).toEqual('abc');
         expect(tags.at(1).getDOMNode().textContent).toEqual('hotsoon');
         tagInput.unmount();
     });
@@ -103,13 +103,13 @@ describe('TagInput', () => {
     it('TagInput with arrat type separator', () => {
         const props = {
             separator: ['-','/','*'],
-            inputValue: 'tiktok-hotsoon/pipixi*qingyan'
+            inputValue: 'abc-hotsoon/pipixi*qingyan'
         }
         const tagInput = getTagInput(props);
         tagInput.find('input').simulate('keyDown', { keyCode: 13 });
         const tags = tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`);
         expect(tags.length).toEqual(4);
-        expect(tags.at(0).getDOMNode().textContent).toEqual('tiktok');
+        expect(tags.at(0).getDOMNode().textContent).toEqual('abc');
         expect(tags.at(1).getDOMNode().textContent).toEqual('hotsoon');
         expect(tags.at(2).getDOMNode().textContent).toEqual('pipixi');
         expect(tags.at(3).getDOMNode().textContent).toEqual('qingyan');
@@ -121,7 +121,7 @@ describe('TagInput', () => {
         const spyOnRemove = sinon.spy(value => { });
         const spyOnChange = sinon.spy(value => { });
         const props = {
-            defaultValue: ['tiktok', 'hotsoon', 'toutiao', 'lark'],
+            defaultValue: ['abc', 'hotsoon', 'toutiao', 'lark'],
             onRemove: spyOnRemove,
             onChange: spyOnChange,
             showClear: true
@@ -136,11 +136,11 @@ describe('TagInput', () => {
 
         //click tagCloseBtn
         expect(spyOnRemove.getCall(0).args[0]).toEqual('hotsoon');
-        expect(spyOnChange.getCall(0).args[0]).toEqual(['tiktok', 'toutiao', 'lark']);
+        expect(spyOnChange.getCall(0).args[0]).toEqual(['abc', 'toutiao', 'lark']);
 
         //enter basespace
         expect(spyOnRemove.getCall(1).args[0]).toEqual('lark');
-        expect(spyOnChange.getCall(1).args[0]).toEqual(['tiktok', 'toutiao']);
+        expect(spyOnChange.getCall(1).args[0]).toEqual(['abc', 'toutiao']);
 
         //click clearBtn
         expect(spyOnChange.getCall(2).args[0]).toEqual([]);
@@ -165,7 +165,7 @@ describe('TagInput', () => {
 
         // inputValue is not empty
         const props = {
-            inputValue: 'tiktok,toutiao,,,hotsoon',
+            inputValue: 'abc,toutiao,,,hotsoon',
             onChange: spyOnChange,
             defaultValue: ['lark'],
             onAdd: spyOnAdd
@@ -173,15 +173,15 @@ describe('TagInput', () => {
         const tagInput = getTagInput(props);
         tagInput.find('input').simulate('keyDown', { keyCode: 13 });
         expect(spyOnAdd.callCount).toEqual(1);
-        expect(spyOnAdd.getCall(0).args[0]).toEqual(['tiktok', 'toutiao', 'hotsoon']);
+        expect(spyOnAdd.getCall(0).args[0]).toEqual(['abc', 'toutiao', 'hotsoon']);
         expect(spyOnChange.callCount).toEqual(1);
-        expect(spyOnChange.getCall(0).args[0]).toEqual(['lark', 'tiktok', 'toutiao', 'hotsoon']);
+        expect(spyOnChange.getCall(0).args[0]).toEqual(['lark', 'abc', 'toutiao', 'hotsoon']);
         tagInput.unmount();
     });
 
     it('TagInput with max', () => {
         const props = {
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             max: 2,
             inputValue: 'lark',
         };
@@ -189,14 +189,14 @@ describe('TagInput', () => {
         tagInput.find('input').simulate('keyDown', { keyCode: 13 });
         const tags = tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`);
         expect(tags.length).toEqual(2);
-        expect(tags.at(0).getDOMNode().textContent).toEqual('tiktok');
+        expect(tags.at(0).getDOMNode().textContent).toEqual('abc');
         expect(tags.at(1).getDOMNode().textContent).toEqual('hotsoon');
         tagInput.unmount();
     });
 
     it('TagInput with maxTagCount', () => {
         const props = {
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             maxTagCount: 2,
             inputValue: 'lark',
         };
@@ -204,7 +204,7 @@ describe('TagInput', () => {
         tagInput.find('input').simulate('keyDown', { keyCode: 13 });
         const tags = tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`);
         expect(tags.length).toEqual(2);
-        expect(tags.at(0).getDOMNode().textContent).toEqual('tiktok');
+        expect(tags.at(0).getDOMNode().textContent).toEqual('abc');
         expect(tags.at(1).getDOMNode().textContent).toEqual('hotsoon');
         const n = tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper-n`);
         expect(n.at(0).getDOMNode().textContent).toEqual('+1');
@@ -227,7 +227,7 @@ describe('TagInput', () => {
         const spyOnExceed = sinon.spy(() => { });
         const props = {
             max: 2,
-            defaultValue: ['tiktok', 'hotsoon'],
+            defaultValue: ['abc', 'hotsoon'],
             inputValue: 'semi',
             onExceed: spyOnExceed
         };
@@ -279,7 +279,7 @@ describe('TagInput', () => {
     it('TagInput with addOnBlur', () => {
         const props = {
             addOnBlur: true,
-            defaultValue: ['tiktok']
+            defaultValue: ['abc']
         };
         const tagInput = getTagInput(props);
         tagInput.find('input').simulate('focus', {});
@@ -294,10 +294,10 @@ describe('TagInput', () => {
 
     it('tagInput with value controlled mode ', () => {
         const props = {
-            value: ['tiktok']
+            value: ['abc']
         };
         const tagInput = getTagInput(props);
-        expect(tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`).getDOMNode().textContent).toEqual('tiktok');
+        expect(tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`).getDOMNode().textContent).toEqual('abc');
         tagInput.setProps({ value: ['hotsoon'] });
         tagInput.update();
         expect(tagInput.find(`.${BASE_CLASS_PREFIX}-tagInput-wrapper .${BASE_CLASS_PREFIX}-tag-content`).getDOMNode().textContent).toEqual('hotsoon');
@@ -305,10 +305,10 @@ describe('TagInput', () => {
 
     it('tagInput with inputValue controlled mode ', () => {
         const props = {
-            inputValue: 'tiktok'
+            inputValue: 'abc'
         };
         const tagInput = getTagInput(props);
-        expect(tagInput.find('input').getDOMNode().value).toEqual('tiktok');
+        expect(tagInput.find('input').getDOMNode().value).toEqual('abc');
         tagInput.setProps({ inputValue: 'hotsoon' });
         tagInput.update();
         expect(tagInput.find('input').getDOMNode().value).toEqual('hotsoon');

packages/semi-ui/tooltip/__test__/tooltip.test.js

@@ -309,7 +309,7 @@ it('wrapperClassName', () => {
     const wrapperWithDisabledSelect = mount(
         <Tooltip wrapperClassName='test' content={'hi bytedance'}>
             <Select disabled placeholder='请选择业务线' style={{ width: 120 }}>
-                <Select.Option value='tiktok'>抖音</Select.Option>
+                <Select.Option value='abc'>抖音</Select.Option>
                 <Select.Option value='hotsoon'>火山</Select.Option>
                 <Select.Option value='jianying' disabled>剪映</Select.Option>
                 <Select.Option value='xigua'>西瓜视频</Select.Option>

packages/semi-ui/tooltip/_story/Safari/autoAdjust.js

@@ -9,8 +9,8 @@ class SafariDemo extends React.Component {
     render() {
         return (
             <div style={{ height: 500 }}>
-                <Select defaultValue='tiktok' style={{ width: 120, marginTop: 480 }}>
-                    <Select.Option value='tiktok'>抖音</Select.Option>
+                <Select defaultValue='abc' style={{ width: 120, marginTop: 480 }}>
+                    <Select.Option value='abc'>抖音</Select.Option>
                     <Select.Option value='hotsoon'>火山</Select.Option>
                     <Select.Option value='pipixia' disabled>皮皮虾</Select.Option>
                     <Select.Option value='xigua'>西瓜视频</Select.Option>

packages/semi-ui/tooltip/_story/tooltip.stories.js

@@ -536,7 +536,7 @@ stories.add('disabledWrapperCls', () => (
         <br />
         <Tooltip wrapperClassName='test' content={'hi bytedance'}>
             <Select disabled placeholder='请选择业务线' style={{ width: 120 }}>
-                <Select.Option value='tiktok'>抖音</Select.Option>
+                <Select.Option value='abc'>抖音</Select.Option>
                 <Select.Option value='hotsoon'>火山</Select.Option>
                 <Select.Option value='jianying' disabled>剪映</Select.Option>
                 <Select.Option value='xigua'>西瓜视频</Select.Option>

packages/semi-ui/transfer/_story/transfer.stories.js

@@ -196,12 +196,12 @@ const customFilter = (sugInput, item) => {
 
 stories.add('custom filter, renderSourceItem, renderSelectedItem', () => {
     const data = [
-        { label: '夏可漫', value: '[email protected]', abbr: '夏', color: 'amber', area: 'tiktok-US', key: 1 },
-        { label: '申悦', value: '[email protected]', abbr: '申', color: 'indigo', area: 'tiktok-UK', key: 2 },
-        { label: '文嘉茂', value: '[email protected]', abbr: '文', color: 'cyan', area: 'tiktok-HK', key: 3 },
-        { label: '曲晨一', value: '[email protected]', abbr: '一', color: 'blue', area: 'vigo-India', key: 4 },
-        { label: '曲晨二', value: '[email protected]', abbr: '二', color: 'blue', area: 'vigo-India', key: 5 },
-        { label: '曲晨三', value: '[email protected]', abbr: '三', color: 'blue', area: 'vigo-India', key: 6 },
+        { label: '夏可漫', value: '[email protected]', abbr: '夏', color: 'amber', area: 'US', key: 1 },
+        { label: '申悦', value: '[email protected]', abbr: '申', color: 'indigo', area: 'UK', key: 2 },
+        { label: '文嘉茂', value: '[email protected]', abbr: '文', color: 'cyan', area: 'HK', key: 3 },
+        { label: '曲晨一', value: '[email protected]', abbr: '一', color: 'blue', area: 'India', key: 4 },
+        { label: '曲晨二', value: '[email protected]', abbr: '二', color: 'blue', area: 'India', key: 5 },
+        { label: '曲晨三', value: '[email protected]', abbr: '三', color: 'blue', area: 'India', key: 6 },
     ];
 
     const renderSourceItem = item => {

packages/semi-ui/treeSelect/__test__/treeSelect.test.js

@@ -202,7 +202,7 @@ describe('TreeSelect', () => {
         // dropdownMatchSelectWidth default is true
         let props = {
             style: { width: 90 },
-            defaultValue: 'tiktok',
+            defaultValue: 'abc',
         };
         let treeSelect = getTreeSelect(props);
         // cause jsdom doesn't support layout engine like browser, so you can't access offsetWidth/scrollWidth or use getBoundingRect(), it will always return 0;
@@ -218,7 +218,7 @@ describe('TreeSelect', () => {
     it('dropdownMatchSelectWidth = false', () => {
         let props = {
             style: { width: 90 },
-            defaultValue: 'tiktok',
+            defaultValue: 'abc',
             dropdownMatchSelectWidth: false,
         };
         let treeSelect = getTreeSelect(props);

packages/semi-ui/upload/__test__/upload.test.js

@@ -49,7 +49,7 @@ const defaultFileList = [
     },
     {
         uid: '2',
-        name: 'tiktok.jpeg',
+        name: 'test.jpeg',
         status: 'uploadFail',
         size: '222KB',
         preview: false,
@@ -443,7 +443,7 @@ describe('Upload', () => {
         const fileInstance = createFile(200, 'semi.jpg');
         const file = {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'test.jpeg',
             status: 'uploadFail',
             size: '222KB',
             preview: true,
@@ -497,7 +497,7 @@ describe('Upload', () => {
         let fileInstance = createFile(200, 'semi.jpg');
         let file = {
             uid: '2',
-            name: 'tiktok.jpeg',
+            name: 'test.jpeg',
             status: 'error',
             size: '222KB',
             preview: true,
@@ -531,7 +531,7 @@ describe('Upload', () => {
             defaultFileList: [
                 {
                     uid: '2',
-                    name: 'tiktok.jpeg',
+                    name: 'test.jpeg',
                     status: 'error',
                     size: '222KB',
                     preview: true,

src/locale/zh-CN.js

@@ -125,7 +125,7 @@ const appLocale = {
         "#nezha_s_magic_child_descent_#topic_activity_is_now_open!_according_to_the_rules_e2fe356bd395679eb176daa81ef0d082": "#哪吒之魔童降世# 话题活动开讲啦！根据活动规则，恭喜 13 位...",
         "semi_design_share_presentation": "Semi Design 分享演示文稿",
         "beijing__china": "中国 北京",
-        "douyin_certification": "抖音认证",
+        "douyin_certification": "官方认证",
         "chief_foodie__good_at_algorithms__especially": "首席吃货，擅长算法，特别是",
         "video_compression_algorithm": "视频压缩算法",
         "official_topics": "官方话题",

src/sitePages/newHome/components/theme/components/demo/index.jsx

@@ -2,7 +2,7 @@ import { _t } from "src/utils/locale";
 import React from 'react';
 import styles from './index.module.scss';
 import {Descriptions, Typography, Form, Button, Avatar, Table} from '@douyinfe/semi-ui'
-import {IconBell, IconFeishuLogo, IconMail, IconMapPin, IconTiktokLogo, IconUserCircle} from '@douyinfe/semi-icons'
+import {IconBell, IconFeishuLogo, IconMail, IconMapPin, IconSemiLogo, IconUserCircle} from '@douyinfe/semi-icons'
 import avatarPng from './images/avatar.png'
 import classnames from 'classnames'
 
@@ -47,7 +47,7 @@ function Demo(props) {
                     <Avatar 
                         size='small' 
                         style={{backgroundColor: 'rgb(var(--semi-grey-9))', marginRight: 12}}>
-                        <IconTiktokLogo></IconTiktokLogo>
+                        <IconSemiLogo></IconSemiLogo>
                     </Avatar>{_t("system_notification", { }, "系统通知")}</span>
             ),
             content: <Text>{_t("design", { }, "设计")}</Text>,
@@ -67,7 +67,7 @@ function Demo(props) {
                 </header>
                 <main className={styles.profileMain}>
                     <Text icon={<IconMapPin size="extra-large"></IconMapPin>}>{_t("beijing__china", { }, "中国 北京")}</Text>
-                    <Text icon={<IconTiktokLogo></IconTiktokLogo>}>{_t("douyin_certification", { }, "抖音认证")}</Text>
+                    <Text icon={<IconSemiLogo></IconSemiLogo>}>{_t("douyin_certification", { }, "官方认证")}</Text>
                     <Text icon={<IconMail></IconMail>}>[email protected]</Text>
                     <Text icon={<IconUserCircle></IconUserCircle>}>{_t("chief_foodie__good_at_algorithms__especially", { }, "首席吃货，擅长算法，特别是")}<br />{_t("video_compression_algorithm", { }, "视频压缩算法")}</Text>
                 </main>
@@ -93,9 +93,9 @@ function Demo(props) {
                 </section>
                 <section className={styles.dataSection}>
                     <div>
-                        <Form layout="horizontal" initValues={{type: 'tiktok'}}>
+                        <Form layout="horizontal" initValues={{type: 'abc'}}>
                             <Select field="type" noLabel={true}>
-                                <Option value="tiktok">{_t("douyin_little_assistant", { }, "抖音小助手")}</Option>
+                                <Option value="abc">{_t("douyin_little_assistant", { }, "抖音小助手")}</Option>
                                 <Option value="huoshan">{_t("volcano_little_helper", { }, "火山小助手")}</Option>
                             </Select>
                             <TextArea field="content" placeholder='placeholder' noLabel={true} style={{width: 556, height: 75}} className={styles.textarea}></TextArea>