{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/plus/hotkeys","result":{"data":{"current":{"frontmatter":{"title":"HotKeys 快捷键","order":33,"brief":"用于方便用户自定义快捷键及相关操作","icon":"doc-configprovider"},"fields":{"type":"plus"},"tableOfContents":{"items":[{"url":"#使用场景","title":"使用场景"},{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#说明","title":"说明"},{"url":"#基本用法","title":"基本用法"},{"url":"#自定义内容","title":"自定义内容"},{"url":"#阻止默认事件","title":"阻止默认事件"},{"url":"#修改监听挂载dom","title":"修改监听挂载DOM"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#hotkeys","title":"HotKeys"}]},{"url":"#设计变量","title":"设计变量"},{"url":"#相关物料","title":"相关物料"}]},"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\": 33,\n  \"category\": \"Plus\",\n  \"title\": \"HotKeys 快捷键\",\n  \"icon\": \"doc-configprovider\",\n  \"width\": \"60%\",\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 DesignToken = makeShortcode(\"DesignToken\");\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  }, \"\\u9700\\u8981\\u5411\\u7528\\u6237\\u8868\\u8FBE\\u5FEB\\u6377\\u952E\\u7EC4\\u5408\\u7684\\u4F7F\\u7528\\u65B9\\u5F0F\\u65F6\\uFF0C\\u4F7F\\u7528 Hotkeys \\u7EC4\\u4EF6\\u53EF\\u5FEB\\u901F\\u6E32\\u67D3\\u51FA\\u5BF9\\u5E94\\u7684 UI \\u5143\\u7D20\\u4E14\\u81EA\\u52A8\\u83B7\\u5F97\\u4E8B\\u4EF6\\u7ED1\\u5B9A\")), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"HotKeys \\u4ECE 2.66.0 \\u5F00\\u59CB\\u652F\\u6301\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"import\",\n    \"import\": true\n  }, \"import { HotKeys } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8BF4\\u660E\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5FEB\\u6377\\u952E\\u4EC5\\u652F\\u6301\\u4FEE\\u9970\\u952E\\u7EC4\\u5408\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Shift\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Control\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Meta\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Alt\"), \"\\u4E0E\\u5176\\u4ED6\\u952E\\u7684\\u7EC4\\u5408\\u3002\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/metaKey\"\n  }, \"Meta\"), \" \\u5728MacOS\\u4E2D\\u4E3A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Command\"), \"\\uFF0C\\u5728Windows\\u4E2D\\u4E3A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Win\"))), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5F53\\u8BBE\\u5B9A\\u5FEB\\u6377\\u952E\\u4E0E\\u5E38\\u7528\\u5FEB\\u6377\\u952E\\u5982\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Ctrl/Meta + C\"), \"\\u76F8\\u540C\\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u8BBE\\u7F6E\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"preventDefault\"), \"\\u63A7\\u5236\\u9ED8\\u8BA4\\u4E8B\\u4EF6\\u662F\\u5426\\u89E6\\u53D1\\u3002\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u4F7F\\u7528\\uFF0C\\u901A\\u8FC7\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"hotKeys\"), \"\\u4F20\\u5165\\u5FEB\\u6377\\u952E\\u7EC4\\u5408\\uFF0C\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onHotKey\"), \" \\u7ED1\\u5B9A\\u5FEB\\u6377\\u952E\\u5904\\u7406\\u51FD\\u6570\\uFF0C\\u4F5C\\u51FA\\u54CD\\u5E94\\u52A8\\u4F5C\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u6309\\u4E0B Ctrl + Shift + A\\uFF0C \\u5524\\u8D77modal\\u3002\\u9ED8\\u8BA4\\u5728 body.document \\u76D1\\u542C\\uFF0C\\u5168\\u5C40\\u751F\\u6548\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\"\n  }, \"hotKeys\\u53D6\\u503C\\u53C2\\u8003\"), \"\\uFF0C\\u4E5F\\u53EF\\u4EE5\\u4F7F\\u7528\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"HotKeys.Keys\"), \"\\u8FDB\\u884C\\u8BBE\\u7F6E\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState } from 'react';\\nimport { HotKeys, Modal } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const [visible, setVisible] = useState(false);\\n    const showDialog = () => {\\n        setVisible(true);\\n    };\\n    const handleOk = () => {\\n        setVisible(false);\\n    };\\n    const handleCancel = () => {\\n        setVisible(false);\\n    };\\n    const hotKeys = [HotKeys.Keys.Control, 'Shift', HotKeys.Keys.A];\\n  \\n    return (\\n        <div>\\n            <HotKeys hotKeys={hotKeys} onHotKey={showDialog} ></HotKeys>\\n            <Modal\\n                title=\\\"Dialog\\\"\\n                visible={visible}\\n                onOk={handleOk}\\n                onCancel={handleCancel}\\n            >\\n                This is the Modal opened by hotkey: {hotKeys.join('+')}.\\n            </Modal>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\\u5185\\u5BB9\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"content\"), \"\\u4F20\\u5165\\u6E32\\u67D3\\u7684\\u5B57\\u7B26\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState } from 'react';\\nimport { HotKeys, Modal } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const [visible, setVisible] = useState(false);\\n    const showDialog = () => {\\n        setVisible(true);\\n    };\\n    const handleOk = () => {\\n        setVisible(false);\\n    };\\n    const handleCancel = () => {\\n        setVisible(false);\\n    };\\n    const hotKeys = [HotKeys.Keys.Control, 'Shift', HotKeys.Keys.B];\\n  \\n    return (\\n        <div>\\n            <HotKeys hotKeys={hotKeys} onHotKey={showDialog} content={['Ctrl', 'Shift', 'B']}></HotKeys>\\n            <Modal\\n                title=\\\"Dialog\\\"\\n                visible={visible}\\n                onOk={handleOk}\\n                onCancel={handleCancel}\\n            >\\n                This is the Modal opened by hotkey: {hotKeys.join('+')}.\\n            </Modal>\\n        </div>\\n    );\\n}\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"render\"), \"\\u4F20\\u5165\\u4EE3\\u66FF\\u6E32\\u67D3\\u7684\\u5143\\u7D20\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState } from 'react';\\nimport { HotKeys, Modal, Tag } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const [visible, setVisible] = useState(false);\\n    const showDialog = () => {\\n        setVisible(true);\\n    };\\n    const handleOk = () => {\\n        setVisible(false);\\n    };\\n    const handleCancel = () => {\\n        setVisible(false);\\n    };\\n    const hotKeys = [HotKeys.Keys.Control, HotKeys.Keys.R];\\n  \\n    const newHotKeys = <Tag>Press Ctrl+R to Open Modal</Tag>;\\n    return (\\n        <div>\\n            <HotKeys hotKeys={hotKeys} onHotKey={showDialog} render={newHotKeys}></HotKeys>\\n            <Modal\\n                title=\\\"Dialog\\\"\\n                visible={visible}\\n                onOk={handleOk}\\n                onCancel={handleCancel}\\n            >\\n                This is the Modal opened by hotkey: {hotKeys.join('+')}.\\n            </Modal>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u963B\\u6B62\\u9ED8\\u8BA4\\u4E8B\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"preventDefault\"), \"\\u63A7\\u5236\\u9ED8\\u8BA4\\u4E8B\\u4EF6\\u662F\\u5426\\u89E6\\u53D1\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState } from 'react';\\nimport { HotKeys, Modal } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const [visible, setVisible] = useState(false);\\n    const showDialog = () => {\\n        setVisible(true);\\n    };\\n    const handleOk = () => {\\n        setVisible(false);\\n    };\\n    const handleCancel = () => {\\n        setVisible(false);\\n    };\\n    const hotKeys = [HotKeys.Keys.Meta, HotKeys.Keys.S];\\n\\n    return (\\n        <div>\\n            <HotKeys hotKeys={hotKeys} onHotKey={showDialog} preventDefault></HotKeys>\\n            <br />\\n            <HotKeys hotKeys={[HotKeys.Keys.Control, HotKeys.Keys.S]} onHotKey={showDialog} preventDefault></HotKeys>\\n            <Modal\\n                title=\\\"Dialog\\\"\\n                visible={visible}\\n                onOk={handleOk}\\n                onCancel={handleCancel}\\n            >\\n                This is the Modal opened by hotkey: {'Meta/Control + S'}.\\n            </Modal>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u4FEE\\u6539\\u76D1\\u542C\\u6302\\u8F7DDOM\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5FEB\\u6377\\u952E\\u9ED8\\u8BA4\\u5728 body \\u76D1\\u542C\\uFF0C\\u901A\\u8FC7\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"getListenerTarget\"), \"\\u4FEE\\u6539\\u5FEB\\u6377\\u952E\\u76D1\\u542C\\u6302\\u8F7D\\u7684DOM\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState, useRef } from 'react';\\nimport { HotKeys, Input, Modal } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const hotKeys = [\\\"Control\\\", \\\"q\\\"];\\n    const [visible, setVisible] = useState(false);\\n    const showDialog = () => {\\n        setVisible(true);\\n    };\\n    const handleOk = () => {\\n        setVisible(false);\\n    };\\n    const handleCancel = () => {\\n        setVisible(false);\\n    };\\n\\n    const inputRef = useRef(null);\\n    return (\\n        <div>\\n            <Input ref={inputRef} placeholder='test for target'></Input>\\n            <HotKeys hotKeys={hotKeys} onHotKey={showDialog} \\n                getListenerTarget={() => inputRef.current}>\\n            </HotKeys>\\n            <Modal\\n                title=\\\"Dialog\\\"\\n                visible={visible}\\n                onOk={handleOk}\\n                onCancel={handleCancel}\\n            >\\n                This is the Modal opened by hotkey: {hotKeys.join('+')}.\\n            </Modal>\\n        </div>\\n    );\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"HotKeys\"), 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  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"content\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u663E\\u793A\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string[]\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getListenerTarget\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7528\\u4E8E\\u8BBE\\u7F6E\\u76D1\\u542C\\u5668\\u6302\\u8F7D\\u7684DOM\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => 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  }, \"hotKeys\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u5FEB\\u6377\\u952E\\u7EC4\\u5408\\uFF0C\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\"\n  }, \"\\u53D6\\u503C\\u53C2\\u8003\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"KeyboardEvent.key[]\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onClick\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u70B9\\u51FB\\u56DE\\u8C03\\u51FD\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onHotKey\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5FEB\\u6377\\u952E\\u56DE\\u8C03\\u51FD\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e: KeyboardEvent) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"preventDefault\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u963B\\u6B62\\u5FEB\\u6377\\u952E\\u9ED8\\u8BA4\\u884C\\u4E3A\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"render\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8986\\u76D6\\u7EC4\\u4EF6\\u6E32\\u67D3\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => ReactNode \", \"|\", \" ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n    mdxType: \"DesignToken\"\n  })), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u76F8\\u5173\\u7269\\u6599\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"semi-material-list\", {\n    code: \"46\"\n  }))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/plus/hotkeys","next":{"fields":{"slug":"en-US/plus/lottie"},"id":"de0b81e0-360f-5e0d-b57e-d2bd27bc75c5","frontmatter":{"title":"Lottie Animation","localeCode":"en-US","icon":"doc-lottie","showNew":null}},"previous":{"fields":{"slug":"en-US/plus/hotkeys"},"id":"5ef428c9-044c-5e4b-8eb0-6e5129258e73","frontmatter":{"title":"HotKeys","localeCode":"en-US","icon":"doc-configprovider","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}