{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/start/overview","result":{"data":{"current":{"frontmatter":{"title":"Overview 组件总览","order":10,"brief":"基于Semi 设计语言开发，能够在线调试的React UI 桌面端组件库，提供 80+ 标准组件，帮助开发者高效构建应用","icon":"doc-overview"},"fields":{"type":"start"},"tableOfContents":{"items":[{"url":"#基础","title":"基础"},{"url":"#ai-组件","title":"AI 组件"},{"url":"#plus-组件","title":"Plus 组件"},{"url":"#输入类","title":"输入类"},{"url":"#导航类","title":"导航类"},{"url":"#展示类","title":"展示类"},{"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  \"category\": \"开始\",\n  \"title\": \"Overview 组件总览\",\n  \"icon\": \"doc-overview\",\n  \"localeCode\": \"zh-CN\",\n  \"order\": 10,\n  \"brief\": \"基于Semi 设计语言开发，能够在线调试的React UI 桌面端组件库，提供 80+ 标准组件，帮助开发者高效构建应用\"\n};\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  }, \"\\u57FA\\u7840\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Divider \\u5206\\u5272\\u7EBF,\\nGrid \\u6805\\u683C,\\nIcon \\u56FE\\u6807,\\nLayout \\u5E03\\u5C40,\\nSpace \\u95F4\\u8DDD,\\nTypography \\u7248\\u5F0F,\\nFloatButton \\u60AC\\u6D6E\\u6309\\u94AE\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"AI \\u7EC4\\u4EF6\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"AIIcon \\u56FE\\u6807,\\nAIButton \\u6309\\u94AE,\\nAITag \\u6807\\u7B7E,\\nAIFloatButton \\u60AC\\u6D6E\\u6309\\u94AE,\\nAIChatInput \\u804A\\u5929\\u8F93\\u5165\\u6846,\\nAIChatDialogue AI \\u5BF9\\u8BDD\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Plus \\u7EC4\\u4EF6\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"CodeHighlight \\u4EE3\\u7801\\u9AD8\\u4EAE,\\nMarkdown \\u6E32\\u67D3\\u5668,\\nLottie \\u52A8\\u753B,\\nChat \\u5BF9\\u8BDD,\\nHotKeys \\u5FEB\\u6377\\u952E,\\nDragMove \\u62D6\\u62FD\\u79FB\\u52A8,\\nJsonViewer Json\\u7F16\\u8F91\\u5668,\\nAudioPlayer \\u97F3\\u9891\\u64AD\\u653E\\u5668,\\nVideoPlayer \\u89C6\\u9891\\u64AD\\u653E\\u5668\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8F93\\u5165\\u7C7B\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"AutoComplete \\u81EA\\u52A8\\u5B8C\\u6210,\\nCascader \\u7EA7\\u8054\\u9009\\u62E9,\\nButton \\u6309\\u94AE,\\nCheckbox \\u590D\\u9009\\u6846,\\nDatePicker \\u65E5\\u671F\\u9009\\u62E9\\u5668,\\nForm \\u8868\\u5355,\\nInput \\u8F93\\u5165\\u6846,\\nInputNumber \\u6570\\u5B57\\u8F93\\u5165\\u6846,\\nPinCode \\u9A8C\\u8BC1\\u7801\\u8F93\\u5165,\\nRadio \\u5355\\u9009\\u6846,\\nRating \\u8BC4\\u5206,\\nSelect \\u9009\\u62E9\\u5668,\\nSlider \\u6ED1\\u52A8\\u9009\\u62E9\\u5668,\\nSwitch \\u5F00\\u5173,\\nTagInput \\u6807\\u7B7E\\u8F93\\u5165\\u6846,\\nTimePicker \\u65F6\\u95F4\\u9009\\u62E9\\u5668,\\nTransfer \\u7A7F\\u68AD\\u6846,\\nTreeSelect \\u6811\\u9009\\u62E9\\u5668,\\nUpload \\u4E0A\\u4F20\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u5BFC\\u822A\\u7C7B\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Anchor \\u951A\\u70B9,\\nBackTop \\u56DE\\u5230\\u9876\\u90E8,\\nBreadcrumb \\u9762\\u5305\\u5C51,\\nNavigation \\u5BFC\\u822A,\\nPagination \\u7FFB\\u9875\\u5668,\\nSteps \\u6B65\\u9AA4,\\nTabs \\u6807\\u7B7E\\u680F,\\nTree \\u6811\\u5F62\\u63A7\\u4EF6\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u5C55\\u793A\\u7C7B\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Avatar \\u5934\\u50CF,\\nBadge \\u5FBD\\u7AE0,\\nCalendar \\u65E5\\u5386,\\nCard \\u5361\\u7247,\\nCarousel \\u8F6E\\u64AD\\u56FE,\\nCollapse \\u6298\\u53E0\\u9762\\u677F,\\nCollapsible \\u6298\\u53E0,\\nDescriptions \\u63CF\\u8FF0\\u5217\\u8868,\\nDropdown \\u4E0B\\u62C9\\u6846,\\nEmpty \\u7A7A\\u72B6\\u6001,\\nHighlight \\u9AD8\\u4EAE\\u6587\\u672C,\\nImage \\u56FE\\u7247,\\nCropper \\u56FE\\u7247\\u88C1\\u5207,\\nList \\u5217\\u8868,\\nModal \\u6A21\\u6001\\u5BF9\\u8BDD\\u6846,\\nOverflowList \\u6298\\u53E0\\u5217\\u8868,\\nPopover \\u6C14\\u6CE1\\u5361\\u7247,\\nScrollList \\u6EDA\\u52A8\\u5217\\u8868,\\nSideSheet \\u6ED1\\u52A8\\u4FA7\\u8FB9\\u680F,\\nTable \\u8868\\u683C,\\nTag \\u6807\\u7B7E,\\nTimeline \\u65F6\\u95F4\\u8F74,\\nTooltip \\u5DE5\\u5177\\u63D0\\u793A,\\nUserGuide \\u7528\\u6237\\u5F15\\u5BFC,\\nVChart \\u56FE\\u8868\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u53CD\\u9988\\u7C7B\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"Banner \\u901A\\u77E5\\u6A2A\\u5E45,\\nNotification \\u901A\\u77E5,\\nFeedback \\u53CD\\u9988,\\nPopconfirm \\u6C14\\u6CE1\\u786E\\u8BA4\\u6846,\\nProgress \\u8FDB\\u5EA6\\u6761,\\nSkeleton \\u9AA8\\u67B6\\u5C4F,\\nSpin \\u52A0\\u8F7D\\u5668,\\nToast \\u63D0\\u793A\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u5176\\u4ED6\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-overview\"\n  }, \"ConfigProvider \\u5168\\u5C40\\u914D\\u7F6E,\\nLocaleProvider \\u591A\\u8BED\\u8A00\\n\"))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/start/overview","next":{"fields":{"slug":"en-US/start/mcp-skills"},"id":"14156062-b38f-5f19-aa88-8b4af6f3689a","frontmatter":{"title":"AI Agent MCP/Skills","localeCode":"en-US","icon":"doc-mcp","showNew":true}},"previous":{"fields":{"slug":"en-US/start/overview"},"id":"09db6504-98d6-5f02-9456-57fc5ef6ab4b","frontmatter":{"title":"Overview","localeCode":"en-US","icon":"doc-overview","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}