{"componentChunkName":"component---antv-gatsby-theme-antv-site-templates-pro-tsx","path":"/zh/procmp/general/typography","result":{"data":{"site":{"siteMetadata":{"title":"Choerodon UI","githubUrl":"https://github.com/open-hand/choerodon-ui","procmp":[{"slug":"configure","icon":null,"title":{"zh":"Configure","en":"Configure"}},{"slug":"dataset","icon":null,"title":{"zh":"DataSet","en":"DataSet"}},{"slug":"abstract","icon":null,"title":{"zh":"Abstract","en":"Abstract"}},{"slug":"general","icon":null,"title":{"zh":"General","en":"General"}},{"slug":"data-display","icon":null,"title":{"zh":"data-display","en":"data-display"}},{"slug":"feedback","icon":null,"title":{"zh":"Feedback","en":"Feedback"}},{"slug":"navigation","icon":null,"title":{"zh":"Navigation","en":"Navigation"}},{"slug":"data-entry","icon":null,"title":{"zh":"data-entry","en":"data-entry"}},{"slug":"other","icon":null,"title":{"zh":"Other","en":"Other"}},{"slug":"layout","icon":null,"title":{"zh":"Layout","en":"Layout"}}],"playground":{"container":null,"playgroundDidMount":"","playgroundWillUnmount":"","dependencies":null,"htmlCodeTemplate":null}},"pathPrefix":"/choerodon-ui"},"allMarkdownRemark":{"edges":[{"node":{"fields":{"slug":"/en/procmp/data-display/output"},"frontmatter":{"title":"Output","subtitle":"Text Display","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/output/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/board"},"frontmatter":{"title":"Board","subtitle":"Board","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/board/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/board"},"frontmatter":{"title":"Board","subtitle":"看板","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/board/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/output"},"frontmatter":{"title":"Output","subtitle":"文本展示","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/output/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/performance-table"},"frontmatter":{"title":"PerformanceTable","subtitle":"大数据表格","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/performance-table/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/performance-table"},"frontmatter":{"title":"PerformanceTable","subtitle":"Big Data Table","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/performance-table/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/table"},"frontmatter":{"title":"Table","subtitle":"Table","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/table/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/tooltip"},"frontmatter":{"title":"Tooltip","subtitle":"Tooltip","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tooltip/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/tree"},"frontmatter":{"title":"Tree","subtitle":"Tree","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tree/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/table"},"frontmatter":{"title":"Table","subtitle":"表格","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/table/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/tooltip"},"frontmatter":{"title":"Tooltip","subtitle":"文字提示","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tooltip/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/auto-complete"},"frontmatter":{"title":"AutoComplete","subtitle":"Auto Complete","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/auto-complete/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/cascader"},"frontmatter":{"title":"Cascader","subtitle":"级联选择","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/cascader/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/cascader"},"frontmatter":{"title":"Cascader","subtitle":"Cascading Selection","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/cascader/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/auto-complete"},"frontmatter":{"title":"AutoComplete","subtitle":"自动补全","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/auto-complete/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/check-box"},"frontmatter":{"title":"CheckBox","subtitle":"Checkbox","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/check-box/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/check-box"},"frontmatter":{"title":"CheckBox","subtitle":"多选框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/check-box/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/attachment"},"frontmatter":{"title":"Attachment","subtitle":"附件","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/attachment/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/attachment"},"frontmatter":{"title":"Attachment","subtitle":"Attachment","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/attachment/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/code-area"},"frontmatter":{"title":"CodeArea","subtitle":"Code Area","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/code-area/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/code-area"},"frontmatter":{"title":"CodeArea","subtitle":"代码域","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/code-area/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/color-picker"},"frontmatter":{"title":"ColorPicker","subtitle":"颜色选择器","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/color-picker/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/color-picker"},"frontmatter":{"title":"ColorPicker","subtitle":"Color Picker","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/color-picker/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/currency"},"frontmatter":{"title":"Currency","subtitle":"Currency Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/currency/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/currency"},"frontmatter":{"title":"Currency","subtitle":"货币输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/currency/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/date-picker"},"frontmatter":{"title":"DatePicker","subtitle":"Date Picker","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/date-picker/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/email-field"},"frontmatter":{"title":"EmailField","subtitle":"Email Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/email-field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/email-field"},"frontmatter":{"title":"EmailField","subtitle":"电子邮件输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/email-field/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/form"},"frontmatter":{"title":"Form","subtitle":"Form","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/form/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/date-picker"},"frontmatter":{"title":"DatePicker","subtitle":"日期选择框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/date-picker/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/mentions"},"frontmatter":{"title":"Mentions","subtitle":"提及","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/mentions/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/file-upload"},"frontmatter":{"title":"Upload","subtitle":"Upload","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/mentions"},"frontmatter":{"title":"Mentions","subtitle":"Mentions","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/mentions/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/form"},"frontmatter":{"title":"Form","subtitle":"表单","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/form/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/file-upload"},"frontmatter":{"title":"Upload","subtitle":"上传","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/lov"},"frontmatter":{"title":"Lov","subtitle":"Popup Selection Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/lov/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/lov"},"frontmatter":{"title":"Lov","subtitle":"弹出选择输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/lov/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/intl-field"},"frontmatter":{"title":"IntlField","subtitle":"Multi-Language Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/intl-field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/intl-field"},"frontmatter":{"title":"IntlField","subtitle":"多语言输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/intl-field/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/icon-picker"},"frontmatter":{"title":"IconPicker","subtitle":"图标选择框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/icon-picker/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/password"},"frontmatter":{"title":"Password","subtitle":"Password Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/password/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/number-field"},"frontmatter":{"title":"NumberField","subtitle":"Number Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/number-field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/password"},"frontmatter":{"title":"Password","subtitle":"密码输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/password/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/icon-picker"},"frontmatter":{"title":"IconPicker","subtitle":"Icon Picker","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/icon-picker/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/number-field"},"frontmatter":{"title":"NumberField","subtitle":"数字输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/number-field/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/picture"},"frontmatter":{"title":"Picture","subtitle":"Picture","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/picture/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/picture"},"frontmatter":{"title":"Picture","subtitle":"图片","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/picture/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/rate"},"frontmatter":{"title":"Rate","subtitle":"Rating","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rate/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/rate"},"frontmatter":{"title":"Rate","subtitle":"评分","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rate/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/range"},"frontmatter":{"title":"Range","subtitle":"Slider","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/range/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/radio"},"frontmatter":{"title":"Radio","subtitle":"Radio Button","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/radio/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/range"},"frontmatter":{"title":"Range","subtitle":"滑块","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/range/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/radio"},"frontmatter":{"title":"Radio","subtitle":"单选框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/radio/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/rich-text"},"frontmatter":{"title":"RichText","subtitle":"Rich Text Editor","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rich-text/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/secret-field"},"frontmatter":{"title":"SecretField","subtitle":"Desensitization Component","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/secret-field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/tree"},"frontmatter":{"title":"Tree","subtitle":"树形控件","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tree/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/screening"},"frontmatter":{"title":"Screening","subtitle":"Screening Control","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/screening/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/select"},"frontmatter":{"title":"Select","subtitle":"Dropdown Select","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/screening"},"frontmatter":{"title":"Screening","subtitle":"筛选控件","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/screening/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/select"},"frontmatter":{"title":"Select","subtitle":"下拉选择框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/switch"},"frontmatter":{"title":"Switch","subtitle":"Switch","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/switch/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/secret-field"},"frontmatter":{"title":"SecretField","subtitle":"脱敏组件","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/secret-field/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/switch"},"frontmatter":{"title":"Switch","subtitle":"开关","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/switch/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/text-field"},"frontmatter":{"title":"TextField","subtitle":"文本输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-field/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/select-box"},"frontmatter":{"title":"SelectBox","subtitle":"平铺选择框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select-box/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/text-field"},"frontmatter":{"title":"TextField","subtitle":"Text Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-field/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/select-box"},"frontmatter":{"title":"SelectBox","subtitle":"Tiled Selection Box","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select-box/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/text-area"},"frontmatter":{"title":"TextArea","subtitle":"Text Area","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-area/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/transfer"},"frontmatter":{"title":"Transfer","subtitle":"穿梭框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/transfer/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/text-area"},"frontmatter":{"title":"TextArea","subtitle":"文本域","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-area/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/transfer"},"frontmatter":{"title":"Transfer","subtitle":"Transfer Box","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/transfer/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/tree-select"},"frontmatter":{"title":"TreeSelect","subtitle":"Tree Select","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/tree-select/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/url-field"},"frontmatter":{"title":"UrlField","subtitle":"URL Input Field","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/url-field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/tree-select"},"frontmatter":{"title":"TreeSelect","subtitle":"树选择","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/tree-select/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/url-field"},"frontmatter":{"title":"UrlField","subtitle":"Url输入框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/url-field/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/general/button"},"frontmatter":{"title":"Button","subtitle":"Button","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/button/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/general/button"},"frontmatter":{"title":"Button","subtitle":"按钮","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/button/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/modal"},"frontmatter":{"title":"Modal","subtitle":"Modal Dialog","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/modal"},"frontmatter":{"title":"Modal","subtitle":"模态框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/modal-provider"},"frontmatter":{"title":"ModalProvider","subtitle":"模态框提供者","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal-provider/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/spin"},"frontmatter":{"title":"Spin","subtitle":"加载中","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/spin/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/skeleton"},"frontmatter":{"title":"Skeleton","subtitle":"Skeleton Screen","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/skeleton/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/modal-provider"},"frontmatter":{"title":"ModalProvider","subtitle":"Modal Provider","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal-provider/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/progress"},"frontmatter":{"title":"Progress","subtitle":"Progress Bar","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/progress/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/skeleton"},"frontmatter":{"title":"Skeleton","subtitle":"骨架屏","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/skeleton/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/navigation/dropdown"},"frontmatter":{"title":"Dropdown","subtitle":"Dropdown Menu","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/dropdown/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/navigation/dropdown"},"frontmatter":{"title":"Dropdown","subtitle":"下拉菜单","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/dropdown/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/navigation/pagination"},"frontmatter":{"title":"Pagination","subtitle":"Pagination","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/pagination/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/progress"},"frontmatter":{"title":"Progress","subtitle":"进度条","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/progress/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/navigation/pagination"},"frontmatter":{"title":"Pagination","subtitle":"分页","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/pagination/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/spin"},"frontmatter":{"title":"Spin","subtitle":"Spin","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/spin/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/navigation/segmented"},"frontmatter":{"title":"Segmented","subtitle":"Segmented Control","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/segmented/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/navigation/segmented"},"frontmatter":{"title":"Segmented","subtitle":"分段控制器","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/segmented/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/configure/configure"},"frontmatter":{"title":"Configure","subtitle":"Global Configuration","order":0,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"configure/configure/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/dataset/dataset-example"},"frontmatter":{"title":"DataSet Example","subtitle":"Data Source Example","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"dataset/dataset-example/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/dataset/dataset-example"},"frontmatter":{"title":"DataSet Example","subtitle":"数据源示例","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"dataset/dataset-example/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/configure/configure"},"frontmatter":{"title":"Configure","subtitle":"全局化配置","order":0,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"configure/configure/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/rich-text"},"frontmatter":{"title":"RichText","subtitle":"富文本编辑器","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rich-text/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/notification"},"frontmatter":{"title":"Notification","subtitle":"Notification","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/notification/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/alert"},"frontmatter":{"title":"Alert","subtitle":"警告提示","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/alert/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/notification"},"frontmatter":{"title":"Notification","subtitle":"通知提醒框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/notification/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/alert"},"frontmatter":{"title":"Alert","subtitle":"Alert","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/alert/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/message"},"frontmatter":{"title":"Message","subtitle":"Message","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/message/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/popconfirm"},"frontmatter":{"title":"Popconfirm","subtitle":"Popconfirm","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/popconfirm/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/popconfirm"},"frontmatter":{"title":"Popconfirm","subtitle":"气泡确认框","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/popconfirm/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/message"},"frontmatter":{"title":"Message","subtitle":"全局提示","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/message/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/layout/layout"},"frontmatter":{"title":"Layout","subtitle":"Layout","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/layout/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/layout/layout"},"frontmatter":{"title":"Layout","subtitle":"布局","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/layout/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/result"},"frontmatter":{"title":"Result","subtitle":"结果","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/result/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/result"},"frontmatter":{"title":"Result","subtitle":"Result","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/result/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/avatar"},"frontmatter":{"title":"Avatar","subtitle":"头像","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/avatar/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/layout/grid"},"frontmatter":{"title":"Grid","subtitle":"栅格","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/grid/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/layout/grid"},"frontmatter":{"title":"Grid","subtitle":"Grid","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/grid/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/responsive"},"frontmatter":{"title":"Responsive","subtitle":"Responsive component","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/responsive/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/list"},"frontmatter":{"title":"List","subtitle":"List","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/list/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/avatar"},"frontmatter":{"title":"Avatar","subtitle":"Profile Picture","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/avatar/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/responsive"},"frontmatter":{"title":"Responsive","subtitle":"响应式组件","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/responsive/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/card"},"frontmatter":{"title":"Card","subtitle":"卡片","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/card/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/statistic"},"frontmatter":{"title":"Statistic","subtitle":"数值统计","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/statistic/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/list"},"frontmatter":{"title":"List","subtitle":"列表","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/list/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/card"},"frontmatter":{"title":"Card","subtitle":"Card","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/card/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/badge"},"frontmatter":{"title":"Badge","subtitle":"徽标数","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/badge/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/statistic"},"frontmatter":{"title":"Statistic","subtitle":"Numerical statistics","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/statistic/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/carousel"},"frontmatter":{"title":"Carousel","subtitle":"revolving lantern","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/carousel/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/carousel"},"frontmatter":{"title":"Carousel","subtitle":"走马灯","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/carousel/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/collapse"},"frontmatter":{"title":"Collapse","subtitle":"Foldable panel","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/collapse/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/badge"},"frontmatter":{"title":"Badge","subtitle":"Badge","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/badge/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/bar-code"},"frontmatter":{"title":"BarCode","subtitle":"Barcode","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/bar-code/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/bar-code"},"frontmatter":{"title":"BarCode","subtitle":"条码","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/bar-code/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/collapse"},"frontmatter":{"title":"Collapse","subtitle":"折叠面板","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/collapse/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/tag"},"frontmatter":{"title":"Tag","subtitle":"标签","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tag/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/tag"},"frontmatter":{"title":"Tag","subtitle":"Tag","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tag/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/tabs"},"frontmatter":{"title":"Tabs","subtitle":"标签页","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tabs/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/back-top"},"frontmatter":{"title":"BackTop","subtitle":"Back to Top","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/back-top/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/popover"},"frontmatter":{"title":"Popover","subtitle":"Popover","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/popover/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/popover"},"frontmatter":{"title":"Popover","subtitle":"气泡卡片","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/popover/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/tabs"},"frontmatter":{"title":"Tabs","subtitle":"Tabs","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tabs/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/back-top"},"frontmatter":{"title":"BackTop","subtitle":"回到顶部","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/back-top/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/calendar"},"frontmatter":{"title":"Calendar","subtitle":"日历","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/calendar/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/locale-provider"},"frontmatter":{"title":"LocaleProvider","subtitle":"Internationalization","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/locale-provider/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-entry/file-upload"},"frontmatter":{"title":"Upload","subtitle":"Upload","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/calendar"},"frontmatter":{"title":"Calendar","subtitle":"Calendar","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/calendar/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-entry/file-upload"},"frontmatter":{"title":"Upload","subtitle":"上传","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/animate"},"frontmatter":{"title":"Animate","subtitle":"Animation","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/animate/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/animate"},"frontmatter":{"title":"Animate","subtitle":"动画","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/animate/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/locale-provider"},"frontmatter":{"title":"LocaleProvider","subtitle":"国际化","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/locale-provider/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/anchor"},"frontmatter":{"title":"Anchor","subtitle":"锚点","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/anchor/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/anchor"},"frontmatter":{"title":"Anchor","subtitle":"Anchor","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/anchor/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/timeline"},"frontmatter":{"title":"Timeline","subtitle":"时间轴","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/timeline/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/timeline"},"frontmatter":{"title":"Timeline","subtitle":"Timeline","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/timeline/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/divider"},"frontmatter":{"title":"Divider","subtitle":"Divider","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/divider/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/menu"},"frontmatter":{"title":"Menu","subtitle":"Navigation Menu","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/menu/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/menu"},"frontmatter":{"title":"Menu","subtitle":"导航菜单","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/menu/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/divider"},"frontmatter":{"title":"Divider","subtitle":"分割线","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/divider/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-entry/image-crop"},"frontmatter":{"title":"ImageCrop","subtitle":"Image Cropping","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/image-crop/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/breadcrumb"},"frontmatter":{"title":"Breadcrumb","subtitle":"Breadcrumb","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/breadcrumb/index.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/affix"},"frontmatter":{"title":"Affix","subtitle":"Affix","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/affix/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-entry/image-crop"},"frontmatter":{"title":"ImageCrop","subtitle":"图片裁剪","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/image-crop/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/steps"},"frontmatter":{"title":"Steps","subtitle":"Step bar","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/steps/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/affix"},"frontmatter":{"title":"Affix","subtitle":"固钉","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/affix/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/steps"},"frontmatter":{"title":"Steps","subtitle":"步骤条","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/steps/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/breadcrumb"},"frontmatter":{"title":"Breadcrumb","subtitle":"面包屑","order":0,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/breadcrumb/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/general/typography"},"frontmatter":{"title":"Typography","subtitle":"排版","order":1,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/typography/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/general/typography"},"frontmatter":{"title":"Typography","subtitle":"Typography","order":1,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/typography/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/configure/configure-provider"},"frontmatter":{"title":"ConfigProvider","subtitle":"Configuration Provider","order":1,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"configure/configure-provider/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/configure/configure-provider"},"frontmatter":{"title":"ConfigProvider","subtitle":"配置提供程序","order":1,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"configure/configure-provider/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/layout/water-mark"},"frontmatter":{"title":"WaterMark","subtitle":"水印组件","order":3,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/water-mark/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/layout/water-mark"},"frontmatter":{"title":"WaterMark","subtitle":"WaterMark","order":3,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/water-mark/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/abstract/ViewComponent"},"frontmatter":{"title":"ViewComponent","subtitle":"Abstract component base class","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"abstract/ViewComponent/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/abstract/ViewComponent"},"frontmatter":{"title":"ViewComponent","subtitle":"抽象组件基类","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"abstract/ViewComponent/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/abstract/field"},"frontmatter":{"title":"FormField","subtitle":"抽象表单控件","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"abstract/field/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/board/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/board/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/abstract/field"},"frontmatter":{"title":"FormField","subtitle":"Abstract form control","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"abstract/field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/board/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/board/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/abstract/trigger-field"},"frontmatter":{"title":"TriggerField","subtitle":"Abstract dropdown form control","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"abstract/trigger-field/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/abstract/trigger-field"},"frontmatter":{"title":"TriggerField","subtitle":"抽象下拉表单控件","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"abstract/trigger-field/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/output/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/output/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/performance-table/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/performance-table/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/table/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/table/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/performance-table/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/performance-table/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/table/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/table/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/tooltip/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tooltip/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/tooltip/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tooltip/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/tree/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tree/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-display/tree/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tree/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/auto-complete/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/auto-complete/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/cascader/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/cascader/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/cascader/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/cascader/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/auto-complete/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/auto-complete/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/check-box/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/check-box/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/check-box/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/check-box/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/attachment/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/attachment/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/code-area/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/code-area/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/attachment/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/attachment/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/code-area/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/code-area/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/currency/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/currency/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/currency/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/currency/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/color-picker/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/color-picker/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-display/output/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/output/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/date-picker/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/date-picker/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/email-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/email-field/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/date-picker/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/date-picker/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/file-upload/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/color-picker/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/color-picker/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/file-upload/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/email-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/email-field/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/form/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/form/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/form/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/form/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/mentions/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/mentions/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/lov/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/lov/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/lov/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/lov/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/intl-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/intl-field/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/intl-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/intl-field/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/mentions/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/mentions/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/icon-picker/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/icon-picker/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/password/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/password/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/password/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/password/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/icon-picker/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/icon-picker/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/number-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/number-field/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/picture/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/picture/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/rate/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rate/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/number-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/number-field/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/picture/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/picture/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/rate/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rate/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/range/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/range/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/range/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/range/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/radio/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/radio/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/radio/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/radio/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/secret-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/secret-field/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/rich-text/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rich-text/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/rich-text/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/rich-text/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/secret-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/secret-field/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/screening/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/screening/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/screening/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/screening/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/switch/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/switch/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/switch/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/switch/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/text-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-field/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/select/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/select/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/text-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-field/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/select-box/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select-box/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/text-area/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-area/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/select-box/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/select-box/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/text-area/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/text-area/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/transfer/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/transfer/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/transfer/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/transfer/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/tree-select/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/tree-select/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/tree-select/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/tree-select/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/data-entry/url-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/url-field/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/data-entry/url-field/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/url-field/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/general/button/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/button/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/general/typography/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/typography/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/general/button/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/button/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/general/typography/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/typography/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/modal/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/modal-provider/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal-provider/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/modal/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/spin/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/spin/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/skeleton/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/skeleton/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/modal-provider/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/modal-provider/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/spin/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/spin/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/feedback/progress/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/progress/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/progress/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/progress/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/navigation/dropdown/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/dropdown/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/feedback/skeleton/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/skeleton/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/navigation/dropdown/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/dropdown/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/navigation/pagination/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/pagination/API.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/navigation/pagination/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/pagination/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/navigation/segmented/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/segmented/API.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/navigation/segmented/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/segmented/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/dataset/dataset"},"frontmatter":{"title":"DataSet","subtitle":null,"order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"dataset/dataset/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/dataset/dataset-example/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"dataset/dataset-example/API.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/dataset/dataset"},"frontmatter":{"title":"DataSet","subtitle":null,"order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"dataset/dataset/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/dataset/dataset-example/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"dataset/dataset-example/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/other/hooks"},"frontmatter":{"title":"Hooks","subtitle":"钩子","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/hooks/index.zh.md"}}},{"node":{"fields":{"slug":"/en/procmp/other/locale-context"},"frontmatter":{"title":"LocaleContext","subtitle":"LocaleContext","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/locale-context/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/other/hooks"},"frontmatter":{"title":"Hooks","subtitle":"Hooks","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/hooks/index.en.md"}}},{"node":{"fields":{"slug":"/en/procmp/other/stores"},"frontmatter":{"title":"Stores","subtitle":"Stores","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/stores/index.en.md"}}},{"node":{"fields":{"slug":"/zh/procmp/other/locale-context"},"frontmatter":{"title":"LocaleContext","subtitle":"国际化","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/locale-context/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/procmp/other/stores"},"frontmatter":{"title":"Stores","subtitle":"存储","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/stores/index.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/alert/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/alert/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/alert/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/alert/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/notification/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/notification/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/message/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/message/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/notification/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/notification/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/message/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/message/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/popconfirm/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/popconfirm/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/layout/layout/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/layout/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/popconfirm/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/popconfirm/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/feedback/result/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/result/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/feedback/result/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"feedback/result/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/layout/layout/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/layout/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/layout/grid/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/grid/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/avatar/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/avatar/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/layout/grid/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/grid/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/avatar/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/avatar/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/general/icon"},"frontmatter":{"title":"Icon","subtitle":"Icon","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/icon/index.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/responsive/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/responsive/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/responsive/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/responsive/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/list/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/list/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/list/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/list/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/general/icon"},"frontmatter":{"title":"Icon","subtitle":"图标","order":null,"icon":null,"abstract":true},"tableOfContents":"","parent":{"__typename":"File","relativePath":"general/icon/index.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/card/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/card/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/layout/water-mark/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/water-mark/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/layout/water-mark/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"layout/water-mark/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/statistic/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/statistic/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/statistic/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/statistic/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/card/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/card/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/collapse/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/collapse/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/badge/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/badge/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/badge/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/badge/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/carousel/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/carousel/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/collapse/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/collapse/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/carousel/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/carousel/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/tag/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tag/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/bar-code/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/bar-code/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/tag/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tag/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/tabs/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tabs/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/bar-code/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/bar-code/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/back-top/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/back-top/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/popover/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/popover/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/popover/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/popover/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/calendar/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/calendar/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/back-top/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/back-top/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/calendar/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/calendar/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/locale-provider/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/locale-provider/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/tabs/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/tabs/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-entry/file-upload/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/animate/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/animate/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/anchor/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/anchor/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/locale-provider/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/locale-provider/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-entry/file-upload/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/file-upload/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/animate/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/animate/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-display/timeline/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/timeline/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-display/timeline/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-display/timeline/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/anchor/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/anchor/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/menu/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/menu/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/menu/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/menu/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/other/divider/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/divider/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/other/divider/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"other/divider/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/breadcrumb/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/breadcrumb/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/breadcrumb/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/breadcrumb/API.zh.md"}}},{"node":{"fields":{"slug":"/zh/cmp/data-entry/image-crop/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/image-crop/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/data-entry/image-crop/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"data-entry/image-crop/API.en.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/affix/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/affix/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/affix/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/affix/API.zh.md"}}},{"node":{"fields":{"slug":"/en/cmp/navigation/steps/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/steps/API.en.md"}}},{"node":{"fields":{"slug":"/zh/cmp/navigation/steps/API"},"frontmatter":{"title":"API","subtitle":null,"order":null,"icon":null,"abstract":null},"tableOfContents":"","parent":{"__typename":"File","relativePath":"navigation/steps/API.zh.md"}}}]}},"pageContext":{"exampleSections":{"examples":[{"relativePath":"general/typography/demo/basic.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/basic.js","order":0,"filename":"basic.js","title":{"zh":"基础","en":"basic"},"description":{"zh":"展示文档样例。\n\n","en":"Show sample documents.\n\n"},"screenshot":"","height":1200,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography } from 'choerodon-ui/pro';\n\nconst { Title, Paragraph, Text, Link } = Typography;\n\nconst blockContent = `自汉得宣布开源以来，Choerodon猪齿鱼已被上千个组织所使用，帮助企业完成软件的生命周期管理，从而更快、更频繁地交付更稳定的软件。经过一千一百多天的奋战，2021年06月30日，Choerodon猪齿鱼迎来了1.0先行版正式发布，标志着Choerodon猪齿鱼走向的成熟和稳定，欢迎各位升级体验。`;\n\nReactDOM.render(\n \n Introduction\n \n In the process of internal desktop applications development, many\n different design specs and implementations would be involved, which might\n cause designers and developers difficulties and duplication and reduce the\n efficiency of development.\n \n \n After massive project practice and summaries, Choerodon-ui Design, a\n design language for background applications, is refined by Choerodon-ui\n UED Team, which aims to{' '}\n \n uniform the user interface specs for internal background projects, lower\n the unnecessary cost of design differences and implementation and\n liberate the resources of design and front-end development\n \n .\n \n Guidelines and Resources\n \n We supply a series of design principles, practical patterns and high\n quality design resources (Sketch and{' '}\n Axure), to help people create their product prototypes\n beautifully and efficiently.\n \n\n \n
    \n
  • \n \n Principles\n \n
    • \n
  • \n \n Patterns\n \n
    • \n
  • \n \n Resource Download\n \n
    • \n
\n \n\n \n Press Esc to exit...\n \n\n
\n\n 介绍\n \n 自汉得宣布开源以来，Choerodon猪齿鱼已被上千个组织所使用，帮助企业完成软件的生命周期管理，从而更快、更频繁地交付更稳定的软件。经过一千一百多天的奋战，2021年06月30日，Choerodon猪齿鱼迎来了1.0先行版正式发布，标志着Choerodon猪齿鱼走向的成熟和稳定，欢迎各位升级体验。\n \n \n 拥有开箱即用的高质量 React\n 组件，全链路开发和设计工具体系，帮助企业级中后台产品提升开发效率。自V\n 0.1.0就开始支撑Choerodon猪齿鱼的前端组件，并在2021年2月4日发布稳定开发正式版\n V\n 1.0，支持平滑升级，目前除了Choerodon猪齿鱼还支撑着HZERO、飞搭等产品的前端组件。\n Choerodon-ui 基于『DataSet』和『抽象组件』\n 的设计，通过模块化的解决方案，降低冗余的生产成本，让设计者专注于\n 更好的用户体验。\n \n 设计资源\n \n 我们提供完善的设计原则、最佳实践和设计资源文件（Sketch{' '}\n 和Axure），来帮助业务快速设计出高质量的产品原型。\n \n\n \n \n \n\n \n
{blockContent}
\n 
{blockContent}
\n \n\n \n 按Esc键退出阅读……\n \n ,\n document.getElementById('container'),\n);\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.basic = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n var Title = _pro.Typography.Title,\n Paragraph = _pro.Typography.Paragraph,\n Text = _pro.Typography.Text,\n Link = _pro.Typography.Link;\n var blockContent = \"\\u81EA\\u6C49\\u5F97\\u5BA3\\u5E03\\u5F00\\u6E90\\u4EE5\\u6765\\uFF0CChoerodon\\u732A\\u9F7F\\u9C7C\\u5DF2\\u88AB\\u4E0A\\u5343\\u4E2A\\u7EC4\\u7EC7\\u6240\\u4F7F\\u7528\\uFF0C\\u5E2E\\u52A9\\u4F01\\u4E1A\\u5B8C\\u6210\\u8F6F\\u4EF6\\u7684\\u751F\\u547D\\u5468\\u671F\\u7BA1\\u7406\\uFF0C\\u4ECE\\u800C\\u66F4\\u5FEB\\u3001\\u66F4\\u9891\\u7E41\\u5730\\u4EA4\\u4ED8\\u66F4\\u7A33\\u5B9A\\u7684\\u8F6F\\u4EF6\\u3002\\u7ECF\\u8FC7\\u4E00\\u5343\\u4E00\\u767E\\u591A\\u5929\\u7684\\u594B\\u6218\\uFF0C2021\\u5E7406\\u670830\\u65E5\\uFF0CChoerodon\\u732A\\u9F7F\\u9C7C\\u8FCE\\u6765\\u4E861.0\\u5148\\u884C\\u7248\\u6B63\\u5F0F\\u53D1\\u5E03\\uFF0C\\u6807\\u5FD7\\u7740Choerodon\\u732A\\u9F7F\\u9C7C\\u8D70\\u5411\\u7684\\u6210\\u719F\\u548C\\u7A33\\u5B9A\\uFF0C\\u6B22\\u8FCE\\u5404\\u4F4D\\u5347\\u7EA7\\u4F53\\u9A8C\\u3002\";\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_pro.Typography, null, /*#__PURE__*/_react.default.createElement(Title, null, \"Introduction\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development.\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"After massive project practice and summaries, Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team, which aims to\", ' ', /*#__PURE__*/_react.default.createElement(Text, {\n strong: true\n }, \"uniform the user interface specs for internal background projects, lower the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development\"), \".\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 2\n }, \"Guidelines and Resources\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"We supply a series of design principles, practical patterns and high quality design resources (\", /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Sketch\"), \" and\", ' ', /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Axure\"), \"), to help people create their product prototypes beautifully and efficiently.\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(Link, {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/introduce\"\n }, \"Principles\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(Link, {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme\"\n }, \"Patterns\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(Link, {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/customize-theme\"\n }, \"Resource Download\")))), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"Press \", /*#__PURE__*/_react.default.createElement(Text, {\n keyboard: true\n }, \"Esc\"), \" to exit...\"), /*#__PURE__*/_react.default.createElement(\"br\", null), /*#__PURE__*/_react.default.createElement(Title, null, \"\\u4ECB\\u7ECD\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u81EA\\u6C49\\u5F97\\u5BA3\\u5E03\\u5F00\\u6E90\\u4EE5\\u6765\\uFF0CChoerodon\\u732A\\u9F7F\\u9C7C\\u5DF2\\u88AB\\u4E0A\\u5343\\u4E2A\\u7EC4\\u7EC7\\u6240\\u4F7F\\u7528\\uFF0C\\u5E2E\\u52A9\\u4F01\\u4E1A\\u5B8C\\u6210\\u8F6F\\u4EF6\\u7684\\u751F\\u547D\\u5468\\u671F\\u7BA1\\u7406\\uFF0C\\u4ECE\\u800C\\u66F4\\u5FEB\\u3001\\u66F4\\u9891\\u7E41\\u5730\\u4EA4\\u4ED8\\u66F4\\u7A33\\u5B9A\\u7684\\u8F6F\\u4EF6\\u3002\\u7ECF\\u8FC7\\u4E00\\u5343\\u4E00\\u767E\\u591A\\u5929\\u7684\\u594B\\u6218\\uFF0C2021\\u5E7406\\u670830\\u65E5\\uFF0CChoerodon\\u732A\\u9F7F\\u9C7C\\u8FCE\\u6765\\u4E861.0\\u5148\\u884C\\u7248\\u6B63\\u5F0F\\u53D1\\u5E03\\uFF0C\\u6807\\u5FD7\\u7740Choerodon\\u732A\\u9F7F\\u9C7C\\u8D70\\u5411\\u7684\\u6210\\u719F\\u548C\\u7A33\\u5B9A\\uFF0C\\u6B22\\u8FCE\\u5404\\u4F4D\\u5347\\u7EA7\\u4F53\\u9A8C\\u3002\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u62E5\\u6709\\u5F00\\u7BB1\\u5373\\u7528\\u7684\\u9AD8\\u8D28\\u91CF React \\u7EC4\\u4EF6\\uFF0C\\u5168\\u94FE\\u8DEF\\u5F00\\u53D1\\u548C\\u8BBE\\u8BA1\\u5DE5\\u5177\\u4F53\\u7CFB\\uFF0C\\u5E2E\\u52A9\\u4F01\\u4E1A\\u7EA7\\u4E2D\\u540E\\u53F0\\u4EA7\\u54C1\\u63D0\\u5347\\u5F00\\u53D1\\u6548\\u7387\\u3002\\u81EAV 0.1.0\\u5C31\\u5F00\\u59CB\\u652F\\u6491Choerodon\\u732A\\u9F7F\\u9C7C\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E76\\u57282021\\u5E742\\u67084\\u65E5\\u53D1\\u5E03\\u7A33\\u5B9A\\u5F00\\u53D1\\u6B63\\u5F0F\\u7248 V 1.0\\uFF0C\\u652F\\u6301\\u5E73\\u6ED1\\u5347\\u7EA7\\uFF0C\\u76EE\\u524D\\u9664\\u4E86Choerodon\\u732A\\u9F7F\\u9C7C\\u8FD8\\u652F\\u6491\\u7740HZERO\\u3001\\u98DE\\u642D\\u7B49\\u4EA7\\u54C1\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\u3002 Choerodon-ui \\u57FA\\u4E8E\", /*#__PURE__*/_react.default.createElement(Text, {\n mark: true\n }, \"\\u300EDataSet\\u300F\\u548C\\u300E\\u62BD\\u8C61\\u7EC4\\u4EF6\\u300F\"), \"\\u7684\\u8BBE\\u8BA1\\uFF0C\\u901A\\u8FC7\\u6A21\\u5757\\u5316\\u7684\\u89E3\\u51B3\\u65B9\\u6848\\uFF0C\\u964D\\u4F4E\\u5197\\u4F59\\u7684\\u751F\\u4EA7\\u6210\\u672C\\uFF0C\\u8BA9\\u8BBE\\u8BA1\\u8005\\u4E13\\u6CE8\\u4E8E\", /*#__PURE__*/_react.default.createElement(Text, {\n strong: true\n }, \"\\u66F4\\u597D\\u7684\\u7528\\u6237\\u4F53\\u9A8C\"), \"\\u3002\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 2\n }, \"\\u8BBE\\u8BA1\\u8D44\\u6E90\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u6211\\u4EEC\\u63D0\\u4F9B\\u5B8C\\u5584\\u7684\\u8BBE\\u8BA1\\u539F\\u5219\\u3001\\u6700\\u4F73\\u5B9E\\u8DF5\\u548C\\u8BBE\\u8BA1\\u8D44\\u6E90\\u6587\\u4EF6\\uFF08\", /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Sketch\"), ' ', \"\\u548C\", /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Axure\"), \"\\uFF09\\uFF0C\\u6765\\u5E2E\\u52A9\\u4E1A\\u52A1\\u5FEB\\u901F\\u8BBE\\u8BA1\\u51FA\\u9AD8\\u8D28\\u91CF\\u7684\\u4EA7\\u54C1\\u539F\\u578B\\u3002\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/introduce\"\n }, \"\\u8BBE\\u8BA1\\u539F\\u5219\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme\"\n }, \"\\u4E3B\\u9898\\u5207\\u6362\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/customize-theme\"\n }, \"\\u5B9A\\u5236\\u4E3B\\u9898\")))), /*#__PURE__*/_react.default.createElement(Paragraph, null, /*#__PURE__*/_react.default.createElement(\"blockquote\", null, blockContent), /*#__PURE__*/_react.default.createElement(\"pre\", null, blockContent)), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u6309\", /*#__PURE__*/_react.default.createElement(Text, {\n keyboard: true\n }, \"Esc\"), \"\\u952E\\u9000\\u51FA\\u9605\\u8BFB\\u2026\\u2026\")), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/title.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/title.js","order":1,"filename":"title.js","title":{"zh":"标题组件","en":"Title"},"description":{"zh":"各种标题展示。\n","en":"Display of various titles.\n"},"screenshot":"","height":400,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography } from 'choerodon-ui/pro';\n\nconst { Title } = Typography;\n\nReactDOM.render(\n <>\n h1. Choerodon-ui\n h2. Choerodon-ui\n h3. Choerodon-ui\n h4. Choerodon-ui\n h5. Choerodon-ui\n ,\n document.getElementById('container'),\n);\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.title = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n var Title = _pro.Typography.Title;\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Title, null, \"h1. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 2\n }, \"h2. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 3\n }, \"h3. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 4\n }, \"h4. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 5\n }, \"h5. Choerodon-ui\")), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/text.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/text.js","order":2,"filename":"text.js","title":{"zh":"文本与超链接组件","en":"Text and Link "},"description":{"zh":"内置不同样式的文本以及超链接组件。\n\n","en":"Built in different styles of text and hyperlink components.\n\n"},"screenshot":"","height":500,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography } from 'choerodon-ui/pro';\n\nconst { Text, Link } = Typography;\n\nReactDOM.render(\n
\n Choerodon-ui (default)\n Choerodon-ui (secondary)\n Choerodon-ui (success)\n Choerodon-ui (warning)\n Choerodon-ui (danger)\n Choerodon-ui (disabled)\n Choerodon-ui (mark)\n Choerodon-ui (code)\n Choerodon-ui (keyboard)\n Choerodon-ui (underline)\n Choerodon-ui (delete)\n Choerodon-ui (strong)\n Choerodon-ui (italic)\n \n Choerodon-ui (Link)\n \n
,\n document.getElementById('container'),\n);\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.text = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n var Text = _pro.Typography.Text,\n Link = _pro.Typography.Link;\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(\"main\", {\n style: {\n display: 'flex',\n flexDirection: 'column'\n }\n }, /*#__PURE__*/_react.default.createElement(Text, null, \"Choerodon-ui (default)\"), /*#__PURE__*/_react.default.createElement(Text, {\n type: \"secondary\"\n }, \"Choerodon-ui (secondary)\"), /*#__PURE__*/_react.default.createElement(Text, {\n type: \"success\"\n }, \"Choerodon-ui (success)\"), /*#__PURE__*/_react.default.createElement(Text, {\n type: \"warning\"\n }, \"Choerodon-ui (warning)\"), /*#__PURE__*/_react.default.createElement(Text, {\n type: \"danger\"\n }, \"Choerodon-ui (danger)\"), /*#__PURE__*/_react.default.createElement(Text, {\n disabled: true\n }, \"Choerodon-ui (disabled)\"), /*#__PURE__*/_react.default.createElement(Text, {\n mark: true\n }, \"Choerodon-ui (mark)\"), /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Choerodon-ui (code)\"), /*#__PURE__*/_react.default.createElement(Text, {\n keyboard: true\n }, \"Choerodon-ui (keyboard)\"), /*#__PURE__*/_react.default.createElement(Text, {\n underline: true\n }, \"Choerodon-ui (underline)\"), /*#__PURE__*/_react.default.createElement(Text, {\n delete: true\n }, \"Choerodon-ui (delete)\"), /*#__PURE__*/_react.default.createElement(Text, {\n strong: true\n }, \"Choerodon-ui (strong)\"), /*#__PURE__*/_react.default.createElement(Text, {\n italic: true\n }, \"Choerodon-ui (italic)\"), /*#__PURE__*/_react.default.createElement(Link, {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh\",\n target: \"_blank\"\n }, \"Choerodon-ui (Link)\")), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/dataSet.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/dataSet.js","order":3,"filename":"dataSet.js","title":{"zh":"绑定数据源","en":"dataSet"},"description":{"zh":"可以绑定数据源在 Form 表单下展示\n\n","en":"Data sources can be bound and displayed under the form.\n\n"},"height":750,"screenshot":"","category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography, DataSet, Form } from 'choerodon-ui/pro';\n\nconst { Text, Link, Title, Paragraph } = Typography;\n\nclass App extends React.Component {\n ds = new DataSet({\n autoCreate: true,\n fields: [\n { name: 'title0', type: 'string', defaultValue: '非 Form 下使用' },\n {\n name: 'text0',\n type: 'string',\n defaultValue: '这个不在 Form 下的绑定数据源显示',\n },\n { name: 'link0', type: 'string', defaultValue: 'choerodon-ui' },\n {\n name: 'paragraph0',\n type: 'string',\n defaultValue: '这是一段不在 Form 表单下的段落展示。',\n },\n\n { name: 'title1', type: 'string', defaultValue: 'Introduce' },\n {\n name: 'title2',\n type: 'string',\n defaultValue: 'This is my personal profile',\n },\n {\n name: 'name',\n label: '姓名',\n type: 'string',\n defaultValue: 'LeBron James',\n },\n { name: 'age', label: '年龄', type: 'string', defaultValue: '28' },\n { name: 'sex', label: '性别', type: 'string', defaultValue: 'Male' },\n {\n name: 'habbit',\n label: '爱好',\n type: 'string',\n defaultValue: 'Basketball, rugby and Dancing',\n },\n {\n name: 'website',\n label: '网站',\n type: 'string',\n defaultValue: 'choerodon-ui',\n },\n {\n name: 'introduce',\n label: '个人经历',\n type: 'string',\n defaultValue:\n 'Extensive business experience including accounting firms,legal firms,financial firms,insurance companies,transportation companies,medical environments,government agencies and non-profit groups',\n },\n ],\n });\n\n render() {\n return (\n <>\n \n <Text name=\"text0\" dataSet={this.ds} />\n <br />\n <Link name=\"link0\" href=\"/\" dataSet={this.ds} />\n <Paragraph name=\"paragraph0\" dataSet={this.ds} />\n <Form header=\"Form 下使用\" dataSet={this.ds} useColon>\n <Title name=\"title1\" level={2} labelWidth={0} />\n <Title name=\"title2\" level={5} labelWidth={1} />\n <Text name=\"name\" />\n <Text name=\"age\" />\n <Text name=\"sex\" />\n <Text name=\"habbit\" />\n <Link name=\"website\" href=\"/\" target=\"_top\" />\n <Paragraph name=\"introduce\" />\n </Form>\n </>\n );\n }\n}\n\nReactDOM.render(<App />, document.getElementById('container'));\n","babeledSource":"function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\n(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.dataSet = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n var Text = _pro.Typography.Text,\n Link = _pro.Typography.Link,\n Title = _pro.Typography.Title,\n Paragraph = _pro.Typography.Paragraph;\n\n var App = /*#__PURE__*/function (_React$Component) {\n _inherits(App, _React$Component);\n\n var _super = _createSuper(App);\n\n function App() {\n var _this;\n\n _classCallCheck(this, App);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n _this.ds = new _pro.DataSet({\n autoCreate: true,\n fields: [{\n name: 'title0',\n type: 'string',\n defaultValue: '非 Form 下使用'\n }, {\n name: 'text0',\n type: 'string',\n defaultValue: '这个不在 Form 下的绑定数据源显示'\n }, {\n name: 'link0',\n type: 'string',\n defaultValue: 'choerodon-ui'\n }, {\n name: 'paragraph0',\n type: 'string',\n defaultValue: '这是一段不在 Form 表单下的段落展示。'\n }, {\n name: 'title1',\n type: 'string',\n defaultValue: 'Introduce'\n }, {\n name: 'title2',\n type: 'string',\n defaultValue: 'This is my personal profile'\n }, {\n name: 'name',\n label: '姓名',\n type: 'string',\n defaultValue: 'LeBron James'\n }, {\n name: 'age',\n label: '年龄',\n type: 'string',\n defaultValue: '28'\n }, {\n name: 'sex',\n label: '性别',\n type: 'string',\n defaultValue: 'Male'\n }, {\n name: 'habbit',\n label: '爱好',\n type: 'string',\n defaultValue: 'Basketball, rugby and Dancing'\n }, {\n name: 'website',\n label: '网站',\n type: 'string',\n defaultValue: 'choerodon-ui'\n }, {\n name: 'introduce',\n label: '个人经历',\n type: 'string',\n defaultValue: 'Extensive business experience including accounting firms,legal firms,financial firms,insurance companies,transportation companies,medical environments,government agencies and non-profit groups'\n }]\n });\n return _this;\n }\n\n _createClass(App, [{\n key: \"render\",\n value: function render() {\n return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Title, {\n name: \"title0\",\n dataSet: this.ds\n }), /*#__PURE__*/_react.default.createElement(Text, {\n name: \"text0\",\n dataSet: this.ds\n }), /*#__PURE__*/_react.default.createElement(\"br\", null), /*#__PURE__*/_react.default.createElement(Link, {\n name: \"link0\",\n href: \"/\",\n dataSet: this.ds\n }), /*#__PURE__*/_react.default.createElement(Paragraph, {\n name: \"paragraph0\",\n dataSet: this.ds\n }), /*#__PURE__*/_react.default.createElement(_pro.Form, {\n header: \"Form \\u4E0B\\u4F7F\\u7528\",\n dataSet: this.ds,\n useColon: true\n }, /*#__PURE__*/_react.default.createElement(Title, {\n name: \"title1\",\n level: 2,\n labelWidth: 0\n }), /*#__PURE__*/_react.default.createElement(Title, {\n name: \"title2\",\n level: 5,\n labelWidth: 1\n }), /*#__PURE__*/_react.default.createElement(Text, {\n name: \"name\"\n }), /*#__PURE__*/_react.default.createElement(Text, {\n name: \"age\"\n }), /*#__PURE__*/_react.default.createElement(Text, {\n name: \"sex\"\n }), /*#__PURE__*/_react.default.createElement(Text, {\n name: \"habbit\"\n }), /*#__PURE__*/_react.default.createElement(Link, {\n name: \"website\",\n href: \"/\",\n target: \"_top\"\n }), /*#__PURE__*/_react.default.createElement(Paragraph, {\n name: \"introduce\"\n })));\n }\n }]);\n\n return App;\n }(_react.default.Component);\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(App, null), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/interactive.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/interactive.js","order":4,"filename":"interactive.js","title":{"zh":"可交互","en":"interactive"},"description":{"zh":"提供可点击和可复制等额外的交互能力。\n\n","en":"Provide additional interaction capabilities such as clickable and replicable.\n\n"},"screenshot":"","height":550,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography } from 'choerodon-ui/pro';\nimport { Icon } from 'choerodon-ui';\n\nconst { Paragraph } = Typography;\n\nconst Demo = () => {\n const customIconStr = 'Custom icon and replace tooltip text.';\n const clickTriggerStr = 'Text or icon as trigger - click to start.';\n const customEnterIconStr = ' text with a custom enter icon in field.';\n const noEnterIconStr = 'table text with no enter icon in field.';\n const hideTooltipStr = 'Hide tooltip.';\n const lengthLimitedStr = 'This is text with limited length.';\n\n return (\n <>\n <Paragraph copyable>{customIconStr}</Paragraph>\n <Paragraph copyable>{clickTriggerStr}</Paragraph>\n <Paragraph copyable>{customEnterIconStr}</Paragraph>\n <Paragraph copyable>{noEnterIconStr}</Paragraph>\n <Paragraph copyable>{hideTooltipStr}</Paragraph>\n <Paragraph copyable>{lengthLimitedStr}</Paragraph>\n <Typography.Title copyable level={1} style={{ margin: 0 }}>\n h1. Choerodon-ui\n </Typography.Title>\n <Typography.Title copyable level={2} style={{ margin: 0 }}>\n h2. Choerodon-ui\n </Typography.Title>\n <Typography.Title copyable level={3} style={{ margin: 0 }}>\n h3. Choerodon-ui\n </Typography.Title>\n <Typography.Title copyable level={4} style={{ margin: 0 }}>\n h4. Choerodon-ui\n </Typography.Title>\n <Typography.Title copyable level={5} style={{ margin: 0 }}>\n h5. Choerodon-ui\n </Typography.Title>\n <br />\n <Paragraph copyable>This is a copyable text.</Paragraph>\n <Paragraph copyable={{ text: 'Hello, Choerodon-ui!' }}>\n Replace copy text.\n </Paragraph>\n <Paragraph\n copyable={{\n icon: [\n <Icon type=\"face_retouching_natural\" key={1} />,\n <Icon type=\"face_retouching_off\" key={2} />,\n ],\n tooltips: ['click here', 'you clicked!!'],\n }}\n >\n Custom Copy icon and replace tooltips text.\n </Paragraph>\n <Paragraph copyable={{ tooltips: false }}>Hide Copy tooltips.</Paragraph>\n </>\n );\n};\n\nReactDOM.render(<Demo />, document.getElementById('container'));\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\", \"choerodon-ui\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"), require(\"choerodon-ui\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro, global.choerodonUi);\n global.interactive = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro, _choerodonUi) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n var Paragraph = _pro.Typography.Paragraph;\n\n var Demo = function Demo() {\n var customIconStr = 'Custom icon and replace tooltip text.';\n var clickTriggerStr = 'Text or icon as trigger - click to start.';\n var customEnterIconStr = ' text with a custom enter icon in field.';\n var noEnterIconStr = 'table text with no enter icon in field.';\n var hideTooltipStr = 'Hide tooltip.';\n var lengthLimitedStr = 'This is text with limited length.';\n return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, customIconStr), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, clickTriggerStr), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, customEnterIconStr), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, noEnterIconStr), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, hideTooltipStr), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, lengthLimitedStr), /*#__PURE__*/_react.default.createElement(_pro.Typography.Title, {\n copyable: true,\n level: 1,\n style: {\n margin: 0\n }\n }, \"h1. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(_pro.Typography.Title, {\n copyable: true,\n level: 2,\n style: {\n margin: 0\n }\n }, \"h2. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(_pro.Typography.Title, {\n copyable: true,\n level: 3,\n style: {\n margin: 0\n }\n }, \"h3. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(_pro.Typography.Title, {\n copyable: true,\n level: 4,\n style: {\n margin: 0\n }\n }, \"h4. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(_pro.Typography.Title, {\n copyable: true,\n level: 5,\n style: {\n margin: 0\n }\n }, \"h5. Choerodon-ui\"), /*#__PURE__*/_react.default.createElement(\"br\", null), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: true\n }, \"This is a copyable text.\"), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: {\n text: 'Hello, Choerodon-ui!'\n }\n }, \"Replace copy text.\"), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: {\n icon: [/*#__PURE__*/_react.default.createElement(_choerodonUi.Icon, {\n type: \"face_retouching_natural\",\n key: 1\n }), /*#__PURE__*/_react.default.createElement(_choerodonUi.Icon, {\n type: \"face_retouching_off\",\n key: 2\n })],\n tooltips: ['click here', 'you clicked!!']\n }\n }, \"Custom Copy icon and replace tooltips text.\"), /*#__PURE__*/_react.default.createElement(Paragraph, {\n copyable: {\n tooltips: false\n }\n }, \"Hide Copy tooltips.\"));\n };\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Demo, null), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/paragraph.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/paragraph.js","order":5,"filename":"paragraph.js","title":{"zh":"标题与段落","en":"Title and paragraph"},"description":{"zh":"展示不同级别的标题。\n\n","en":"Show titles at different levels.\n\n"},"screenshot":"","height":1080,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography } from 'choerodon-ui/pro';\n\nconst { Title, Paragraph, Text } = Typography;\n\nReactDOM.render(\n <>\n <Title>Introduction\n \n In the process of internal desktop applications development, many\n different design specs and implementations would be involved, which might\n cause designers and developers difficulties and duplication and reduce the\n efficiency of development.\n \n \n After massive project practice and summaries, Choerodon-ui, a design\n language for background applications, is refined by Choerodon-ui UED Team,\n which aims to\n \n uniform the user interface specs for internal background projects, lower\n the unnecessary cost of design differences and implementation and\n liberate the resources of design and front-end development\n \n .\n \n Guidelines and Resources\n \n We supply a series of design principles, practical patterns and high\n quality design resources (Sketch and{' '}\n Axure), to help people create their product prototypes\n beautifully and efficiently.\n \n\n \n \n \n\n 介绍\n \n 自汉得宣布开源以来，Choerodon猪齿鱼已被上千个组织所使用，帮助企业完成软件的生命周期管理，从而更快、更频繁地交付更稳定的软件。经过一千一百多天的奋战，2021年06月30日，Choerodon猪齿鱼迎来了1.0先行版正式发布，标志着Choerodon猪齿鱼走向的成熟和稳定，欢迎各位升级体验。\n \n \n 随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，我们（组件库开发人员）经过大量的项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系\n Choerodon-ui。基于『DataSet』和『抽象组件』\n 的设计，通过模块化的解决方案，降低冗余的生产成本，让设计者专注于\n 更好的用户体验。\n \n 设计资源\n \n 我们提供完善的设计原则、最佳实践和设计资源文件（Sketch{' '}\n 和Axure），来帮助业务快速设计出高质量的产品原型。\n \n\n \n \n \n\n \n
    \n
  • I am an unordered item
    • \n
  • \n I am an unordered item with an ordered sublist\n
      \n
    1. I am ordered
      2. \n
    \n
      \n
    • I am unordered
      • \n
    \n
    • \n
\n
    \n
  1. \n Ordered list item with unordered sublist\n
      \n
    • I am unordered!
      • \n
    • I am also unordered!
      • \n
    \n
    2. \n
\n \n ,\n document.getElementById('container'),\n);\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.paragraph = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n var Title = _pro.Typography.Title,\n Paragraph = _pro.Typography.Paragraph,\n Text = _pro.Typography.Text;\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Title, null, \"Introduction\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development.\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"After massive project practice and summaries, Choerodon-ui, a design language for background applications, is refined by Choerodon-ui UED Team, which aims to\", /*#__PURE__*/_react.default.createElement(Text, {\n strong: true\n }, \"uniform the user interface specs for internal background projects, lower the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development\"), \".\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 2\n }, \"Guidelines and Resources\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"We supply a series of design principles, practical patterns and high quality design resources (\", /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Sketch\"), \" and\", ' ', /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Axure\"), \"), to help people create their product prototypes beautifully and efficiently.\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/introduce\"\n }, \"Principles\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme\"\n }, \"Patterns\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/customize-theme\"\n }, \"Resource Download\")))), /*#__PURE__*/_react.default.createElement(Title, {\n id: \"intro\"\n }, \"\\u4ECB\\u7ECD\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u81EA\\u6C49\\u5F97\\u5BA3\\u5E03\\u5F00\\u6E90\\u4EE5\\u6765\\uFF0CChoerodon\\u732A\\u9F7F\\u9C7C\\u5DF2\\u88AB\\u4E0A\\u5343\\u4E2A\\u7EC4\\u7EC7\\u6240\\u4F7F\\u7528\\uFF0C\\u5E2E\\u52A9\\u4F01\\u4E1A\\u5B8C\\u6210\\u8F6F\\u4EF6\\u7684\\u751F\\u547D\\u5468\\u671F\\u7BA1\\u7406\\uFF0C\\u4ECE\\u800C\\u66F4\\u5FEB\\u3001\\u66F4\\u9891\\u7E41\\u5730\\u4EA4\\u4ED8\\u66F4\\u7A33\\u5B9A\\u7684\\u8F6F\\u4EF6\\u3002\\u7ECF\\u8FC7\\u4E00\\u5343\\u4E00\\u767E\\u591A\\u5929\\u7684\\u594B\\u6218\\uFF0C2021\\u5E7406\\u670830\\u65E5\\uFF0CChoerodon\\u732A\\u9F7F\\u9C7C\\u8FCE\\u6765\\u4E861.0\\u5148\\u884C\\u7248\\u6B63\\u5F0F\\u53D1\\u5E03\\uFF0C\\u6807\\u5FD7\\u7740Choerodon\\u732A\\u9F7F\\u9C7C\\u8D70\\u5411\\u7684\\u6210\\u719F\\u548C\\u7A33\\u5B9A\\uFF0C\\u6B22\\u8FCE\\u5404\\u4F4D\\u5347\\u7EA7\\u4F53\\u9A8C\\u3002\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u968F\\u7740\\u5546\\u4E1A\\u5316\\u7684\\u8D8B\\u52BF\\uFF0C\\u8D8A\\u6765\\u8D8A\\u591A\\u7684\\u4F01\\u4E1A\\u7EA7\\u4EA7\\u54C1\\u5BF9\\u66F4\\u597D\\u7684\\u7528\\u6237\\u4F53\\u9A8C\\u6709\\u4E86\\u8FDB\\u4E00\\u6B65\\u7684\\u8981\\u6C42\\u3002\\u5E26\\u7740\\u8FD9\\u6837\\u7684\\u4E00\\u4E2A\\u7EC8\\u6781\\u76EE\\u6807\\uFF0C\\u6211\\u4EEC\\uFF08\\u7EC4\\u4EF6\\u5E93\\u5F00\\u53D1\\u4EBA\\u5458\\uFF09\\u7ECF\\u8FC7\\u5927\\u91CF\\u7684\\u9879\\u76EE\\u5B9E\\u8DF5\\u548C\\u603B\\u7ED3\\uFF0C\\u9010\\u6B65\\u6253\\u78E8\\u51FA\\u4E00\\u4E2A\\u670D\\u52A1\\u4E8E\\u4F01\\u4E1A\\u7EA7\\u4EA7\\u54C1\\u7684\\u8BBE\\u8BA1\\u4F53\\u7CFB Choerodon-ui\\u3002\\u57FA\\u4E8E\", /*#__PURE__*/_react.default.createElement(Text, {\n mark: true\n }, \"\\u300EDataSet\\u300F\\u548C\\u300E\\u62BD\\u8C61\\u7EC4\\u4EF6\\u300F\"), \"\\u7684\\u8BBE\\u8BA1\\uFF0C\\u901A\\u8FC7\\u6A21\\u5757\\u5316\\u7684\\u89E3\\u51B3\\u65B9\\u6848\\uFF0C\\u964D\\u4F4E\\u5197\\u4F59\\u7684\\u751F\\u4EA7\\u6210\\u672C\\uFF0C\\u8BA9\\u8BBE\\u8BA1\\u8005\\u4E13\\u6CE8\\u4E8E\", /*#__PURE__*/_react.default.createElement(Text, {\n strong: true\n }, \"\\u66F4\\u597D\\u7684\\u7528\\u6237\\u4F53\\u9A8C\"), \"\\u3002\"), /*#__PURE__*/_react.default.createElement(Title, {\n level: 2\n }, \"\\u8BBE\\u8BA1\\u8D44\\u6E90\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, \"\\u6211\\u4EEC\\u63D0\\u4F9B\\u5B8C\\u5584\\u7684\\u8BBE\\u8BA1\\u539F\\u5219\\u3001\\u6700\\u4F73\\u5B9E\\u8DF5\\u548C\\u8BBE\\u8BA1\\u8D44\\u6E90\\u6587\\u4EF6\\uFF08\", /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Sketch\"), ' ', \"\\u548C\", /*#__PURE__*/_react.default.createElement(Text, {\n code: true\n }, \"Axure\"), \"\\uFF09\\uFF0C\\u6765\\u5E2E\\u52A9\\u4E1A\\u52A1\\u5FEB\\u901F\\u8BBE\\u8BA1\\u51FA\\u9AD8\\u8D28\\u91CF\\u7684\\u4EA7\\u54C1\\u539F\\u578B\\u3002\"), /*#__PURE__*/_react.default.createElement(Paragraph, null, /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/introduce\"\n }, \"\\u8BBE\\u8BA1\\u539F\\u5219\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme\"\n }, \"\\u4E3B\\u9898\\u5207\\u6362\")), /*#__PURE__*/_react.default.createElement(\"li\", null, /*#__PURE__*/_react.default.createElement(\"a\", {\n href: \"https://open-hand.gitee.io/choerodon-ui/zh/docs/other/customize-theme\"\n }, \"\\u5B9A\\u5236\\u4E3B\\u9898\")))), /*#__PURE__*/_react.default.createElement(Paragraph, null, /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, \"I am an unordered item\"), /*#__PURE__*/_react.default.createElement(\"li\", null, \"I am an unordered item with an ordered sublist\", /*#__PURE__*/_react.default.createElement(\"ol\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, \"I am ordered\")), /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, \"I am unordered\")))), /*#__PURE__*/_react.default.createElement(\"ol\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, \"Ordered list item with unordered sublist\", /*#__PURE__*/_react.default.createElement(\"ul\", null, /*#__PURE__*/_react.default.createElement(\"li\", null, \"I am unordered!\"), /*#__PURE__*/_react.default.createElement(\"li\", null, \"I am also unordered!\")))))), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/ellipsis.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/ellipsis.js","order":6,"filename":"ellipsis.js","title":{"zh":"省略号","en":"Ellipsis"},"description":{"zh":"多行文本省略。你可以通过 tooltip 属性配置省略展示内容，大量文本时推荐优先使用 expandable。\n\n","en":"Multiline text is omitted. You can configure the tooltip property to omit the display content. Expandable is recommended to be used first when there is a large amount of text.\n\n"},"screenshot":"","height":300,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography, Switch } from 'choerodon-ui/pro';\n\nconst { Paragraph, Text } = Typography;\n\nconst Demo = () => {\n const [ellipsis, setEllipsis] = React.useState(true);\n\n return (\n <>\n {\n setEllipsis(!ellipsis);\n }}\n />\n\n \n Choerodon-ui, a design language for background applications, is refined\n by UED Team. Choerodon-ui Design, a design language for background\n applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design,\n a design language for background applications, is refined by\n Choerodon-ui UED Team. Choerodon-ui Design, a design language for\n background applications, is refined by Choerodon-ui UED Team.\n Choerodon-ui Design, a design language for background applications, is\n refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language\n for background applications, is refined by Choerodon-ui UED Team.\n \n\n \n Choerodon-ui, a design language for background applications, is refined\n by Choerodon-ui UED Team. Choerodon-ui Design, a design language for\n background applications, is refined by Choerodon-ui UED Team.\n Choerodon-ui Design, a design language for background applications, is\n refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language\n for background applications, is refined by Choerodon-ui UED Team.\n Choerodon-ui Design, a design language for background applications, is\n refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language\n for background applications, is refined by Choerodon-ui UED Team.\n \n\n \n Choerodon-ui, a design language for background applications, is refined\n by Choerodon-ui UED Team.\n \n \n );\n};\n\nReactDOM.render(, document.getElementById('container'));\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.ellipsis = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\n function _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\n function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\n function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n function _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\n function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n var Paragraph = _pro.Typography.Paragraph,\n Text = _pro.Typography.Text;\n\n var Demo = function Demo() {\n var _React$useState = _react.default.useState(true),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n ellipsis = _React$useState2[0],\n setEllipsis = _React$useState2[1];\n\n return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_pro.Switch, {\n checked: ellipsis,\n onChange: function onChange() {\n setEllipsis(!ellipsis);\n }\n }), /*#__PURE__*/_react.default.createElement(Paragraph, {\n ellipsis: ellipsis\n }, \"Choerodon-ui, a design language for background applications, is refined by UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team.\"), /*#__PURE__*/_react.default.createElement(Paragraph, {\n ellipsis: ellipsis ? {\n rows: 2,\n expandable: true,\n symbol: 'more'\n } : false\n }, \"Choerodon-ui, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team. Choerodon-ui Design, a design language for background applications, is refined by Choerodon-ui UED Team.\"), /*#__PURE__*/_react.default.createElement(Text, {\n style: ellipsis ? {\n width: 100\n } : undefined,\n ellipsis: ellipsis ? {\n tooltip: 'I am ellipsis now!'\n } : false\n }, \"Choerodon-ui, a design language for background applications, is refined by Choerodon-ui UED Team.\"));\n };\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Demo, null), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/ellipsis-middle.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/ellipsis-middle.js","order":7,"filename":"ellipsis-middle.js","title":{"zh":"中间省略号","en":"Middle ellipsis"},"description":{"zh":"使用 ellipsis={{ suffix: ... }} 可以封装一个从中间省略内容的组件，适合于需要保留文本末位特征的内容。\n","en":"Use ellipsis = {suffix:...}} It can encapsulate a component that omits content from the middle, which is suitable for the content that needs to retain the last bit feature of the text.\n"},"screenshot":"","category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography } from 'choerodon-ui/pro';\n\nconst { Text } = Typography;\n\nconst EllipsisMiddle = ({ suffixCount, children }) => {\n const start = children.slice(0, children.length - suffixCount).trim();\n const suffix = children.slice(-suffixCount).trim();\n return (\n \n {start}\n \n );\n};\n\nReactDOM.render(\n \n In the process of internal desktop applications development, many different\n design specs and implementations would be involved, which might cause\n designers and developers difficulties and duplication and reduce the\n efficiency of development.\n ,\n document.getElementById('container'),\n);\n","babeledSource":"(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.ellipsisMiddle = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n var Text = _pro.Typography.Text;\n\n var EllipsisMiddle = function EllipsisMiddle(_ref) {\n var suffixCount = _ref.suffixCount,\n children = _ref.children;\n var start = children.slice(0, children.length - suffixCount).trim();\n var suffix = children.slice(-suffixCount).trim();\n return /*#__PURE__*/_react.default.createElement(Text, {\n style: {\n maxWidth: '100%'\n },\n ellipsis: {\n suffix: suffix\n },\n name: \"textName\"\n }, start);\n };\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(EllipsisMiddle, {\n suffixCount: 12\n }, \"In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development.\"), document.getElementById('container'));\n});"},{"relativePath":"general/typography/demo/suffix.js","absolutePath":"/Users/lxl/Documents/hand/c7n-website/example/procmp/general/typography/demo/suffix.js","order":8,"filename":"suffix.js","title":{"zh":"后缀","en":"suffix"},"description":{"zh":"添加后缀的省略。\n","en":"Add the omission of suffix.\n"},"screenshot":"","height":300,"category":"pro","source":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Typography, Range } from 'choerodon-ui/pro';\n\nconst { Paragraph } = Typography;\n\nclass Demo extends React.Component {\n state = {\n rows: 1,\n };\n\n onChange = (rows) => {\n this.setState({ rows });\n };\n\n render() {\n const { rows } = this.state;\n const article =\n \"To be, or not to be, that is a question: Whether it is nobler in the mind to suffer. The slings and arrows of outrageous fortune Or to take arms against a sea of troubles, And by opposing end them? To die: to sleep; No more; and by a sleep to say we end The heart-ache and the thousand natural shocks That flesh is heir to, 'tis a consummation Devoutly to be wish'd. To die, to sleep To sleep- perchance to dream: ay, there's the rub! For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause. There 's the respect That makes calamity of so long life\";\n return (\n <>\n
\n \n
\n
\n {\n console.log('Ellipsis changed:', ellipsis);\n },\n }}\n title={`${article}--William Shakespeare`}\n >\n {article}\n \n \n );\n }\n}\n\nReactDOM.render(, document.getElementById('container'));\n","babeledSource":"function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\n(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define([\"react\", \"react-dom\", \"choerodon-ui/pro\"], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require(\"react\"), require(\"react-dom\"), require(\"choerodon-ui/pro\"));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.react, global.reactDom, global.pro);\n global.suffix = mod.exports;\n }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_react, _reactDom, _pro) {\n \"use strict\";\n\n _react = _interopRequireDefault(_react);\n _reactDom = _interopRequireDefault(_reactDom);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n function _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\n function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\n function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\n function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n function _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\n function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n var Paragraph = _pro.Typography.Paragraph;\n\n var Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n var _this;\n\n _classCallCheck(this, Demo);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n _this.state = {\n rows: 1\n };\n\n _this.onChange = function (rows) {\n _this.setState({\n rows: rows\n });\n };\n\n return _this;\n }\n\n _createClass(Demo, [{\n key: \"render\",\n value: function render() {\n var rows = this.state.rows;\n var article = \"To be, or not to be, that is a question: Whether it is nobler in the mind to suffer. The slings and arrows of outrageous fortune Or to take arms against a sea of troubles, And by opposing end them? To die: to sleep; No more; and by a sleep to say we end The heart-ache and the thousand natural shocks That flesh is heir to, 'tis a consummation Devoutly to be wish'd. To die, to sleep To sleep- perchance to dream: ay, there's the rub! For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause. There 's the respect That makes calamity of so long life\";\n return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(\"div\", {\n style: {\n height: 50\n }\n }, /*#__PURE__*/_react.default.createElement(_pro.Range, {\n value: rows,\n min: 1,\n max: 10,\n onChange: this.onChange\n })), /*#__PURE__*/_react.default.createElement(\"br\", null), /*#__PURE__*/_react.default.createElement(Paragraph, {\n ellipsis: {\n rows: rows,\n expandable: true,\n suffix: '--William Shakespeare',\n onEllipsis: function onEllipsis(ellipsis) {\n console.log('Ellipsis changed:', ellipsis);\n }\n },\n title: \"\".concat(article, \"--William Shakespeare\")\n }, article));\n }\n }]);\n\n return Demo;\n }(_react.default.Component);\n\n _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Demo, null), document.getElementById('container'));\n});"}],"API":{"node":{"fields":{"slug":"/zh/procmp/general/typography/API"},"frontmatter":{"title":"API","order":null},"html":"

Typography.Text

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名说明类型默认值
code添加代码样式booleanfalse
copyable是否可拷贝，为对象时可进行各种自定义boolean | copyablefalse
delete添加删除线样式booleanfalse
disabled禁用文本booleanfalse
ellipsis自动溢出省略，为对象时不能设置省略行数、是否可展开、onExpand 展开事件boolean | ellipsisfalse
keyboard添加键盘样式booleanfalse
mark添加标记样式booleanfalse
onClick点击 Text 时的回调(event) => void-
strong是否加粗booleanfalse
italic是否斜体booleanfalse
type文本类型secondary | success | warning | danger-
underline添加下划线样式booleanfalse
\n

Typography.Title

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名说明类型默认值
code添加代码样式booleanfalse
copyable是否可拷贝，为对象时可进行各种自定义boolean | copyablefalse
delete添加删除线样式booleanfalse
disabled禁用文本booleanfalse
ellipsis自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等boolean | ellipsisfalse
level重要程度，相当于 h1、h2、h3、h4、h5number: 1, 2, 3, 4, 51
mark添加标记样式booleanfalse
onClick点击 Title 时的回调(event) => void-
italic是否斜体booleanfalse
type文本类型secondary | success | warning | danger-
underline添加下划线样式booleanfalse
\n

Typography.Paragraph

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名说明类型默认值
code添加代码样式booleanfalse
copyable是否可拷贝，为对象时可进行各种自定义boolean | copyablefalse
delete添加删除线样式booleanfalse
disabled禁用文本booleanfalse
ellipsis自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等boolean | ellipsisfalse
mark添加标记样式booleanfalse
onClick点击 Paragraph 时的回调(event) => void-
strong是否加粗booleanfalse
italic是否斜体booleanfalse
type文本类型secondary | success | warning | danger-
underline添加下划线样式booleanfalse
\n

copyable

\n
{\n  text: string,\n  onCopy: function,\n  icon: ReactNode,\n  tooltips: false | [ReactNode, ReactNode],\n}
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名说明类型默认值
icon自定义拷贝图标：[默认图标, 拷贝后的图标][ReactNode, ReactNode]-
text拷贝到剪切板里的文本string-
tooltips自定义提示文案，为 false 时隐藏文案[ReactNode, ReactNode][复制, 复制成功]
onCopy拷贝成功的回调函数function-
\n

ellipsis

\n
{\n  rows: number,\n  expandable: boolean,\n  suffix: string,\n  symbol: ReactNode,\n  tooltip: boolean | ReactNode,\n  onExpand: function(event),\n  onEllipsis: function(ellipsis),\n}
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名说明类型默认值
expandable是否可展开boolean-
rows最多显示的行数number-
suffix自定义省略内容后缀string-
symbol自定义展开描述文案ReactNode展开
tooltip省略时，展示提示信息boolean | ReactNode-
onEllipsis触发省略时的回调function(ellipsis)-
onExpand点击展开时的回调function(event)-
\n

更多属性请参考 FormField。

","htmlAst":{"type":"root","children":[{"type":"element","tagName":"h3","properties":{"id":"typographytext","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#typographytext","ariaLabel":"typographytext permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Typography.Text"}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"code"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加代码样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"copyable"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否可拷贝，为对象时可进行各种自定义"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | "},{"type":"element","tagName":"a","properties":{"href":"#copyable"},"children":[{"type":"text","value":"copyable"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"delete"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加删除线样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"disabled"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"禁用文本"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"ellipsis"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自动溢出省略，为对象时不能设置省略行数、是否可展开、onExpand 展开事件"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | "},{"type":"element","tagName":"a","properties":{"href":"#ellipsis"},"children":[{"type":"text","value":"ellipsis"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"keyboard"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加键盘样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"mark"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加标记样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onClick"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"点击 Text 时的回调"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"(event) => void"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"strong"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否加粗"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"italic"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否斜体"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"type"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"文本类型"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"secondary"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"danger"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"underline"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加下划线样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"typographytitle","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#typographytitle","ariaLabel":"typographytitle permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Typography.Title"}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"code"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加代码样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"copyable"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否可拷贝，为对象时可进行各种自定义"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | "},{"type":"element","tagName":"a","properties":{"href":"#copyable"},"children":[{"type":"text","value":"copyable"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"delete"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加删除线样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"disabled"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"禁用文本"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"ellipsis"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | "},{"type":"element","tagName":"a","properties":{"href":"#ellipsis"},"children":[{"type":"text","value":"ellipsis"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"level"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"重要程度，相当于 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"h1"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"h2"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"h3"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"h4"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"h5"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"number: 1, 2, 3, 4, 5"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"1"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"mark"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加标记样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onClick"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"点击 Title 时的回调"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"(event) => void"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"italic"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否斜体"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"type"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"文本类型"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"secondary"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"danger"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"underline"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加下划线样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"typographyparagraph","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#typographyparagraph","ariaLabel":"typographyparagraph permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Typography.Paragraph"}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"code"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加代码样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"copyable"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否可拷贝，为对象时可进行各种自定义"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | "},{"type":"element","tagName":"a","properties":{"href":"#copyable"},"children":[{"type":"text","value":"copyable"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"delete"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加删除线样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"disabled"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"禁用文本"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"ellipsis"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | "},{"type":"element","tagName":"a","properties":{"href":"#ellipsis"},"children":[{"type":"text","value":"ellipsis"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"mark"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加标记样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onClick"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"点击 Paragraph 时的回调"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"(event) => void"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"strong"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否加粗"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"italic"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否斜体"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"type"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"文本类型"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"secondary"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" | "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"danger"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"underline"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"添加下划线样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"copyable","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#copyable","ariaLabel":"copyable permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"copyable"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"{\n text: string,\n onCopy: function,\n icon: ReactNode,\n tooltips: false | [ReactNode, ReactNode],\n}"}]}]}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"icon"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自定义拷贝图标：[默认图标, 拷贝后的图标]"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"[ReactNode, ReactNode]"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"text"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"拷贝到剪切板里的文本"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"string"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"tooltips"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自定义提示文案，为 false 时隐藏文案"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"[ReactNode, ReactNode]"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"["},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"复制"}]},{"type":"text","value":", "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"复制成功"}]},{"type":"text","value":"]"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onCopy"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"拷贝成功的回调函数"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"function"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"ellipsis","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#ellipsis","ariaLabel":"ellipsis permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"ellipsis"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"text"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-text"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"{\n rows: number,\n expandable: boolean,\n suffix: string,\n symbol: ReactNode,\n tooltip: boolean | ReactNode,\n onExpand: function(event),\n onEllipsis: function(ellipsis),\n}"}]}]}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"expandable"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"是否可展开"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"rows"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"最多显示的行数"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"number"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"suffix"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自定义省略内容后缀"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"string"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"symbol"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"自定义展开描述文案"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"ReactNode"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"展开"}]}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"tooltip"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"省略时，展示提示信息"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | ReactNode"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onEllipsis"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"触发省略时的回调"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"function(ellipsis)"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onExpand"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"点击展开时的回调"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"function(event)"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"-"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"更多属性请参考 "},{"type":"element","tagName":"a","properties":{"href":"/choerodon-ui/zh/procmp/abstract/field#FormField"},"children":[{"type":"text","value":"FormField"}]},{"type":"text","value":"。"}]}],"data":{"quirksMode":false}}}}},"description":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"文本的基本格式。"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"特性功能："}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"可关联数据源 DataSet 展示"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"提供可点击和可复制等额外的交互能力"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"何时使用","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E4%BD%95%E6%97%B6%E4%BD%BF%E7%94%A8","ariaLabel":"何时使用 permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"何时使用"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"当需要展示标题、段落、列表内容时使用，如文章/博客/日志的文本样式。"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"当需要一列基于文本的基础操作时，如拷贝/省略等。"}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}},"html":"

文本的基本格式。

\n

特性功能：

\n
    \n
  1. 可关联数据源 DataSet 展示
    2. \n
  2. 提供可点击和可复制等额外的交互能力
    3. \n
\n

何时使用

\n
    \n
  • 当需要展示标题、段落、列表内容时使用，如文章/博客/日志的文本样式。
    • \n
  • 当需要一列基于文本的基础操作时，如拷贝/省略等。
    • \n
"}},"staticQueryHashes":["1331108010","3000541721","3000541721","3238733320","653731124"]}