{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/other/configprovider","result":{"data":{"current":{"frontmatter":{"title":"ConfigProvider 全局配置","order":95,"brief":"为组件提供统一的全局化配置。","icon":"doc-configprovider"},"fields":{"type":"other"},"tableOfContents":{"items":[{"url":"#使用场景","title":"使用场景"},{"url":"#configprovider","title":"ConfigProvider"},{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#手动获取值","title":"手动获取值"},{"url":"#rtlltr","title":"RTL/LTR"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#时区标识","title":"时区标识"},{"url":"#faq","title":"FAQ"}]},{"url":"#semiglobal","title":"semiGlobal"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"localeCode\": \"zh-CN\",\n  \"order\": 95,\n  \"category\": \"其他\",\n  \"title\": \"ConfigProvider 全局配置\",\n  \"icon\": \"doc-configprovider\",\n  \"dir\": \"column\",\n  \"brief\": \"为组件提供统一的全局化配置。\"\n};\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\nvar Notice = makeShortcode(\"Notice\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4F7F\\u7528\\u573A\\u666F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u8986\\u76D6\\u914D\\u7F6E\\u5206\\u4E3A\\u4E24\\u79CD\\u573A\\u666F\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u9700\\u8981\\u8986\\u76D6\\u591A\\u4E2A\\u7EC4\\u4EF6\\u516C\\u6709 Props \\u914D\\u7F6E\\uFF08\\u4F8B\\u5982 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"timezone\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"rtl\"), \"\\uFF09\\uFF0C\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"ConfigProvider\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5F53 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"ConfigProvider\"), \" \\u66B4\\u9732\\u53C2\\u6570\\u672A\\u80FD\\u6EE1\\u8DB3\\uFF0C\\u5E0C\\u671B\\u4FEE\\u6539\\u5168\\u5C40\\u4FEE\\u6539\\u67D0\\u4E2A\\u7EC4\\u4EF6\\u7684 \\u67D0\\u7C7B Props\\uFF08\\u4F8B\\u5982\\u671F\\u671B\\u5C06\\u6240\\u6709\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Button\"), \"\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"theme\"), \" \\u90FD\\u914D\\u7F6E\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"solid\"), \" \\u6216\\u6240\\u6709 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Popover\"), \"\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"zIndex\"), \"\\uFF09\\uFF0C\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"semiGlobal\")))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"ConfigProvider\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"ConfigProvider \\u501F\\u52A9 React Context \\u673A\\u5236\\u5B9E\\u73B0\\uFF0C\\u56E0\\u6B64\\u5B83\\u80FD\\u5F71\\u54CD React \\u8282\\u70B9\\u6811\\u4E2D\\u7684\\u5B50\\u7EC4\\u4EF6\")), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"import\",\n    \"import\": true\n  }, \"import { ConfigProvider } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u4F20\\u5165 timeZone \\u53C2\\u6570\\uFF0C\\u7528\\u6237\\u53EF\\u4EE5\\u4E3A\\u65F6\\u95F4\\u7C7B\\u7EC4\\u4EF6\\u914D\\u7F6E\\u65F6\\u533A\\uFF1A\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\" hideInDSM\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\",\n    \"hideInDSM\": true\n  }, \"import React, { useMemo, useState } from 'react';\\nimport { ConfigProvider, Select, DatePicker, TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo(props = {}) {\\n    const [timeZone, setTimeZone] = useState('GMT+08:00');\\n    const defaultTimestamp = 1581599305265;\\n    const gmtList = useMemo(() => {\\n        const list = [];\\n        for (let hourOffset = -11; hourOffset <= 14 ; hourOffset++) {\\n            const prefix = hourOffset >= 0 ? '+' : '-';\\n            const hOffset = Math.abs(parseInt(hourOffset, 10));\\n            list.push(`GMT${prefix}${String(hOffset).padStart(2, '0')}:00`);\\n        }\\n        return list;\\n    }, []);\\n\\n    return (\\n        <ConfigProvider timeZone={timeZone}>\\n            <div style={{ width: 300 }}>\\n                <h5 style={{ margin: 10 }}>Select Time Zone:</h5>\\n                <Select\\n                    placeholder={'\\u8BF7\\u9009\\u62E9\\u65F6\\u533A'}\\n                    style={{ width: 300 }}\\n                    value={timeZone}\\n                    showClear={true}\\n                    onSelect={value => setTimeZone(value)}\\n                >\\n                    {gmtList.map(gmt => (\\n                        <Select.Option key={gmt} value={gmt}>\\n                            {gmt}\\n                        </Select.Option>\\n                    ))}\\n                </Select>\\n                <br/>\\n                <br/>\\n                <DatePicker type={'dateTime'} defaultValue={defaultTimestamp} onChange={(date, dateString) => console.log('DatePicker changed: ', date, dateString)} />\\n                <br/>\\n                <br/>\\n                <TimePicker defaultValue={defaultTimestamp} onChange={(date, dateString) => console.log('DatePicker changed: ', date, dateString)} />\\n            </div>\\n        </ConfigProvider>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u624B\\u52A8\\u83B7\\u53D6\\u503C\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u5E38\\u60C5\\u51B5\\u4E0B\\uFF0C\\u7EC4\\u4EF6\\u5185\\u90E8\\u4F1A\\u81EA\\u52A8\\u83B7\\u53D6 ConfigProvider \\u7684\\u503C\\u81EA\\u52A8\\u6D88\\u8D39\\uFF0C\\u65E0\\u9700\\u5173\\u5FC3\\u3002\\u4F46\\u662F\\u4E00\\u4E9B\\u7279\\u6B8A\\u573A\\u666F\\uFF0C\\u4F60\\u53EF\\u80FD\\u9700\\u8981\\u624B\\u52A8\\u83B7\\u53D6\\u503C\\u6765\\u8FDB\\u884C\\u5176\\u4ED6\\u64CD\\u4F5C\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4F7F\\u7528 ConfigConsumer \\u83B7\\u53D6 ConfigProvider \\u7684\\u503C\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\" hideInDSM\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\",\n    \"hideInDSM\": true\n  }, \"import React, { useMemo, useState } from 'react';\\nimport { ConfigProvider, ConfigConsumer, Select, DatePicker, TimePicker, Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo(props = {}) {\\n  const [timeZone, setTimeZone] = useState('GMT+08:00');\\n  const defaultTimestamp = 1581599305265;\\n  const gmtList = useMemo(() => {\\n    const list = [];\\n    for (let hourOffset = -11; hourOffset <= 14; hourOffset++) {\\n      const prefix = hourOffset >= 0 ? '+' : '-';\\n      const hOffset = Math.abs(parseInt(hourOffset, 10));\\n      list.push(`GMT${prefix}${String(hOffset).padStart(2, '0')}:00`);\\n    }\\n    return list;\\n  }, []);\\n\\n  return (\\n          <ConfigProvider timeZone={timeZone}>\\n            {/*...*/}\\n            <ConfigConsumer>\\n              {(value) => {\\n                return <Typography.Text ellipsis={{ showTooltip: {opts:{style:{minWidth:\\\"1200px\\\"}} }}}  style={{ width: 600 }}>\\n                  {JSON.stringify(value)}\\n                </Typography.Text>\\n             }}\\n            </ConfigConsumer>\\n            {/*...*/}\\n          </ConfigProvider>\\n          );\\n}\\n\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"RTL/LTR\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5168\\u5C40\\u914D\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"direction\"), \" \\u53EF\\u4EE5\\u6539\\u53D8\\u7EC4\\u4EF6\\u7684\\u6587\\u672C\\u65B9\\u5411\\uFF081.8.0\\uFF09\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"rtl\"), \" \\u8868\\u793A\\u4ECE\\u53F3\\u5230\\u5DE6 (\\u7C7B\\u4F3C\\u5E0C\\u4F2F\\u6765\\u8BED\\u6216\\u963F\\u62C9\\u4F2F\\u8BED)\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ltr\"), \" \\u8868\\u793A\\u4ECE\\u5DE6\\u5230\\u53F3 (\\u7C7B\\u4F3C\\u4E2D\\u6587\\u3001\\u82F1\\u8BED\\u7B49\\u5927\\u90E8\\u5206\\u8BED\\u8A00)\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7279\\u6B8A\\u7EC4\\u4EF6\\uFF1A\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Modal\\uFF0CNotification\\uFF0CToast \\u7684\\u547D\\u4EE4\\u5F0F\\u8C03\\u7528\\u9700\\u8981\\u901A\\u8FC7 prop \\u4F20 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"direction\"), \"\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5982\\u679C\\u4F60\\u60F3\\u5BF9\\u6709\\u65B9\\u5411\\u6027\\u7684 Icon \\u505A RTL \\u56FD\\u9645\\u5316\\uFF0C\\u9700\\u8981\\u81EA\\u5DF1\\u5355\\u72EC\\u8FDB\\u884C\\u5904\\u7406\\u3002\\u6211\\u4EEC\\u8BA4\\u4E3A\\u5BF9 Icon \\u8FDB\\u884C RTL \\u4F1A\\u8BA9\\u5B83\\u53D8\\u5F97\\u96BE\\u4EE5\\u7406\\u89E3\\u548C\\u7EF4\\u62A4\\u3002\\u5176\\u4ED6\\u7EC4\\u4EF6\\u5185\\u7684 icon Semi \\u5DF2\\u7ECF\\u505A\\u4E86 RTL \\u9002\\u914D\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Table \\u7684\\u6811\\u5F62\\u6570\\u636E\\u6682\\u4E0D\\u652F\\u6301 RTL\\uFF08\", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://codesandbox.io/s/table-rtl-treedata-uy7gzl?file=/src/App.jsx\"\n  }, \"Chrome\\u3001Safari \\u6D4F\\u89C8\\u5668\\u8868\\u73B0\\u4E0E Firefox \\u8868\\u73B0\\u4E0D\\u540C\"), \"\\uFF09\\uFF0C\\u56FA\\u5B9A\\u5217\\u5728 v2.32 \\u7248\\u672C\\u652F\\u6301 RTL\\uFF0CSlider \\u6682\\u4E0D\\u652F\\u6301 RTL\\u3002\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\" hideInDSM\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\",\n    \"hideInDSM\": true\n  }, \"import React, { useState } from 'react';\\nimport { ConfigProvider, ButtonGroup, Button, Row, Col, 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';\\nimport { IconVigoLogo, IconEdit, IconCamera, IconList, IconSidebar, IconChevronDown } from '@douyinfe/semi-icons';\\n\\nfunction Demo(props = {}) {\\n    const { Option } = Select;\\n    const [direction, setDirection] = useState();\\n    const flexStyle = { display: 'flex', marginBottom: 32, flexWrap: 'wrap' };\\n    const titleStyle = { margin: '50px 0 16px 0' };\\n    const rowStyle = { margin: '16px 10px' };\\n    const badgeStyle = {\\n        width: '42px',\\n        height: '42px',\\n        borderRadius: '4px',\\n        display: 'inline-block',\\n    };\\n    const tagStyle = { marginRight: 8, marginBottom: 8 };\\n    const buttonStyle = { ...tagStyle };\\n    const opts = {\\n        title: 'Hi,Bytedance',\\n        content: 'ies dance dance dance',\\n        duration: 3,\\n        direction,\\n    };\\n    const treeData = [\\n        {\\n            label: '\\u6D59\\u6C5F\\u7701',\\n            value: 'zhejiang',\\n            children: [\\n                {\\n                    label: '\\u676D\\u5DDE\\u5E02',\\n                    value: 'hangzhou',\\n                    children: [\\n                        {\\n                            label: '\\u897F\\u6E56\\u533A',\\n                            value: 'xihu',\\n                        },\\n                        {\\n                            label: '\\u8427\\u5C71\\u533A',\\n                            value: 'xiaoshan',\\n                        },\\n                        {\\n                            label: '\\u4E34\\u5B89\\u533A',\\n                            value: 'linan',\\n                        },\\n                    ],\\n                },\\n                {\\n                    label: '\\u5B81\\u6CE2\\u5E02',\\n                    value: 'ningbo',\\n                    children: [\\n                        {\\n                            label: '\\u6D77\\u66D9\\u533A',\\n                            value: 'haishu',\\n                        },\\n                        {\\n                            label: '\\u6C5F\\u5317\\u533A',\\n                            value: 'jiangbei',\\n                        }\\n                    ]\\n                },\\n            ],\\n        }\\n    ];\\n\\n    return (\\n        <div>\\n            <div style={{ marginBottom: 20 }}>\\n                <ButtonGroup>\\n                    <Button onClick={() => setDirection('ltr')}>LTR</Button>\\n                    <Button onClick={() => setDirection('rtl')}>RTL</Button>\\n                </ButtonGroup>\\n            </div>\\n            <ConfigProvider direction={direction}>\\n                <Row>\\n                    <h3 style={titleStyle}>Buttons</h3>\\n                </Row>\\n                <Row style={rowStyle}>\\n                    <Button loading={true} theme=\\\"solid\\\" style={{ marginRight: 8 }}>\\u52A0\\u8F7D</Button>\\n                    <Button icon={<IconSidebar />} theme=\\\"solid\\\" style={{ marginRight: 8 }}>\\u6536\\u8D77</Button>\\n                    <Button icon={<IconChevronDown />} theme=\\\"solid\\\" iconPosition={\\\"right\\\"} style={{ marginRight: 8 }}>\\u5C55\\u5F00\\u9009\\u9879</Button >\\n                    <br/><br/>\\n                    <ButtonGroup>\\n                        <Button>\\u62F7\\u8D1D</Button>\\n                        <Button>\\u67E5\\u8BE2</Button>\\n                        <Button>\\u526A\\u5207</Button>\\n                    </ButtonGroup>\\n                </Row>\\n                <Row>\\n                    <h3 style={titleStyle}>Input</h3>\\n                </Row>\\n                <Row style={rowStyle} gutter={16}>\\n                    <Col span={12}>\\n                        <Input placeholder='\\u8F93\\u5165\\u6846'></Input>\\n                        <br/><br/>\\n                        <Input disabled placeholder='\\u8F93\\u5165\\u6846'></Input>\\n                        <br/><br/>\\n                        <Input prefix=\\\"Prefix\\\" showClear></Input>\\n                        <br/><br/>\\n                        <Input suffix={<Typography.Text strong type='secondary' style={{ margin: '0 8px' }}>Suffix</Typography.Text>} showClear></Input>\\n                        <br/><br/>\\n                        <TextArea placeholder=\\\"\\u6587\\u672C\\u6846\\\" maxCount={100} />\\n                        <br/><br/>\\n                        <div style={flexStyle}>\\n                            <Switch style={{ marginRight: 8 }} defaultChecked={true}></Switch>\\n                            <Switch style={{ marginRight: 8 }}></Switch>\\n                            <Switch disabled defaultChecked={true} style={{ marginRight: 8 }}></Switch>\\n                        </div>\\n                        <div style={flexStyle}>\\n                            <Checkbox style={{ marginRight: 8 }} defaultChecked>\\u591A\\u9009\\u6846</Checkbox>\\n                            <Checkbox style={{ marginRight: 8 }} disabled defaultChecked>\\u7981\\u7528\\u7684\\u591A\\u9009\\u6846</Checkbox>\\n                            <Checkbox style={{ marginRight: 8 }}>\\u7981\\u7528\\u7684\\u591A\\u9009\\u6846</Checkbox>\\n                        </div>\\n                        <div style={{ ...flexStyle, marginBottom: 0 }}>\\n                            <Radio style={{ marginRight: 8 }} defaultChecked>\\u5355\\u9009\\u6846</Radio>\\n                            <Radio style={{ marginRight: 8 }} disabled defaultChecked>\\u7981\\u7528\\u7684\\u5355\\u9009\\u6846</Radio>\\n                            <Radio style={{ marginRight: 8 }}>\\u7981\\u7528\\u7684\\u5355\\u9009\\u6846</Radio>\\n                        </div>\\n                    </Col>\\n                    <Col span={12}>\\n                        <DatePicker onChange={(date, dateString) => console.log(dateString)} style={{ width: '100%' }}/>\\n                        <br/><br/>\\n                        <TimePicker style={{ width: '100%' }} />\\n                        <br/><br/>\\n                        <Select style={{ width: '100%' }} placeholder=\\\"\\u9009\\u62E9\\u5668-\\u5355\\u9009\\\">\\n                            <Option value='abc'>\\u6296\\u97F3</Option>\\n                            <Option value='hotsoon'>\\u706B\\u5C71</Option>\\n                            <Option value='pipixia' disabled>\\u76AE\\u76AE\\u867E</Option>\\n                            <Option value='xigua'>\\u897F\\u74DC\\u89C6\\u9891</Option>\\n                        </Select>\\n                        <br/><br/>\\n                        <Select disabled style={{ width: '100%' }} placeholder=\\\"\\u9009\\u62E9\\u5668-\\u7981\\u7528\\\">\\n                            <Option value='abc'>\\u6296\\u97F3</Option>\\n                            <Option value='hotsoon'>\\u706B\\u5C71</Option>\\n                            <Option value='pipixia' disabled>\\u76AE\\u76AE\\u867E</Option>\\n                            <Option value='xigua'>\\u897F\\u74DC\\u89C6\\u9891</Option>\\n                        </Select>\\n                        <br/><br/>\\n                        <Select multiple style={{ width: '100%' }} placeholder=\\\"\\u9009\\u62E9\\u5668-\\u591A\\u9009\\\">\\n                            <Option value='abc'>\\u6296\\u97F3</Option>\\n                            <Option value='hotsoon'>\\u706B\\u5C71</Option>\\n                            <Option value='pipixia' disabled>\\u76AE\\u76AE\\u867E</Option>\\n                            <Option value='xigua'>\\u897F\\u74DC\\u89C6\\u9891</Option>\\n                        </Select>\\n                        <br/><br/>\\n                        <Cascader style={{ width: '100%' }} treeData={treeData} placeholder=\\\"\\u7EA7\\u8054\\u9009\\u62E9\\u5668\\\"/>\\n                    </Col>\\n                </Row>\\n                <Row>\\n                    <h3 style={titleStyle}>Navigation</h3>\\n                </Row>\\n                <Row style={rowStyle}>\\n                    <Breadcrumb>\\n                        <Breadcrumb.Item>Semi-ui</Breadcrumb.Item>\\n                        <Breadcrumb.Item>Breadcrumb</Breadcrumb.Item>\\n                        <Breadcrumb.Item>Default</Breadcrumb.Item>\\n                    </Breadcrumb>\\n                    <Nav\\n                        mode={'horizontal'}\\n                        items={[\\n                            { itemKey: 'user', text: 'Option1', icon: <IconEdit /> },\\n                            { itemKey: 'union', text: 'Option2', icon: <IconCamera /> },\\n                            {\\n                                itemKey: 'approve-management',\\n                                text: 'Group3',\\n                                icon: <IconList />,\\n                                items: [\\n                                    '3-1',\\n                                    '3-2'\\n                                ]\\n                            },\\n                        ]}\\n                    />\\n                    <br/><br/>\\n                    <Pagination total={80} showSizeChanger></Pagination>\\n                    <br/>\\n                    <Steps current={1}>\\n                        <Steps.Step title=\\\"Finished\\\" description=\\\"This is a description.\\\" />\\n                        <Steps.Step title=\\\"In Progress\\\" description=\\\"This is a description.\\\" />\\n                        <Steps.Step title=\\\"Waiting\\\" description=\\\"This is a description.\\\" />\\n                    </Steps>\\n                    <br/>\\n                    <Steps current={1} status=\\\"error\\\">\\n                        <Steps.Step title=\\\"Finished\\\" description=\\\"This is a description\\\" />\\n                        <Steps.Step title=\\\"In Process\\\" description=\\\"This is a description\\\" />\\n                        <Steps.Step title=\\\"Waiting\\\" description=\\\"This is a description\\\" />\\n                    </Steps>\\n                </Row>\\n                <Row>\\n                    <h3 style={titleStyle}>Display</h3>\\n                </Row>\\n                <Row style={rowStyle}>\\n                    <div style={{ display: 'flex' }}>\\n                        <div style={{ padding: 8 }}>\\n                            <Badge count={5} theme='solid' >\\n                                <Avatar color='blue' shape='square' style={badgeStyle}>XZ</Avatar>\\n                            </Badge>\\n                        </div>\\n                        <div style={{ padding: 8 }}>\\n                            <Badge count={5} theme='light' >\\n                                <Avatar color='cyan' shape='square' style={badgeStyle}>YB</Avatar>\\n                            </Badge>\\n                        </div>\\n                        <div style={{ padding: 8 }}>\\n                            <Badge count={5} theme='inverted'>\\n                                <Avatar color='indigo' shape='square' style={badgeStyle}>LX</Avatar>\\n                            </Badge>\\n                        </div>\\n                        <div style={{ padding: 8 }}>\\n                            <Badge dot theme='solid' >\\n                                <Avatar color='light-blue' shape='square' style={badgeStyle}>YZ</Avatar>\\n                            </Badge>\\n                        </div>\\n                        <div style={{ padding: 8 }}>\\n                            <Badge dot theme='light' >\\n                                <Avatar color='teal' shape='square' style={badgeStyle}>HW</Avatar>\\n                            </Badge>\\n                        </div>\\n                        <div style={{ padding: '8px', borderRadius: '4px', backgroundColor: 'var(--semi-color-fill-0)' }}>\\n                            <Badge dot theme='inverted'>\\n                                <Avatar color='green' shape='square' style={badgeStyle}>XM</Avatar>\\n                            </Badge>\\n                        </div>\\n                    </div>\\n                    <br/>\\n                    <div>\\n                        <Tag color='grey' style={tagStyle}> grey tag </Tag>\\n                        <Tag color='blue' style={tagStyle}> blue tag </Tag>\\n                        <Tag color='blue' type='ghost' style={tagStyle}> ghost tag </Tag>\\n                        <Tag color='blue' type='solid' style={tagStyle}> solid tag </Tag>\\n                        <Tag color='red' style={tagStyle}> red tag </Tag>\\n                        <Tag color='green' style={tagStyle}> green tag </Tag>\\n                        <Tag color='orange' style={tagStyle}> orange tag </Tag>\\n                        <Tag color='teal' style={tagStyle}> teal tag </Tag>\\n                        <Tag color='violet' style={tagStyle}> violet tag </Tag>\\n                        <Tag color='white' style={tagStyle}> white tag </Tag>\\n                    </div>\\n                    <br/>\\n                    <div style={{ display: 'flex', alignItems: 'center' }}>\\n                        <Popover content={'hi semi-design'} style={{ padding: 8 }}><Tag style={{ marginRight: 8 }}>I am Popover</Tag></Popover>\\n                        <Tooltip content={'hi semi-design'}>\\n                            <Tag style={{ marginRight: 8 }}>I am Tooltip</Tag>\\n                        </Tooltip>\\n                        <Rating defaultValue={3} size='small' style={{ marginRight: 8 }} />\\n                    </div>\\n                    <br/>\\n                    <Timeline>\\n                        <Timeline.Item time='2019-07-14 10:35' type='ongoing'>\\u5BA1\\u6838\\u4E2D</Timeline.Item>\\n                        <Timeline.Item time='2019-06-13 16:17' type='success'>\\u53D1\\u5E03\\u6210\\u529F</Timeline.Item>\\n                        <Timeline.Item time='2019-05-14 18:34' type='error'>\\u5BA1\\u6838\\u5931\\u8D25</Timeline.Item>\\n                    </Timeline>\\n                </Row>\\n                <Row>\\n                    <h3 style={titleStyle}>Feedback</h3>\\n                </Row>\\n                <Row style={rowStyle}>\\n                    <Button type='primary' onClick={() => Notification.success(opts)} style={buttonStyle}>\\u6210\\u529F\\u4FE1\\u606F\\u7684\\u901A\\u77E5</Button>\\n                    <Button onClick={() => Notification.info(opts)} style={buttonStyle}>\\u63D0\\u793A\\u4FE1\\u606F\\u7684\\u901A\\u77E5</Button>\\n                    <Button type=\\\"warning\\\" onClick={() => Notification.warning(opts)} style={buttonStyle}>\\u8B66\\u544A\\u4FE1\\u606F\\u7684\\u901A\\u77E5</Button>\\n                    <Button type=\\\"danger\\\" onClick={() => Notification.error(opts)} style={buttonStyle}>\\u5931\\u8D25\\u4FE1\\u606F\\u7684\\u901A\\u77E5</Button>\\n                    <Button\\n                        style={buttonStyle}\\n                        ghost={false}\\n                        icon={<IconVigoLogo />}\\n                        onClick={() => Notification.info({ ...opts, icon: <IconVigoLogo /> })}\\n                    />\\n                    <Button\\n                        style={buttonStyle}\\n                        ghost={false}\\n                        icon={<IconVigoLogo />}\\n                        onClick={() => Notification.info({ ...opts, icon: <IconVigoLogo style={{ color: 'pink' }} /> })}\\n                    />\\n                    <br/>\\n                    <Button type='primary' onClick={() => Modal.success(opts)} style={buttonStyle}>\\u6210\\u529F\\u4FE1\\u606F\\u7684\\u5F39\\u7A97</Button>\\n                    <Button onClick={() => Modal.info(opts)} style={buttonStyle}>\\u63D0\\u793A\\u4FE1\\u606F\\u7684\\u5F39\\u7A97</Button>\\n                    <Button type=\\\"warning\\\" onClick={() => Modal.warning(opts)} style={buttonStyle}>\\u8B66\\u544A\\u4FE1\\u606F\\u7684\\u5F39\\u7A97</Button>\\n                    <Button type=\\\"danger\\\" onClick={() => Modal.error(opts)} style={buttonStyle}>\\u5931\\u8D25\\u4FE1\\u606F\\u7684\\u5F39\\u7A97</Button>\\n                    <br/>\\n                    <Button type='primary' onClick={() => Toast.success(opts)} style={buttonStyle}>\\u6210\\u529F\\u4FE1\\u606F\\u7684\\u63D0\\u793A</Button>\\n                    <Button onClick={() => Toast.info(opts)} style={buttonStyle}>\\u63D0\\u793A\\u4FE1\\u606F\\u7684\\u63D0\\u793A</Button>\\n                    <Button type=\\\"warning\\\" onClick={() => Toast.warning(opts)} style={buttonStyle}>\\u8B66\\u544A\\u4FE1\\u606F\\u7684\\u63D0\\u793A</Button>\\n                    <Button type=\\\"danger\\\" onClick={() => Toast.error(opts)} style={buttonStyle}>\\u5931\\u8D25\\u4FE1\\u606F\\u7684\\u63D0\\u793A</Button>\\n                    <br/><br/>\\n                    <Spin tip='I am loading...'>\\n                        <div style={{\\n                            backgroundColor: 'var(--semi-color-primary-light-default',\\n                            border: '1px solid var(--semi-color-primary)',\\n                            borderRadius: '4px',\\n                            padding: '16px 10px'\\n                        }}>\\n                            <p>Here are some texts.</p>\\n                            <p>And more texts on the way.</p>\\n                        </div>\\n                    </Spin>\\n                </Row>\\n            </ConfigProvider>\\n        </div>\\n    );\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"direction\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u6587\\u672C\\u7684\\u65B9\\u5411\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ltr\"), \"|\", \" \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"rtl\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ltr\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getPopupContainer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u5B9A\\u7236\\u7EA7 DOM\\uFF0C\\u5F39\\u5C42\\u5C06\\u4F1A\\u6E32\\u67D3\\u81F3\\u8BE5 DOM \\u4E2D\\uFF0C\\u81EA\\u5B9A\\u4E49\\u9700\\u8981\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"position: relative\"), \" \\u8FD9\\u4F1A\\u6539\\u53D8\\u6D6E\\u5C42 DOM \\u6811\\u4F4D\\u7F6E\\uFF0C\\u4F46\\u4E0D\\u4F1A\\u6539\\u53D8\\u89C6\\u56FE\\u6E32\\u67D3\\u4F4D\\u7F6E\\u3002\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function():HTMLElement\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => document.body\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"locale\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u591A\\u8BED\\u8A00\\u914D\\u7F6E\\uFF0C\\u540C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"LocaleProvider\"), \"\\u4E2D\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"locale\"), \"\\u53C2\\u6570\\u7684\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/other/locale#%E4%BD%BF%E7%94%A8\"\n  }, \"\\u7528\\u6CD5\"), \"\\uFF08\\u5982\\u679C\\u540C\\u65F6\\u5728\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ConfigProvider\"), \"\\u548C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"LocaleProvider\"), \"\\u4E2D\\u914D\\u7F6E\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"locale\"), \"\\uFF0C\\u524D\\u8005\\u4F18\\u5148\\u7EA7\\u9AD8\\u4E8E\\u540E\\u8005\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"timeZone\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"#%E6%97%B6%E5%8C%BA%E6%A0%87%E8%AF%86\"\n  }, \"\\u65F6\\u533A\\u6807\\u8BC6\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\", \"|\", \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u65F6\\u533A\\u6807\\u8BC6\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6570\\u5B57\\uFF0C\\u4F8B\\u5982 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"1\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"-9.5\"), \"\\uFF0C\\u4EE3\\u8868\\u8DDD\\u79BB UTC \\u7684\\u65F6\\u95F4\\u504F\\u79FB\\uFF0C\\u5355\\u4F4D\\u4E3A\\u5C0F\\u65F6\\uFF0C\\u53EF\\u4EE5\\u4E3A\\u8D1F\\u6570\\u6216\\u5C0F\\u6570\\uFF1B\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5B57\\u7B26\\u4E32\\uFF0C\\u4F8B\\u5982\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"GMT-09:30\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"GMT+08:00\"), \"\\u8FD9\\u6837\\u7684\\u4EE5 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\\"GMT\\\"\"), \" \\u5F00\\u5934\\u7684\\u8868\\u5F81\\u504F\\u79FB\\u5B57\\u7B26\\u4E32\\uFF0C\\u4E5F\\u53EF\\u4EE5\\u4E3A \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://time.is/time_zones\"\n  }, \"IANA\"), \" \\u6807\\u8BC6\\uFF0C\\u5982\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Asia/Shanghai\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"America/Los_Angeles\"), \"\\u7B49\\u3002\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5F53\\u4F60\\u4F7F\\u7528\\u6570\\u5B57\\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"GMT-09:00\"), \" \\u7C7B\\u4F3C\\u5199\\u6CD5\\u65F6\\uFF0CSemi \\u5185\\u90E8\\u4F1A\\u5C06\\u8FD9\\u4E9B\\u65F6\\u533A\\u6807\\u8BC6\\u8F6C\\u6362\\u4E3A IANA \\u6807\\u8BC6\\u3002\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5982\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"-9\"), \" \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"GMT-09:00\"), \" \\u65F6\\uFF0C\\u4F1A\\u8F6C\\u6362\\u6210 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Pacific/Gambier\"), \"\\u3002\\u67D0\\u4E9B\\u6570\\u5B57\\u5BF9\\u5E94\\u7684 IANA \\u6807\\u8BC6\\u53EF\\u80FD\\u6709\\u591A\\u4E2A\\uFF0CSemi \\u9996\\u9009\\u65E0\\u590F\\u4EE4\\u65F6\\u7684 IANA \\u6807\\u8BC6\\uFF1B\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5982\\u679C\\u8BE5\\u6570\\u5B57\\u6CA1\\u6709\\u5BF9\\u5E94\\u7684\\u65E0\\u590F\\u4EE4\\u65F6 IANA \\u6807\\u8BC6\\uFF0C\\u5982 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"-3.5\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"3.5\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"10.5\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"13.75\"), \"\\uFF0C\\u8FD9\\u65F6\\u6211\\u4EEC\\u6620\\u5C04\\u7684\\u5C31\\u662F\\u4E00\\u4E2A\\u6709\\u590F\\u4EE4\\u65F6\\u7684 IANA \\u6807\\u8BC6\\uFF0C\\u6709\\u590F\\u4EE4\\u65F6\\u7684\\u65F6\\u533A\\u4F1A\\u5728\\u504F\\u79FB\\u91CF\\u4E0A\\u8FDB\\u884C\\u8C03\\u6574\\uFF0C\\u5982 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"-3.5\"), \" \\u4F1A\\u5728\\u8FDB\\u5165\\u590F\\u4EE4\\u65F6\\u540E\\u5728\\u6807\\u51C6\\u65F6\\u95F4\\u4E0A\\u589E\\u52A0 1h\\u3002\"))), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u679C\\u4F60\\u60F3\\u51C6\\u786E\\u8BBE\\u7F6E\\u4E00\\u4E2A\\u5730\\u533A\\u7684\\u65F6\\u533A\\uFF0C\\u63A8\\u8350\\u4F7F\\u7528 IANA \\u6807\\u8BC6\\u800C\\u4E0D\\u662F\\u524D\\u9762\\u7684\\u7528\\u6CD5\\u3002\\u8FD9\\u91CC\\u53EF\\u4EE5\\u67E5\\u770B \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://en.wikipedia.org/wiki/List_of_tz_database_time_zones\"\n  }, \"IANA \\u6807\\u8BC6\\u5217\\u8868\"), \"\\uFF0C\\u4EE5\\u53CA\\u65F6\\u533A\\u662F\\u5426\\u6709\\u590F\\u4EE4\\u65F6\\u3002\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"FAQ\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"ConfigProvider\\u4E2D\\u6CA1\\u6709\\u63D0\\u4F9B\\u5168\\u5C40\\u81EA\\u5B9A\\u4E49prefix classname\\u7684\\u529F\\u80FD\\uFF0C\\u6709\\u7C7B\\u4F3C\\u9700\\u6C42\\u5982\\u4F55\\u5B9E\\u73B0\\uFF08\\u4F8B\\u5982SDK\\u4E2D\\u4F7F\\u7528\\u4E86Semi\\uFF0C\\u671F\\u671B\\u6253\\u5305\\u7684dom\\u6837\\u5F0F\\u4E0D\\u5E26.semi-xx\\u524D\\u7F00\\uFF0C\\u4EE5\\u514D\\u88AB\\u5BBF\\u4E3B\\u7684\\u5168\\u5C40 CSS \\u5F71\\u54CD\\uFF09\\uFF1F\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u7531\\u4E8E prefixCls \\u9700\\u8981\\u540C\\u65F6\\u88AB\\u7EC4\\u4EF6\\u5C42\\u7684 js/css \\u6D88\\u8D39\\uFF0CSemi \\u5C06\\u6B64\\u5F00\\u5173\\u653E\\u5728\\u4E86webpack plugin\\u7684\\u914D\\u7F6E\\u9879\\u4E2D\\uFF0C\\u800C\\u4E0D\\u662F\\u4F5C\\u4E3AConfigProvider\\u7684\\u914D\\u7F6E\\u9879\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5982\\u679C\\u4F60\\u4F7F\\u7528webpack\\uFF0C\\u8BF7\\u5728\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"SemiWebpackPlugin\"), \"\\u7684\\u53C2\\u6570\\u4E2D\\u8FDB\\u884C\\u914D\\u7F6E\")))), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-diff\"\n  }, \"# webpack\\u914D\\u7F6E\\u793A\\u4F8B\\nconst SemiWebpackPlugin = require('@douyinfe/semi-webpack-plugin').default;\\nmodule.exports = {\\n+    plugins: [new SemiWebpackPlugin({ prefixCls: 'imes' })],\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"semiGlobal\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u9664\\u4E86 ConfigProvider\\u5916\\uFF0C\\u4F60\\u8FD8\\u53EF\\u4EE5\\u901A\\u8FC7 semiGlobal \\u914D\\u7F6E\\u8986\\u76D6\\u5168\\u5C40\\u7EC4\\u4EF6\\u7684\\u9ED8\\u8BA4 Props\\u3002\\u8BE5\\u80FD\\u529B\\u5728 v2.59.0\\u540E\\u63D0\\u4F9B    \"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5728 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"semiGlobal.config.overrideDefaultProps\"), \" \\u53EF\\u914D\\u7F6E\\u7EC4\\u4EF6\\u9ED8\\u8BA4 Props\\uFF0C\\u4F60\\u9700\\u8981\\u5C06\\u4F60\\u7684\\u914D\\u7F6E\\u653E\\u5230\\u6574\\u4E2A\\u7AD9\\u70B9\\u7684\\u5165\\u53E3\\u5904\\uFF0C\\u5373\\u4F18\\u5148\\u4E8E\\u6240\\u6709 Semi \\u7EC4\\u4EF6\\u6267\\u884C\\u3002\"), mdx(Notice, {\n    title: \"注意事项\",\n    mdxType: \"Notice\"\n  }, \"semiGlobal \\u662F\\u5355\\u4F8B\\u6A21\\u5F0F\\uFF0C\\u4F1A\\u5F71\\u54CD\\u6574\\u4E2A\\u7AD9\\u70B9\\uFF0C\\u5982\\u679C\\u4F60\\u53EA\\u60F3\\u8986\\u76D6\\u67D0\\u4E9B\\u5730\\u65B9\\u7684\\u67D0\\u4E9B\\u7EC4\\u4EF6 Props \\uFF0C\\u5EFA\\u8BAE\\u4E0D\\u8981\\u4F7F\\u7528 semiGlobal\\uFF0C\\u800C\\u662F\\u5C06\\u5BF9\\u5E94\\u9700\\u8981\\u8986\\u76D6\\u7684\\u7EC4\\u4EF6\\u5C01\\u88C5\\u4E00\\u5C42\\u5E76\\u4F20\\u5165\\u4FEE\\u6539\\u540E\\u7684\\u9ED8\\u8BA4 props\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u6BD4\\u5982\\u4E0B\\u65B9\\u914D\\u7F6E\\u5C31\\u662F\\u5C06\\u6240\\u6709\\u7684 Button \\u9ED8\\u8BA4\\u8BBE\\u7F6E\\u4E3A warning\\uFF0CSelect \\u7684 zIndex \\u9ED8\\u8BA4\\u8BBE\\u7F6E\\u4E3A 2000 \\u7B49\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\"\n  }, \"import { semiGlobal } from \\\"@douiyinfe/semi-ui\\\";\\n\\nsemiGlobal.config.overrideDefaultProps = {\\n    Select: {\\n        zIndex: 2000,\\n    },\\n    Tooltip: {\\n        zIndex: 2001,\\n        trigger: 'click'\\n    },\\n};\\n\\n\"))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/other/configprovider","next":{"fields":{"slug":"en-US/other/locale"},"id":"1b8c75fa-e437-5626-9aa9-16dab28b6bff","frontmatter":{"title":"LocaleProvider","localeCode":"en-US","icon":"doc-i18n","showNew":null}},"previous":{"fields":{"slug":"en-US/other/configprovider"},"id":"0ed872bd-6072-58f1-901c-0f3ec4f219a4","frontmatter":{"title":"ConfigProvider","localeCode":"en-US","icon":"doc-configprovider","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}