@szc-ft/szcd 1.1.7

package/dist/szcd-packages__grid__index.zh-CN.md.4013651b.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[9216],{79681:function(e,d,a){a.r(d);a(24532),a(68521),a(61788),a(2951),a(23018),a(73525);var t=a(28089),l=(a(25673),a(82259),a(78897),a(78990),a(19909),a(24913),a(57335)),s=a(19952),x=a(67294),r=a(9222),c=a(85893);d.default=function(){return(0,c.jsx)(l.dY,{children:(0,c.jsx)(x.Suspense,{fallback:(0,c.jsx)(s.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsx)("p",{children:r.texts[0].value}),(0,c.jsxs)("h2",{id:"设计理念",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#设计理念",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"设计理念"]}),(0,c.jsx)("p",{children:r.texts[1].value}),(0,c.jsx)("p",{children:r.texts[2].value}),(0,c.jsxs)("h2",{id:"概述",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#概述",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"概述"]}),(0,c.jsx)("p",{children:r.texts[3].value}),(0,c.jsxs)("ul",{children:[(0,c.jsxs)("li",{children:[r.texts[4].value,(0,c.jsx)("code",{children:r.texts[5].value}),r.texts[6].value,(0,c.jsx)("code",{children:r.texts[7].value}),r.texts[8].value]}),(0,c.jsxs)("li",{children:[r.texts[9].value,(0,c.jsx)("code",{children:r.texts[10].value}),r.texts[11].value,(0,c.jsx)("code",{children:r.texts[12].value}),r.texts[13].value,(0,c.jsx)("code",{children:r.texts[14].value}),r.texts[15].value]}),(0,c.jsxs)("li",{children:[r.texts[16].value,(0,c.jsx)("code",{children:r.texts[17].value}),r.texts[18].value]}),(0,c.jsxs)("li",{children:[r.texts[19].value,(0,c.jsx)("code",{children:r.texts[20].value}),r.texts[21].value,(0,c.jsx)("code",{children:r.texts[22].value}),r.texts[23].value,(0,c.jsx)("code",{children:r.texts[24].value}),r.texts[25].value]})]}),(0,c.jsx)("p",{children:r.texts[26].value}),(0,c.jsx)("p",{children:r.texts[27].value}),(0,c.jsxs)("h2",{id:"代码演示",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,c.jsx)(l.Z1,{items:[{demo:{id:"szcd-packages-grid-demo-basic"},previewerProps:{title:"基础栅格",filename:"szcd-packages/grid/demo/basic.tsx"}},{demo:{id:"szcd-packages-grid-demo-gutter"},previewerProps:{title:"区块间隔",filename:"szcd-packages/grid/demo/gutter.tsx"}},{demo:{id:"szcd-packages-grid-demo-offset"},previewerProps:{title:"左右偏移",filename:"szcd-packages/grid/demo/offset.tsx"}},{demo:{id:"szcd-packages-grid-demo-sort"},previewerProps:{title:"栅格排序",filename:"szcd-packages/grid/demo/sort.tsx"}},{demo:{id:"szcd-packages-grid-demo-flex"},previewerProps:{title:"排版",filename:"szcd-packages/grid/demo/flex.tsx"}},{demo:{id:"szcd-packages-grid-demo-flex-align"},previewerProps:{title:"对齐",filename:"szcd-packages/grid/demo/flex-align.tsx"}},{demo:{id:"szcd-packages-grid-demo-flex-order"},previewerProps:{title:"排序",filename:"szcd-packages/grid/demo/flex-order.tsx"}},{demo:{id:"szcd-packages-grid-demo-flex-stretch"},previewerProps:{title:"Flex 填充",filename:"szcd-packages/grid/demo/flex-stretch.tsx"}},{demo:{id:"szcd-packages-grid-demo-responsive"},previewerProps:{title:"响应式布局",filename:"szcd-packages/grid/demo/responsive.tsx"}},{demo:{id:"szcd-packages-grid-demo-responsive-more"},previewerProps:{title:"其他属性的响应式",filename:"szcd-packages/grid/demo/responsive-more.tsx"}},{demo:{id:"szcd-packages-grid-demo-playground"},previewerProps:{title:"栅格配置器",filename:"szcd-packages/grid/demo/playground.tsx"}},{demo:{id:"szcd-packages-grid-demo-usebreakpoint"},previewerProps:{title:"useBreakpoint Hook",filename:"szcd-packages/grid/demo/useBreakpoint.tsx"}}]}),(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h2",{id:"api",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,c.jsx)("p",{children:r.texts[28].value}),(0,c.jsxs)("ul",{children:[(0,c.jsx)("li",{children:(0,c.jsx)("a",{href:"http://roylee0704.github.io/react-flexbox-grid/",children:r.texts[29].value})}),(0,c.jsx)("li",{children:(0,c.jsx)("a",{href:"https://github.com/whoisandy/react-blocks/",children:r.texts[30].value})})]}),(0,c.jsxs)("h3",{id:"row",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#row",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Row"]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[31].value}),(0,c.jsx)("th",{children:r.texts[32].value}),(0,c.jsx)("th",{children:r.texts[33].value}),(0,c.jsx)("th",{children:r.texts[34].value}),(0,c.jsx)("th",{children:r.texts[35].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[36].value}),(0,c.jsx)("td",{children:r.texts[37].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[38].value}),r.texts[39].value,(0,c.jsx)("code",{children:r.texts[40].value}),r.texts[41].value,(0,c.jsx)("code",{children:r.texts[42].value}),r.texts[43].value,(0,c.jsx)("code",{children:r.texts[44].value}),r.texts[45].value,(0,c.jsx)("code",{children:r.texts[46].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[47].value})}),(0,c.jsx)("td",{children:r.texts[48].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[49].value}),(0,c.jsxs)("td",{children:[r.texts[50].value,(0,c.jsx)("code",{children:r.texts[51].value})]}),(0,c.jsx)("td",{children:r.texts[52].value}),(0,c.jsx)("td",{children:r.texts[53].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[54].value}),(0,c.jsx)("td",{children:r.texts[55].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[56].value}),r.texts[57].value,(0,c.jsx)("code",{children:r.texts[58].value}),r.texts[59].value,(0,c.jsx)("code",{children:r.texts[60].value}),r.texts[61].value,(0,c.jsx)("code",{children:r.texts[62].value}),r.texts[63].value,(0,c.jsx)("code",{children:r.texts[64].value}),r.texts[65].value,(0,c.jsx)("code",{children:r.texts[66].value}),r.texts[67].value,(0,c.jsx)("code",{children:r.texts[68].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[69].value})}),(0,c.jsx)("td",{children:r.texts[70].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[71].value}),(0,c.jsx)("td",{children:r.texts[72].value}),(0,c.jsx)("td",{children:r.texts[73].value}),(0,c.jsx)("td",{children:r.texts[74].value}),(0,c.jsx)("td",{children:r.texts[75].value})]})]})]}),(0,c.jsxs)("h3",{id:"col",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#col",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Col"]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[76].value}),(0,c.jsx)("th",{children:r.texts[77].value}),(0,c.jsx)("th",{children:r.texts[78].value}),(0,c.jsx)("th",{children:r.texts[79].value}),(0,c.jsx)("th",{children:r.texts[80].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[81].value}),(0,c.jsx)("td",{children:r.texts[82].value}),(0,c.jsx)("td",{children:r.texts[83].value}),(0,c.jsx)("td",{children:r.texts[84].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[85].value}),(0,c.jsx)("td",{children:r.texts[86].value}),(0,c.jsx)("td",{children:r.texts[87].value}),(0,c.jsx)("td",{children:r.texts[88].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[89].value}),(0,c.jsx)("td",{children:r.texts[90].value}),(0,c.jsx)("td",{children:r.texts[91].value}),(0,c.jsx)("td",{children:r.texts[92].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[93].value}),(0,c.jsx)("td",{children:r.texts[94].value}),(0,c.jsx)("td",{children:r.texts[95].value}),(0,c.jsx)("td",{children:r.texts[96].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[97].value}),(0,c.jsx)("td",{children:r.texts[98].value}),(0,c.jsx)("td",{children:r.texts[99].value}),(0,c.jsx)("td",{children:r.texts[100].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[101].value}),(0,c.jsxs)("td",{children:[r.texts[102].value,(0,c.jsx)("code",{children:r.texts[103].value})]}),(0,c.jsx)("td",{children:r.texts[104].value}),(0,c.jsx)("td",{children:r.texts[105].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[106].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[107].value}),r.texts[108].value]}),(0,c.jsx)("td",{children:r.texts[109].value}),(0,c.jsx)("td",{children:r.texts[110].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[111].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[112].value}),r.texts[113].value]}),(0,c.jsx)("td",{children:r.texts[114].value}),(0,c.jsx)("td",{children:r.texts[115].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[116].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[117].value}),r.texts[118].value]}),(0,c.jsx)("td",{children:r.texts[119].value}),(0,c.jsx)("td",{children:r.texts[120].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[121].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[122].value}),r.texts[123].value]}),(0,c.jsx)("td",{children:r.texts[124].value}),(0,c.jsx)("td",{children:r.texts[125].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[126].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[127].value}),r.texts[128].value]}),(0,c.jsx)("td",{children:r.texts[129].value}),(0,c.jsx)("td",{children:r.texts[130].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[131].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[132].value}),r.texts[133].value]}),(0,c.jsx)("td",{children:r.texts[134].value}),(0,c.jsx)("td",{children:r.texts[135].value}),(0,c.jsx)("td",{})]})]})]})]})]})})})}},9222:function(e,d,a){a.r(d),a.d(d,{texts:function(){return t}});const t=[{value:"24 栅格系统。",paraId:0},{value:"在多数业务情况下，Ant Design 需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，我们将整个设计建议区域按照 24 等分的原则进行划分。",paraId:1,tocIndex:0},{value:"划分之后的信息区块我们称之为『盒子』。建议横向排列的盒子数量最多四个，最少一个。『盒子』在整个屏幕上占比见上图。设计部分基于盒子的单位定制盒子内部的排版规则，以保证视觉层面的舒适感。",paraId:2,tocIndex:0},{value:"布局的栅格化系统，我们是基于行（row）和列（col）来定义信息区块的外部框架，以保证页面的每个区域能够稳健地排布起来。下面简单介绍一下它的工作原理：",paraId:3,tocIndex:1},{value:"通过 ",paraId:4,tocIndex:1},{value:"row",paraId:4,tocIndex:1},{value:" 在水平方向建立一组 ",paraId:4,tocIndex:1},{value:"column",paraId:4,tocIndex:1},{value:"（简写 col）。",paraId:4,tocIndex:1},{value:"你的内容应当放置于 ",paraId:4,tocIndex:1},{value:"col",paraId:4,tocIndex:1},{value:" 内，并且，只有 ",paraId:4,tocIndex:1},{value:"col",paraId:4,tocIndex:1},{value:" 可以作为 ",paraId:4,tocIndex:1},{value:"row",paraId:4,tocIndex:1},{value:" 的直接元素。",paraId:4,tocIndex:1},{value:"栅格系统中的列是指 1 到 24 的值来表示其跨越的范围。例如，三个等宽的列可以使用 ",paraId:4,tocIndex:1},{value:"<Col span={8} />",paraId:4,tocIndex:1},{value:" 来创建。",paraId:4,tocIndex:1},{value:"如果一个 ",paraId:4,tocIndex:1},{value:"row",paraId:4,tocIndex:1},{value:" 中的 ",paraId:4,tocIndex:1},{value:"col",paraId:4,tocIndex:1},{value:" 总和超过 24，那么多余的 ",paraId:4,tocIndex:1},{value:"col",paraId:4,tocIndex:1},{value:" 会作为一个整体另起一行排列。",paraId:4,tocIndex:1},{value:"我们的栅格化系统基于 Flex 布局，允许子元素在父节点内的水平对齐方式 - 居左、居中、居右、等宽排列、分散排列。子元素与子元素之间，支持顶部对齐、垂直居中对齐、底部对齐的方式。同时，支持使用 order 来定义元素的排列顺序。",paraId:5,tocIndex:1},{value:"布局是基于 24 栅格来定义每一个『盒子』的宽度，但不拘泥于栅格。",paraId:6,tocIndex:1},{value:"Ant Design 的布局组件若不能满足你的需求，你也可以直接使用社区的优秀布局组件：",paraId:7,tocIndex:15},{value:"react-flexbox-grid",paraId:8,tocIndex:15},{value:"react-blocks",paraId:8,tocIndex:15},{value:"参数",paraId:9,tocIndex:16},{value:"说明",paraId:9,tocIndex:16},{value:"类型",paraId:9,tocIndex:16},{value:"默认值",paraId:9,tocIndex:16},{value:"版本",paraId:9,tocIndex:16},{value:"align",paraId:9,tocIndex:16},{value:"垂直对齐方式",paraId:9,tocIndex:16},{value:"top",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"middle",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"bottom",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"stretch",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"{[key in 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl']: 'top' | 'middle' | 'bottom' | 'stretch'}",paraId:9,tocIndex:16},{value:"top",paraId:9,tocIndex:16},{value:"object: 4.24.0",paraId:9,tocIndex:16},{value:"gutter",paraId:9,tocIndex:16},{value:"栅格间隔，可以写成像素值或支持响应式的对象写法来设置水平间隔 { xs: 8, sm: 16, md: 24}。或者使用数组形式同时设置 ",paraId:9,tocIndex:16},{value:"[水平间距, 垂直间距]",paraId:9,tocIndex:16},{value:"number | object | array",paraId:9,tocIndex:16},{value:"0",paraId:9,tocIndex:16},{value:"justify",paraId:9,tocIndex:16},{value:"水平排列方式",paraId:9,tocIndex:16},{value:"start",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"end",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"center",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"space-around",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"space-between",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"space-evenly",paraId:9,tocIndex:16},{value:" | ",paraId:9,tocIndex:16},{value:"{[key in 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl']: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'}",paraId:9,tocIndex:16},{value:"start",paraId:9,tocIndex:16},{value:"object: 4.24.0",paraId:9,tocIndex:16},{value:"wrap",paraId:9,tocIndex:16},{value:"是否自动换行",paraId:9,tocIndex:16},{value:"boolean",paraId:9,tocIndex:16},{value:"true",paraId:9,tocIndex:16},{value:"4.8.0",paraId:9,tocIndex:16},{value:"参数",paraId:10,tocIndex:17},{value:"说明",paraId:10,tocIndex:17},{value:"类型",paraId:10,tocIndex:17},{value:"默认值",paraId:10,tocIndex:17},{value:"版本",paraId:10,tocIndex:17},{value:"flex",paraId:10,tocIndex:17},{value:"flex 布局属性",paraId:10,tocIndex:17},{value:"string | number",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"offset",paraId:10,tocIndex:17},{value:"栅格左侧的间隔格数，间隔内不可以有栅格",paraId:10,tocIndex:17},{value:"number",paraId:10,tocIndex:17},{value:"0",paraId:10,tocIndex:17},{value:"order",paraId:10,tocIndex:17},{value:"栅格顺序",paraId:10,tocIndex:17},{value:"number",paraId:10,tocIndex:17},{value:"0",paraId:10,tocIndex:17},{value:"pull",paraId:10,tocIndex:17},{value:"栅格向左移动格数",paraId:10,tocIndex:17},{value:"number",paraId:10,tocIndex:17},{value:"0",paraId:10,tocIndex:17},{value:"push",paraId:10,tocIndex:17},{value:"栅格向右移动格数",paraId:10,tocIndex:17},{value:"number",paraId:10,tocIndex:17},{value:"0",paraId:10,tocIndex:17},{value:"span",paraId:10,tocIndex:17},{value:"栅格占位格数，为 0 时相当于 ",paraId:10,tocIndex:17},{value:"display: none",paraId:10,tocIndex:17},{value:"number",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"xs",paraId:10,tocIndex:17},{value:"屏幕 < 576px",paraId:10,tocIndex:17},{value:" 响应式栅格，可为栅格数或一个包含其他属性的对象",paraId:10,tocIndex:17},{value:"number | object",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"sm",paraId:10,tocIndex:17},{value:"屏幕 ≥ 576px",paraId:10,tocIndex:17},{value:" 响应式栅格，可为栅格数或一个包含其他属性的对象",paraId:10,tocIndex:17},{value:"number | object",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"md",paraId:10,tocIndex:17},{value:"屏幕 ≥ 768px",paraId:10,tocIndex:17},{value:" 响应式栅格，可为栅格数或一个包含其他属性的对象",paraId:10,tocIndex:17},{value:"number | object",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"lg",paraId:10,tocIndex:17},{value:"屏幕 ≥ 992px",paraId:10,tocIndex:17},{value:" 响应式栅格，可为栅格数或一个包含其他属性的对象",paraId:10,tocIndex:17},{value:"number | object",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"xl",paraId:10,tocIndex:17},{value:"屏幕 ≥ 1200px",paraId:10,tocIndex:17},{value:" 响应式栅格，可为栅格数或一个包含其他属性的对象",paraId:10,tocIndex:17},{value:"number | object",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17},{value:"xxl",paraId:10,tocIndex:17},{value:"屏幕 ≥ 1600px",paraId:10,tocIndex:17},{value:" 响应式栅格，可为栅格数或一个包含其他属性的对象",paraId:10,tocIndex:17},{value:"number | object",paraId:10,tocIndex:17},{value:"-",paraId:10,tocIndex:17}]}}]);

package/dist/szcd-packages__icon__index.zh-CN.md.ef1f00ab.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[3095],{23063:function(e,a,t){t.r(a);t(24532),t(68521),t(61788),t(2951),t(23018);var d=t(73525),s=t(28089),l=(t(25673),t(82259),t(78897),t(78990),t(19909),t(24913)),n=t(57335),c=t(19952),x=t(67294),r=t(74784),o=t(85893);a.default=function(){return(0,o.jsx)(n.dY,{children:(0,o.jsx)(x.Suspense,{fallback:(0,o.jsx)(c.Z,{}),children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsxs)("h2",{id:"使用方法",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#使用方法",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"使用方法"]}),(0,o.jsx)("p",{children:r.texts[0].value})]}),(0,o.jsx)(l.Z,{npm:"npm install @szc-ft/szcd --save",yarn:"yarn add @szc-ft/szcd",pnpm:"pnpm install @szc-ft/szcd --save"}),(0,o.jsx)("div",{className:"markdown",children:(0,o.jsxs)("h2",{id:"代码演示",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})}),(0,o.jsx)(n.Z1,{items:[{demo:{id:"szcd-packages-icon-demo-basic"},previewerProps:{title:"基本用法",filename:"szcd-packages/icon/demo/basic.tsx"}},{demo:{id:"szcd-packages-icon-demo-two-tone"},previewerProps:{title:"多色图标",filename:"szcd-packages/icon/demo/two-tone.tsx"}},{demo:{id:"szcd-packages-icon-demo-custom"},previewerProps:{title:"自定义图标",filename:"szcd-packages/icon/demo/custom.tsx"}},{demo:{id:"szcd-packages-icon-demo-iconfont"},previewerProps:{title:"使用 iconfont.cn",filename:"szcd-packages/icon/demo/iconfont.tsx"}},{demo:{id:"szcd-packages-icon-demo-scripturl"},previewerProps:{title:"使用 iconfont.cn 的多个资源",filename:"szcd-packages/icon/demo/scriptUrl.tsx"}}]}),(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsxs)("h2",{id:"api",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,o.jsxs)("p",{children:[r.texts[1].value,(0,o.jsx)("code",{children:r.texts[2].value}),r.texts[3].value]}),(0,o.jsxs)("h3",{id:"通用图标",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#通用图标",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"通用图标"]}),(0,o.jsxs)(s.Z,{children:[(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:r.texts[4].value}),(0,o.jsx)("th",{children:r.texts[5].value}),(0,o.jsx)("th",{children:r.texts[6].value}),(0,o.jsx)("th",{children:r.texts[7].value}),(0,o.jsx)("th",{children:r.texts[8].value})]})}),(0,o.jsxs)("tbody",{children:[(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[9].value}),(0,o.jsx)("td",{children:r.texts[10].value}),(0,o.jsx)("td",{children:r.texts[11].value}),(0,o.jsx)("td",{children:r.texts[12].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[13].value}),(0,o.jsx)("td",{children:r.texts[14].value}),(0,o.jsx)("td",{children:r.texts[15].value}),(0,o.jsx)("td",{children:r.texts[16].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[17].value}),(0,o.jsx)("td",{children:r.texts[18].value}),(0,o.jsx)("td",{children:r.texts[19].value}),(0,o.jsx)("td",{children:r.texts[20].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[21].value}),(0,o.jsxs)("td",{children:[r.texts[22].value,(0,o.jsx)("code",{children:r.texts[23].value}),r.texts[24].value,(0,o.jsx)("code",{children:r.texts[25].value})]}),(0,o.jsx)("td",{children:r.texts[26].value}),(0,o.jsx)("td",{children:r.texts[27].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[28].value}),(0,o.jsx)("td",{children:r.texts[29].value}),(0,o.jsx)("td",{children:r.texts[30].value}),(0,o.jsx)("td",{children:r.texts[31].value}),(0,o.jsx)("td",{})]})]})]}),(0,o.jsx)("p",{children:r.texts[32].value}),(0,o.jsx)(d.Z,{lang:"js",children:r.texts[33].value}),(0,o.jsxs)("h3",{id:"自定义-icon",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#自定义-icon",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"自定义 Icon"]}),(0,o.jsxs)(s.Z,{children:[(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:r.texts[34].value}),(0,o.jsx)("th",{children:r.texts[35].value}),(0,o.jsx)("th",{children:r.texts[36].value}),(0,o.jsx)("th",{children:r.texts[37].value}),(0,o.jsx)("th",{children:r.texts[38].value})]})}),(0,o.jsxs)("tbody",{children:[(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[39].value}),(0,o.jsxs)("td",{children:[r.texts[40].value,(0,o.jsx)("code",{children:r.texts[41].value}),r.texts[42].value]}),(0,o.jsx)("td",{children:r.texts[43].value}),(0,o.jsx)("td",{children:r.texts[44].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[45].value}),(0,o.jsx)("td",{children:r.texts[46].value}),(0,o.jsx)("td",{children:r.texts[47].value}),(0,o.jsx)("td",{children:r.texts[48].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[49].value}),(0,o.jsx)("td",{children:r.texts[50].value}),(0,o.jsx)("td",{children:r.texts[51].value}),(0,o.jsx)("td",{children:r.texts[52].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[53].value}),(0,o.jsxs)("td",{children:[r.texts[54].value,(0,o.jsx)("code",{children:r.texts[55].value}),r.texts[56].value,(0,o.jsx)("code",{children:r.texts[57].value})]}),(0,o.jsx)("td",{children:r.texts[58].value}),(0,o.jsx)("td",{children:r.texts[59].value}),(0,o.jsx)("td",{})]})]})]}),(0,o.jsxs)("h3",{id:"关于-svg-图标",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#关于-svg-图标",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"关于 SVG 图标"]}),(0,o.jsxs)("p",{children:[r.texts[60].value,(0,o.jsx)("code",{children:r.texts[61].value}),r.texts[62].value]}),(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{children:r.texts[63].value}),(0,o.jsx)("li",{children:r.texts[64].value}),(0,o.jsx)("li",{children:r.texts[65].value}),(0,o.jsx)("li",{children:r.texts[66].value})]}),(0,o.jsxs)("p",{children:[r.texts[67].value,(0,o.jsx)("code",{children:r.texts[68].value}),r.texts[69].value,(0,o.jsx)("code",{children:r.texts[70].value}),r.texts[71].value,(0,o.jsx)("code",{children:r.texts[72].value}),r.texts[73].value]}),(0,o.jsx)(d.Z,{lang:"js",children:r.texts[74].value}),(0,o.jsxs)("h3",{id:"双色图标主色",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#双色图标主色",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"双色图标主色"]}),(0,o.jsxs)("p",{children:[r.texts[75].value,(0,o.jsx)("code",{children:r.texts[76].value}),r.texts[77].value,(0,o.jsx)("code",{children:r.texts[78].value}),r.texts[79].value]}),(0,o.jsx)(d.Z,{lang:"js",children:r.texts[80].value}),(0,o.jsxs)("h3",{id:"自定义-font-图标",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#自定义-font-图标",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"自定义 font 图标"]}),(0,o.jsxs)("p",{children:[r.texts[81].value,(0,o.jsx)("code",{children:r.texts[82].value}),r.texts[83].value,(0,o.jsx)("code",{children:r.texts[84].value}),r.texts[85].value]}),(0,o.jsx)(d.Z,{lang:"js",children:r.texts[86].value}),(0,o.jsxs)("p",{children:[r.texts[87].value,(0,o.jsx)("code",{children:r.texts[88].value}),r.texts[89].value]}),(0,o.jsx)("p",{children:r.texts[90].value}),(0,o.jsxs)(s.Z,{children:[(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:r.texts[91].value}),(0,o.jsx)("th",{children:r.texts[92].value}),(0,o.jsx)("th",{children:r.texts[93].value}),(0,o.jsx)("th",{children:r.texts[94].value}),(0,o.jsx)("th",{children:r.texts[95].value})]})}),(0,o.jsxs)("tbody",{children:[(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[96].value}),(0,o.jsxs)("td",{children:[r.texts[97].value,(0,o.jsx)("code",{children:r.texts[98].value}),r.texts[99].value,(0,o.jsx)("code",{children:r.texts[100].value}),r.texts[101].value]}),(0,o.jsx)("td",{children:r.texts[102].value}),(0,o.jsx)("td",{children:r.texts[103].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[104].value}),(0,o.jsxs)("td",{children:[(0,o.jsx)("a",{href:"http://iconfont.cn/",children:r.texts[105].value}),r.texts[106].value,(0,o.jsx)("code",{children:r.texts[107].value}),r.texts[108].value,(0,o.jsx)("code",{children:r.texts[109].value}),r.texts[110].value]}),(0,o.jsx)("td",{children:r.texts[111].value}),(0,o.jsx)("td",{children:r.texts[112].value}),(0,o.jsx)("td",{})]})]})]}),(0,o.jsxs)("p",{children:[r.texts[113].value,(0,o.jsx)("code",{children:r.texts[114].value}),r.texts[115].value]}),(0,o.jsx)("p",{children:r.texts[116].value}),(0,o.jsxs)("h3",{id:"自定义-svg-图标",children:[(0,o.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#自定义-svg-图标",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"自定义 SVG 图标"]}),(0,o.jsxs)("p",{children:[r.texts[117].value,(0,o.jsx)("code",{children:r.texts[118].value}),r.texts[119].value,(0,o.jsx)("a",{href:"https://www.npmjs.com/package/@svgr/webpack",children:r.texts[120].value}),r.texts[121].value,(0,o.jsx)("code",{children:r.texts[122].value}),r.texts[123].value,(0,o.jsx)("code",{children:r.texts[124].value}),r.texts[125].value,(0,o.jsx)("code",{children:r.texts[126].value}),r.texts[127].value,(0,o.jsx)("code",{children:r.texts[128].value}),r.texts[129].value,(0,o.jsx)("a",{href:"https://github.com/smooth-code/svgr#options",children:r.texts[130].value}),r.texts[131].value]}),(0,o.jsx)(d.Z,{lang:"js",children:r.texts[132].value}),(0,o.jsx)(d.Z,{lang:"js",children:r.texts[133].value}),(0,o.jsxs)("p",{children:[(0,o.jsx)("code",{children:r.texts[134].value}),r.texts[135].value,(0,o.jsx)("code",{children:r.texts[136].value}),r.texts[137].value]}),(0,o.jsxs)(s.Z,{children:[(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:r.texts[138].value}),(0,o.jsx)("th",{children:r.texts[139].value}),(0,o.jsx)("th",{children:r.texts[140].value}),(0,o.jsx)("th",{children:r.texts[141].value}),(0,o.jsx)("th",{children:r.texts[142].value})]})}),(0,o.jsxs)("tbody",{children:[(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[143].value}),(0,o.jsxs)("td",{children:[r.texts[144].value,(0,o.jsx)("code",{children:r.texts[145].value}),r.texts[146].value]}),(0,o.jsx)("td",{children:r.texts[147].value}),(0,o.jsx)("td",{children:r.texts[148].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[149].value}),(0,o.jsxs)("td",{children:[(0,o.jsx)("code",{children:r.texts[150].value}),r.texts[151].value]}),(0,o.jsx)("td",{children:r.texts[152].value}),(0,o.jsx)("td",{children:(0,o.jsx)("code",{children:r.texts[153].value})}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[154].value}),(0,o.jsxs)("td",{children:[(0,o.jsx)("code",{children:r.texts[155].value}),r.texts[156].value]}),(0,o.jsx)("td",{children:r.texts[157].value}),(0,o.jsx)("td",{children:(0,o.jsx)("code",{children:r.texts[158].value})}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[159].value}),(0,o.jsxs)("td",{children:[r.texts[160].value,(0,o.jsx)("code",{children:r.texts[161].value}),r.texts[162].value]}),(0,o.jsx)("td",{children:r.texts[163].value}),(0,o.jsx)("td",{children:r.texts[164].value}),(0,o.jsx)("td",{})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:r.texts[165].value}),(0,o.jsxs)("td",{children:[(0,o.jsx)("code",{children:r.texts[166].value}),r.texts[167].value]}),(0,o.jsx)("td",{children:r.texts[168].value}),(0,o.jsx)("td",{children:(0,o.jsx)("code",{children:r.texts[169].value})}),(0,o.jsx)("td",{})]})]})]})]})]})})})}},74784:function(e,a,t){t.r(a),t.d(a,{texts:function(){return d}});const d=[{value:"使用图标组件，你需要同样安装 @szc-ft/szcd 图标组件包：",paraId:0,tocIndex:0},{value:"szcd 不再内置 Icon 组件，请使用与组件一个包 ",paraId:1,tocIndex:7},{value:"@szc-ft/szcd",paraId:1,tocIndex:7},{value:"。",paraId:1,tocIndex:7},{value:"参数",paraId:2,tocIndex:8},{value:"说明",paraId:2,tocIndex:8},{value:"类型",paraId:2,tocIndex:8},{value:"默认值",paraId:2,tocIndex:8},{value:"版本",paraId:2,tocIndex:8},{value:"className",paraId:2,tocIndex:8},{value:"设置图标的样式名",paraId:2,tocIndex:8},{value:"string",paraId:2,tocIndex:8},{value:"-",paraId:2,tocIndex:8},{value:"rotate",paraId:2,tocIndex:8},{value:"图标旋转角度（IE9 无效）",paraId:2,tocIndex:8},{value:"number",paraId:2,tocIndex:8},{value:"-",paraId:2,tocIndex:8},{value:"spin",paraId:2,tocIndex:8},{value:"是否有旋转动画",paraId:2,tocIndex:8},{value:"boolean",paraId:2,tocIndex:8},{value:"false",paraId:2,tocIndex:8},{value:"style",paraId:2,tocIndex:8},{value:"设置图标的样式，例如 ",paraId:2,tocIndex:8},{value:"fontSize",paraId:2,tocIndex:8},{value:" 和 ",paraId:2,tocIndex:8},{value:"color",paraId:2,tocIndex:8},{value:"CSSProperties",paraId:2,tocIndex:8},{value:"-",paraId:2,tocIndex:8},{value:"twoToneColor",paraId:2,tocIndex:8},{value:"仅适用双色图标。设置双色图标的主要颜色",paraId:2,tocIndex:8},{value:"string (十六进制颜色)",paraId:2,tocIndex:8},{value:"-",paraId:2,tocIndex:8},{value:"其中我们提供了三种主题的图标，不同主题的 Icon 组件名为图标名加主题做为后缀。",paraId:3,tocIndex:8},{value:"import { StarOutlined, StarFilled, StarTwoTone } from '@szc-ft/szcd';\n\n<StarOutlined />\n<StarFilled />\n<StarTwoTone twoToneColor=\"#eb2f96\" />\n",paraId:4,tocIndex:8},{value:"参数",paraId:5,tocIndex:9},{value:"说明",paraId:5,tocIndex:9},{value:"类型",paraId:5,tocIndex:9},{value:"默认值",paraId:5,tocIndex:9},{value:"版本",paraId:5,tocIndex:9},{value:"component",paraId:5,tocIndex:9},{value:"控制如何渲染图标，通常是一个渲染根标签为 ",paraId:5,tocIndex:9},{value:"<svg>",paraId:5,tocIndex:9},{value:" 的 React 组件",paraId:5,tocIndex:9},{value:"ComponentType<CustomIconComponentProps>",paraId:5,tocIndex:9},{value:"-",paraId:5,tocIndex:9},{value:"rotate",paraId:5,tocIndex:9},{value:"图标旋转角度（IE9 无效）",paraId:5,tocIndex:9},{value:"number",paraId:5,tocIndex:9},{value:"-",paraId:5,tocIndex:9},{value:"spin",paraId:5,tocIndex:9},{value:"是否有旋转动画",paraId:5,tocIndex:9},{value:"boolean",paraId:5,tocIndex:9},{value:"false",paraId:5,tocIndex:9},{value:"style",paraId:5,tocIndex:9},{value:"设置图标的样式，例如 ",paraId:5,tocIndex:9},{value:"fontSize",paraId:5,tocIndex:9},{value:" 和 ",paraId:5,tocIndex:9},{value:"color",paraId:5,tocIndex:9},{value:"CSSProperties",paraId:5,tocIndex:9},{value:"-",paraId:5,tocIndex:9},{value:"在 ",paraId:6,tocIndex:10},{value:"3.9.0",paraId:6,tocIndex:10},{value:" 之后，我们使用了 SVG 图标替换了原先的 font 图标，从而带来了以下优势：",paraId:6,tocIndex:10},{value:"完全离线化使用，不需要从 CDN 下载字体文件，图标不会因为网络问题呈现方块，也无需字体文件本地部署。",paraId:7,tocIndex:10},{value:"在低端设备上 SVG 有更好的清晰度。",paraId:7,tocIndex:10},{value:"支持多色图标。",paraId:7,tocIndex:10},{value:"对于内建图标的更换可以提供更多 API，而不需要进行样式覆盖。",paraId:7,tocIndex:10},{value:"所有的图标都会以 ",paraId:8,tocIndex:10},{value:"<svg>",paraId:8,tocIndex:10},{value:" 标签渲染，可以使用 ",paraId:8,tocIndex:10},{value:"style",paraId:8,tocIndex:10},{value:" 和 ",paraId:8,tocIndex:10},{value:"className",paraId:8,tocIndex:10},{value:" 设置图标的大小和单色图标的颜色。例如：",paraId:8,tocIndex:10},{value:"import { MessageOutlined } from '@szc-ft/szcd';\n\n<MessageOutlined style={{ fontSize: '16px', color: '#08c' }} />;\n",paraId:9,tocIndex:10},{value:"对于双色图标，可以通过使用 ",paraId:10,tocIndex:11},{value:"getTwoToneColor()",paraId:10,tocIndex:11},{value:" 和 ",paraId:10,tocIndex:11},{value:"setTwoToneColor(colorString)",paraId:10,tocIndex:11},{value:" 来全局设置图标主色。",paraId:10,tocIndex:11},{value:"import { getTwoToneColor, setTwoToneColor } from '@szc-ft/szcd';\n\nsetTwoToneColor('#eb2f96');\ngetTwoToneColor(); // #eb2f96\n",paraId:11,tocIndex:11},{value:"在 ",paraId:12,tocIndex:12},{value:"3.9.0",paraId:12,tocIndex:12},{value:" 之后，我们提供了一个 ",paraId:12,tocIndex:12},{value:"createFromIconfontCN",paraId:12,tocIndex:12},{value:" 方法，方便开发者调用在 iconfont.cn 上自行管理的图标。",paraId:12,tocIndex:12},{value:"import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { createFromIconfontCN } from '@szc-ft/szcd';\n\nconst MyIcon = createFromIconfontCN({\n  // 隐藏外链\n  // scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // 在 iconfont.cn 上生成\n});\n\nReactDOM.createRoot(mountNode).render(<MyIcon type=\"icon-example\" />);\n",paraId:13,tocIndex:12},{value:"其本质上是创建了一个使用 ",paraId:14,tocIndex:12},{value:"<use>",paraId:14,tocIndex:12},{value:" 标签来渲染图标的组件。",paraId:14,tocIndex:12},{value:"options 的配置项如下：",paraId:15,tocIndex:12},{value:"参数",paraId:16,tocIndex:12},{value:"说明",paraId:16,tocIndex:12},{value:"类型",paraId:16,tocIndex:12},{value:"默认值",paraId:16,tocIndex:12},{value:"版本",paraId:16,tocIndex:12},{value:"extraCommonProps",paraId:16,tocIndex:12},{value:"给所有的 ",paraId:16,tocIndex:12},{value:"svg",paraId:16,tocIndex:12},{value:" 图标 ",paraId:16,tocIndex:12},{value:"<Icon />",paraId:16,tocIndex:12},{value:" 组件设置额外的属性",paraId:16,tocIndex:12},{value:"{ [key: string]: any }",paraId:16,tocIndex:12},{value:"{}",paraId:16,tocIndex:12},{value:"scriptUrl",paraId:16,tocIndex:12},{value:"iconfont.cn",paraId:16,tocIndex:12},{value:" 项目在线生成的 js 地址，",paraId:16,tocIndex:12},{value:"@szc-ft/szcd@4.1.0",paraId:16,tocIndex:12},{value:" 之后支持 ",paraId:16,tocIndex:12},{value:"string[]",paraId:16,tocIndex:12},{value:" 类型",paraId:16,tocIndex:12},{value:"string | string[]",paraId:16,tocIndex:12},{value:"-",paraId:16,tocIndex:12},{value:"在 ",paraId:17,tocIndex:12},{value:"scriptUrl",paraId:17,tocIndex:12},{value:" 都设置有效的情况下，组件在渲染前会自动引入 iconfont.cn 项目中的图标符号集，无需手动引入。",paraId:17,tocIndex:12},{value:"见 iconfont.cn 使用帮助 查看如何生成 js 地址。",paraId:18,tocIndex:12},{value:"如果使用 ",paraId:19,tocIndex:13},{value:"webpack",paraId:19,tocIndex:13},{value:"，可以通过配置 ",paraId:19,tocIndex:13},{value:"@svgr/webpack",paraId:19,tocIndex:13},{value:" 来将 ",paraId:19,tocIndex:13},{value:"svg",paraId:19,tocIndex:13},{value:" 图标作为 ",paraId:19,tocIndex:13},{value:"React",paraId:19,tocIndex:13},{value:" 组件导入。",paraId:19,tocIndex:13},{value:"@svgr/webpack",paraId:19,tocIndex:13},{value:" 的 ",paraId:19,tocIndex:13},{value:"options",paraId:19,tocIndex:13},{value:" 选项请参阅 ",paraId:19,tocIndex:13},{value:"svgr 文档",paraId:19,tocIndex:13},{value:"。",paraId:19,tocIndex:13},{value:"// webpack.config.js\nmodule.exports = {\n  // ... other config\n  test: /\\.svg(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n  use: [\n    {\n      loader: 'babel-loader',\n    },\n    {\n      loader: '@svgr/webpack',\n      options: {\n        babel: false,\n        icon: true,\n      },\n    },\n  ],\n};\n",paraId:20,tocIndex:13},{value:"import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport Icon from '@szc-ft/szcd';\nimport MessageSvg from 'path/to/message.svg'; // 你的 '*.svg' 文件路径\n// in create-react-app:\n// import { ReactComponent as MessageSvg } from 'path/to/message.svg';\n\nReactDOM.createRoot(mountNode).render(<Icon component={MessageSvg} />);\n",paraId:21,tocIndex:13},{value:"Icon",paraId:22,tocIndex:13},{value:" 中的 ",paraId:22,tocIndex:13},{value:"component",paraId:22,tocIndex:13},{value:" 组件的接受的属性如下：",paraId:22,tocIndex:13},{value:"字段",paraId:23,tocIndex:13},{value:"说明",paraId:23,tocIndex:13},{value:"类型",paraId:23,tocIndex:13},{value:"只读值",paraId:23,tocIndex:13},{value:"版本",paraId:23,tocIndex:13},{value:"className",paraId:23,tocIndex:13},{value:"计算后的 ",paraId:23,tocIndex:13},{value:"svg",paraId:23,tocIndex:13},{value:" 类名",paraId:23,tocIndex:13},{value:"string",paraId:23,tocIndex:13},{value:"-",paraId:23,tocIndex:13},{value:"fill",paraId:23,tocIndex:13},{value:"svg",paraId:23,tocIndex:13},{value:" 元素填充的颜色",paraId:23,tocIndex:13},{value:"string",paraId:23,tocIndex:13},{value:"currentColor",paraId:23,tocIndex:13},{value:"height",paraId:23,tocIndex:13},{value:"svg",paraId:23,tocIndex:13},{value:" 元素高度",paraId:23,tocIndex:13},{value:"string | number",paraId:23,tocIndex:13},{value:"1em",paraId:23,tocIndex:13},{value:"style",paraId:23,tocIndex:13},{value:"计算后的 ",paraId:23,tocIndex:13},{value:"svg",paraId:23,tocIndex:13},{value:" 元素样式",paraId:23,tocIndex:13},{value:"CSSProperties",paraId:23,tocIndex:13},{value:"-",paraId:23,tocIndex:13},{value:"width",paraId:23,tocIndex:13},{value:"svg",paraId:23,tocIndex:13},{value:" 元素宽度",paraId:23,tocIndex:13},{value:"string | number",paraId:23,tocIndex:13},{value:"1em",paraId:23,tocIndex:13}]}}]);

package/dist/szcd-packages__image__index.zh-CN.md.c4ab67b6.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[5924],{18406:function(e,a,t){t.r(a);t(24532),t(68521),t(61788),t(2951),t(23018);var d=t(73525),l=t(28089),r=(t(25673),t(82259),t(78897),t(78990),t(19909),t(24913),t(57335)),x=t(19952),n=t(67294),s=t(80212),c=t(85893);a.default=function(){return(0,c.jsx)(r.dY,{children:(0,c.jsx)(n.Suspense,{fallback:(0,c.jsx)(x.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsx)("p",{children:s.texts[0].value}),(0,c.jsxs)("h2",{id:"何时使用",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"何时使用"]}),(0,c.jsxs)("ul",{children:[(0,c.jsx)("li",{children:s.texts[1].value}),(0,c.jsx)("li",{children:s.texts[2].value})]}),(0,c.jsxs)("h2",{id:"代码演示",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,c.jsx)(r.Z1,{items:[{demo:{id:"szcd-packages-image-demo-basic"},previewerProps:{title:"基本用法",filename:"szcd-packages/image/demo/basic.tsx"}},{demo:{id:"szcd-packages-image-demo-fallback"},previewerProps:{title:"容错处理",filename:"szcd-packages/image/demo/fallback.tsx"}},{demo:{id:"szcd-packages-image-demo-placeholder"},previewerProps:{title:"渐进加载",filename:"szcd-packages/image/demo/placeholder.tsx"}},{demo:{id:"szcd-packages-image-demo-preview-group"},previewerProps:{title:"多张图片预览",filename:"szcd-packages/image/demo/preview-group.tsx"}},{demo:{id:"szcd-packages-image-demo-preview-group-visible"},previewerProps:{title:"相册模式",filename:"szcd-packages/image/demo/preview-group-visible.tsx"}},{demo:{id:"szcd-packages-image-demo-previewsrc"},previewerProps:{title:"自定义预览图片",filename:"szcd-packages/image/demo/previewSrc.tsx"}},{demo:{id:"szcd-packages-image-demo-controlled-preview"},previewerProps:{title:"受控的预览",filename:"szcd-packages/image/demo/controlled-preview.tsx"}},{demo:{id:"szcd-packages-image-demo-toolbarrender"},previewerProps:{title:"自定义工具栏",filename:"szcd-packages/image/demo/toolbarRender.tsx"}},{demo:{id:"szcd-packages-image-demo-imagerender"},previewerProps:{title:"自定义预览内容",filename:"szcd-packages/image/demo/imageRender.tsx"}}]}),(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h2",{id:"api",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,c.jsxs)("h3",{id:"image",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#image",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Image"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:s.texts[3].value}),(0,c.jsx)("th",{children:s.texts[4].value}),(0,c.jsx)("th",{children:s.texts[5].value}),(0,c.jsx)("th",{children:s.texts[6].value}),(0,c.jsx)("th",{children:s.texts[7].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[8].value}),(0,c.jsx)("td",{children:s.texts[9].value}),(0,c.jsx)("td",{children:s.texts[10].value}),(0,c.jsx)("td",{children:s.texts[11].value}),(0,c.jsx)("td",{children:s.texts[12].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[13].value}),(0,c.jsx)("td",{children:s.texts[14].value}),(0,c.jsx)("td",{children:s.texts[15].value}),(0,c.jsx)("td",{children:s.texts[16].value}),(0,c.jsx)("td",{children:s.texts[17].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[18].value}),(0,c.jsx)("td",{children:s.texts[19].value}),(0,c.jsx)("td",{children:s.texts[20].value}),(0,c.jsx)("td",{children:s.texts[21].value}),(0,c.jsx)("td",{children:s.texts[22].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[23].value}),(0,c.jsxs)("td",{children:[s.texts[24].value,(0,c.jsx)("code",{children:s.texts[25].value}),s.texts[26].value]}),(0,c.jsx)("td",{children:s.texts[27].value}),(0,c.jsx)("td",{children:s.texts[28].value}),(0,c.jsx)("td",{children:s.texts[29].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[30].value}),(0,c.jsxs)("td",{children:[s.texts[31].value,(0,c.jsx)("code",{children:s.texts[32].value}),s.texts[33].value]}),(0,c.jsxs)("td",{children:[s.texts[34].value,(0,c.jsx)(r.rU,{to:"#previewtype",children:s.texts[35].value})]}),(0,c.jsx)("td",{children:s.texts[36].value}),(0,c.jsxs)("td",{children:[s.texts[37].value,(0,c.jsx)(r.rU,{to:"#previewyype",children:s.texts[38].value}),s.texts[39].value]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[40].value}),(0,c.jsx)("td",{children:s.texts[41].value}),(0,c.jsx)("td",{children:s.texts[42].value}),(0,c.jsx)("td",{children:s.texts[43].value}),(0,c.jsx)("td",{children:s.texts[44].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[45].value}),(0,c.jsx)("td",{children:s.texts[46].value}),(0,c.jsx)("td",{children:s.texts[47].value}),(0,c.jsx)("td",{children:s.texts[48].value}),(0,c.jsx)("td",{children:s.texts[49].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[50].value}),(0,c.jsx)("td",{children:s.texts[51].value}),(0,c.jsx)("td",{children:s.texts[52].value}),(0,c.jsx)("td",{children:s.texts[53].value}),(0,c.jsx)("td",{children:s.texts[54].value})]})]})]}),(0,c.jsxs)("p",{children:[s.texts[55].value,(0,c.jsx)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Attributes",children:s.texts[56].value})]}),(0,c.jsxs)("h3",{id:"previewtype",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#previewtype",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"PreviewType"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:s.texts[57].value}),(0,c.jsx)("th",{children:s.texts[58].value}),(0,c.jsx)("th",{children:s.texts[59].value}),(0,c.jsx)("th",{children:s.texts[60].value}),(0,c.jsx)("th",{children:s.texts[61].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[62].value}),(0,c.jsx)("td",{children:s.texts[63].value}),(0,c.jsx)("td",{children:s.texts[64].value}),(0,c.jsx)("td",{children:s.texts[65].value}),(0,c.jsx)("td",{children:s.texts[66].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[67].value}),(0,c.jsx)("td",{children:s.texts[68].value}),(0,c.jsx)("td",{children:s.texts[69].value}),(0,c.jsx)("td",{children:s.texts[70].value}),(0,c.jsx)("td",{children:s.texts[71].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[72].value}),(0,c.jsx)("td",{children:s.texts[73].value}),(0,c.jsx)("td",{children:s.texts[74].value}),(0,c.jsx)("td",{children:s.texts[75].value}),(0,c.jsx)("td",{children:s.texts[76].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[77].value}),(0,c.jsx)("td",{children:s.texts[78].value}),(0,c.jsx)("td",{children:s.texts[79].value}),(0,c.jsx)("td",{children:s.texts[80].value}),(0,c.jsx)("td",{children:s.texts[81].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[82].value}),(0,c.jsx)("td",{children:s.texts[83].value}),(0,c.jsx)("td",{children:s.texts[84].value}),(0,c.jsx)("td",{children:s.texts[85].value}),(0,c.jsx)("td",{children:s.texts[86].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[87].value}),(0,c.jsx)("td",{children:s.texts[88].value}),(0,c.jsx)("td",{children:s.texts[89].value}),(0,c.jsx)("td",{children:s.texts[90].value}),(0,c.jsx)("td",{children:s.texts[91].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[92].value}),(0,c.jsx)("td",{children:s.texts[93].value}),(0,c.jsx)("td",{children:s.texts[94].value}),(0,c.jsx)("td",{children:s.texts[95].value}),(0,c.jsx)("td",{children:s.texts[96].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[97].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:s.texts[98].value}),s.texts[99].value]}),(0,c.jsx)("td",{children:s.texts[100].value}),(0,c.jsx)("td",{children:s.texts[101].value}),(0,c.jsx)("td",{children:s.texts[102].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[103].value}),(0,c.jsx)("td",{children:s.texts[104].value}),(0,c.jsx)("td",{children:s.texts[105].value}),(0,c.jsx)("td",{children:s.texts[106].value}),(0,c.jsx)("td",{children:s.texts[107].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[108].value}),(0,c.jsx)("td",{children:s.texts[109].value}),(0,c.jsx)("td",{children:s.texts[110].value}),(0,c.jsx)("td",{children:s.texts[111].value}),(0,c.jsx)("td",{children:s.texts[112].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[113].value}),(0,c.jsx)("td",{children:s.texts[114].value}),(0,c.jsx)("td",{children:s.texts[115].value}),(0,c.jsx)("td",{children:s.texts[116].value}),(0,c.jsx)("td",{children:s.texts[117].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[118].value}),(0,c.jsx)("td",{children:s.texts[119].value}),(0,c.jsx)("td",{children:s.texts[120].value}),(0,c.jsx)("td",{children:s.texts[121].value}),(0,c.jsx)("td",{children:s.texts[122].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[123].value}),(0,c.jsx)("td",{children:s.texts[124].value}),(0,c.jsxs)("td",{children:[s.texts[125].value,(0,c.jsx)(r.rU,{to:"#toolbarrenderinfotype",children:s.texts[126].value}),s.texts[127].value]}),(0,c.jsx)("td",{children:s.texts[128].value}),(0,c.jsx)("td",{children:s.texts[129].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[130].value}),(0,c.jsx)("td",{children:s.texts[131].value}),(0,c.jsxs)("td",{children:[s.texts[132].value,(0,c.jsx)(r.rU,{to:"#transformtype",children:s.texts[133].value}),s.texts[134].value]}),(0,c.jsx)("td",{children:s.texts[135].value}),(0,c.jsx)("td",{children:s.texts[136].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[137].value}),(0,c.jsx)("td",{children:s.texts[138].value}),(0,c.jsxs)("td",{children:[s.texts[139].value,(0,c.jsx)(r.rU,{to:"#transformtype",children:s.texts[140].value}),s.texts[141].value,(0,c.jsx)(r.rU,{to:"#transformaction",children:s.texts[142].value}),s.texts[143].value]}),(0,c.jsx)("td",{children:s.texts[144].value}),(0,c.jsx)("td",{children:s.texts[145].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[146].value}),(0,c.jsxs)("td",{children:[s.texts[147].value,(0,c.jsx)("code",{children:s.texts[148].value}),s.texts[149].value]}),(0,c.jsx)("td",{children:s.texts[150].value}),(0,c.jsx)("td",{children:s.texts[151].value}),(0,c.jsx)("td",{children:s.texts[152].value})]})]})]}),(0,c.jsxs)("h2",{id:"previewgroup",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#previewgroup",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"PreviewGroup"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:s.texts[153].value}),(0,c.jsx)("th",{children:s.texts[154].value}),(0,c.jsx)("th",{children:s.texts[155].value}),(0,c.jsx)("th",{children:s.texts[156].value}),(0,c.jsx)("th",{children:s.texts[157].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[158].value}),(0,c.jsxs)("td",{children:[s.texts[159].value,(0,c.jsx)("code",{children:s.texts[160].value}),s.texts[161].value]}),(0,c.jsxs)("td",{children:[s.texts[162].value,(0,c.jsx)(r.rU,{to:"#previewgrouptype",children:s.texts[163].value})]}),(0,c.jsx)("td",{children:s.texts[164].value}),(0,c.jsxs)("td",{children:[s.texts[165].value,(0,c.jsx)(r.rU,{to:"#previewgrouptype",children:s.texts[166].value}),s.texts[167].value]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[168].value}),(0,c.jsx)("td",{children:s.texts[169].value}),(0,c.jsx)("td",{children:s.texts[170].value}),(0,c.jsx)("td",{children:s.texts[171].value}),(0,c.jsx)("td",{children:s.texts[172].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[173].value}),(0,c.jsx)("td",{children:s.texts[174].value}),(0,c.jsx)("td",{children:s.texts[175].value}),(0,c.jsx)("td",{children:s.texts[176].value}),(0,c.jsx)("td",{children:s.texts[177].value})]})]})]}),(0,c.jsxs)("h3",{id:"previewgrouptype",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#previewgrouptype",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"PreviewGroupType"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:s.texts[178].value}),(0,c.jsx)("th",{children:s.texts[179].value}),(0,c.jsx)("th",{children:s.texts[180].value}),(0,c.jsx)("th",{children:s.texts[181].value}),(0,c.jsx)("th",{children:s.texts[182].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[183].value}),(0,c.jsx)("td",{children:s.texts[184].value}),(0,c.jsx)("td",{children:s.texts[185].value}),(0,c.jsx)("td",{children:s.texts[186].value}),(0,c.jsx)("td",{children:s.texts[187].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[188].value}),(0,c.jsx)("td",{children:s.texts[189].value}),(0,c.jsx)("td",{children:s.texts[190].value}),(0,c.jsx)("td",{children:s.texts[191].value}),(0,c.jsx)("td",{children:s.texts[192].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[193].value}),(0,c.jsx)("td",{children:s.texts[194].value}),(0,c.jsx)("td",{children:s.texts[195].value}),(0,c.jsx)("td",{children:s.texts[196].value}),(0,c.jsx)("td",{children:s.texts[197].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[198].value}),(0,c.jsx)("td",{children:s.texts[199].value}),(0,c.jsx)("td",{children:s.texts[200].value}),(0,c.jsx)("td",{children:s.texts[201].value}),(0,c.jsx)("td",{children:s.texts[202].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[203].value}),(0,c.jsx)("td",{children:s.texts[204].value}),(0,c.jsx)("td",{children:s.texts[205].value}),(0,c.jsx)("td",{children:s.texts[206].value}),(0,c.jsx)("td",{children:s.texts[207].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[208].value}),(0,c.jsx)("td",{children:s.texts[209].value}),(0,c.jsx)("td",{children:s.texts[210].value}),(0,c.jsx)("td",{children:s.texts[211].value}),(0,c.jsx)("td",{children:s.texts[212].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[213].value}),(0,c.jsx)("td",{children:s.texts[214].value}),(0,c.jsx)("td",{children:s.texts[215].value}),(0,c.jsx)("td",{children:s.texts[216].value}),(0,c.jsx)("td",{children:s.texts[217].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[218].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:s.texts[219].value}),s.texts[220].value]}),(0,c.jsx)("td",{children:s.texts[221].value}),(0,c.jsx)("td",{children:s.texts[222].value}),(0,c.jsx)("td",{children:s.texts[223].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[224].value}),(0,c.jsx)("td",{children:s.texts[225].value}),(0,c.jsx)("td",{children:s.texts[226].value}),(0,c.jsx)("td",{children:s.texts[227].value}),(0,c.jsx)("td",{children:s.texts[228].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[229].value}),(0,c.jsx)("td",{children:s.texts[230].value}),(0,c.jsx)("td",{children:s.texts[231].value}),(0,c.jsx)("td",{children:s.texts[232].value}),(0,c.jsx)("td",{children:s.texts[233].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[234].value}),(0,c.jsx)("td",{children:s.texts[235].value}),(0,c.jsx)("td",{children:s.texts[236].value}),(0,c.jsx)("td",{children:s.texts[237].value}),(0,c.jsx)("td",{children:s.texts[238].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[239].value}),(0,c.jsx)("td",{children:s.texts[240].value}),(0,c.jsx)("td",{children:s.texts[241].value}),(0,c.jsx)("td",{children:s.texts[242].value}),(0,c.jsx)("td",{children:s.texts[243].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[244].value}),(0,c.jsx)("td",{children:s.texts[245].value}),(0,c.jsx)("td",{children:s.texts[246].value}),(0,c.jsx)("td",{children:s.texts[247].value}),(0,c.jsx)("td",{children:s.texts[248].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[249].value}),(0,c.jsx)("td",{children:s.texts[250].value}),(0,c.jsxs)("td",{children:[s.texts[251].value,(0,c.jsx)(r.rU,{to:"#toolbarrenderinfotype",children:s.texts[252].value}),s.texts[253].value]}),(0,c.jsx)("td",{children:s.texts[254].value}),(0,c.jsx)("td",{children:s.texts[255].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[256].value}),(0,c.jsx)("td",{children:s.texts[257].value}),(0,c.jsxs)("td",{children:[s.texts[258].value,(0,c.jsx)(r.rU,{to:"#transformtype",children:s.texts[259].value}),s.texts[260].value]}),(0,c.jsx)("td",{children:s.texts[261].value}),(0,c.jsx)("td",{children:s.texts[262].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[263].value}),(0,c.jsx)("td",{children:s.texts[264].value}),(0,c.jsxs)("td",{children:[s.texts[265].value,(0,c.jsx)(r.rU,{to:"#transformtype",children:s.texts[266].value}),s.texts[267].value,(0,c.jsx)(r.rU,{to:"#transformaction",children:s.texts[268].value}),s.texts[269].value]}),(0,c.jsx)("td",{children:s.texts[270].value}),(0,c.jsx)("td",{children:s.texts[271].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[272].value}),(0,c.jsx)("td",{children:s.texts[273].value}),(0,c.jsx)("td",{children:s.texts[274].value}),(0,c.jsx)("td",{children:s.texts[275].value}),(0,c.jsx)("td",{children:s.texts[276].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:s.texts[277].value}),(0,c.jsxs)("td",{children:[s.texts[278].value,(0,c.jsx)("code",{children:s.texts[279].value}),s.texts[280].value]}),(0,c.jsx)("td",{children:s.texts[281].value}),(0,c.jsx)("td",{children:s.texts[282].value}),(0,c.jsx)("td",{children:s.texts[283].value})]})]})]}),(0,c.jsxs)("h2",{id:"interface",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#interface",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Interface"]}),(0,c.jsxs)("h3",{id:"transformtype",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#transformtype",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"TransformType"]}),(0,c.jsx)(d.Z,{lang:"typescript",children:s.texts[284].value}),(0,c.jsxs)("h3",{id:"transformaction",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#transformaction",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"TransformAction"]}),(0,c.jsx)(d.Z,{lang:"typescript",children:s.texts[285].value}),(0,c.jsxs)("h3",{id:"toolbarrenderinfotype",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#toolbarrenderinfotype",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"ToolbarRenderInfoType"]}),(0,c.jsx)(d.Z,{lang:"typescript",children:s.texts[286].value})]})]})})})}},80212:function(e,a,t){t.r(a),t.d(a,{texts:function(){return d}});const d=[{value:"可预览的图片。",paraId:0},{value:"需要展示图片时使用。",paraId:1,tocIndex:0},{value:"加载显示大图或加载失败时容错处理。",paraId:1,tocIndex:0},{value:"参数",paraId:2,tocIndex:12},{value:"说明",paraId:2,tocIndex:12},{value:"类型",paraId:2,tocIndex:12},{value:"默认值",paraId:2,tocIndex:12},{value:"版本",paraId:2,tocIndex:12},{value:"alt",paraId:2,tocIndex:12},{value:"图像描述",paraId:2,tocIndex:12},{value:"string",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.6.0",paraId:2,tocIndex:12},{value:"fallback",paraId:2,tocIndex:12},{value:"加载失败容错地址",paraId:2,tocIndex:12},{value:"string",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.6.0",paraId:2,tocIndex:12},{value:"height",paraId:2,tocIndex:12},{value:"图像高度",paraId:2,tocIndex:12},{value:"string | number",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.6.0",paraId:2,tocIndex:12},{value:"placeholder",paraId:2,tocIndex:12},{value:"加载占位, 为 ",paraId:2,tocIndex:12},{value:"true",paraId:2,tocIndex:12},{value:" 时使用默认占位",paraId:2,tocIndex:12},{value:"ReactNode",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.6.0",paraId:2,tocIndex:12},{value:"preview",paraId:2,tocIndex:12},{value:"预览参数，为 ",paraId:2,tocIndex:12},{value:"false",paraId:2,tocIndex:12},{value:" 时禁用",paraId:2,tocIndex:12},{value:"boolean | ",paraId:2,tocIndex:12},{value:"PreviewType",paraId:3,tocIndex:12},{value:"true",paraId:2,tocIndex:12},{value:"4.6.0 ",paraId:2,tocIndex:12},{value:"PreviewType",paraId:4,tocIndex:12},{value:":4.7.0",paraId:2,tocIndex:12},{value:"src",paraId:2,tocIndex:12},{value:"图片地址",paraId:2,tocIndex:12},{value:"string",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.6.0",paraId:2,tocIndex:12},{value:"width",paraId:2,tocIndex:12},{value:"图像宽度",paraId:2,tocIndex:12},{value:"string | number",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.6.0",paraId:2,tocIndex:12},{value:"onError",paraId:2,tocIndex:12},{value:"加载错误回调",paraId:2,tocIndex:12},{value:"(event: Event) => void",paraId:2,tocIndex:12},{value:"-",paraId:2,tocIndex:12},{value:"4.12.0",paraId:2,tocIndex:12},{value:"其他属性见 ",paraId:5,tocIndex:12},{value:"<img>",paraId:5,tocIndex:12},{value:"参数",paraId:6,tocIndex:13},{value:"说明",paraId:6,tocIndex:13},{value:"类型",paraId:6,tocIndex:13},{value:"默认值",paraId:6,tocIndex:13},{value:"版本",paraId:6,tocIndex:13},{value:"visible",paraId:6,tocIndex:13},{value:"是否显示",paraId:6,tocIndex:13},{value:"boolean",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"src",paraId:6,tocIndex:13},{value:"自定义预览 src",paraId:6,tocIndex:13},{value:"string",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"4.10.0",paraId:6,tocIndex:13},{value:"getContainer",paraId:6,tocIndex:13},{value:"指定预览挂载的节点，但依旧为全屏展示，false 为挂载在当前位置",paraId:6,tocIndex:13},{value:"string | HTMLElement | (() => HTMLElement) | false",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"4.8.0",paraId:6,tocIndex:13},{value:"movable",paraId:6,tocIndex:13},{value:"是否可移动",paraId:6,tocIndex:13},{value:"boolean",paraId:6,tocIndex:13},{value:"true",paraId:6,tocIndex:13},{value:"5.8.0",paraId:6,tocIndex:13},{value:"mask",paraId:6,tocIndex:13},{value:"缩略图遮罩",paraId:6,tocIndex:13},{value:"ReactNode",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"4.9.0",paraId:6,tocIndex:13},{value:"maskClassName",paraId:6,tocIndex:13},{value:"缩略图遮罩类名",paraId:6,tocIndex:13},{value:"string",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"4.11.0",paraId:6,tocIndex:13},{value:"rootClassName",paraId:6,tocIndex:13},{value:"预览图的根 DOM 类名",paraId:6,tocIndex:13},{value:"string",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"5.4.0",paraId:6,tocIndex:13},{value:"scaleStep",paraId:6,tocIndex:13},{value:"1 + scaleStep",paraId:6,tocIndex:13},{value:" 为缩放放大的每步倍数",paraId:6,tocIndex:13},{value:"number",paraId:6,tocIndex:13},{value:"0.5",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"minScale",paraId:6,tocIndex:13},{value:"最小缩放倍数",paraId:6,tocIndex:13},{value:"number",paraId:6,tocIndex:13},{value:"1",paraId:6,tocIndex:13},{value:"5.7.0",paraId:6,tocIndex:13},{value:"maxScale",paraId:6,tocIndex:13},{value:"最大放大倍数",paraId:6,tocIndex:13},{value:"number",paraId:6,tocIndex:13},{value:"50",paraId:6,tocIndex:13},{value:"5.7.0",paraId:6,tocIndex:13},{value:"closeIcon",paraId:6,tocIndex:13},{value:"自定义关闭 Icon",paraId:6,tocIndex:13},{value:"React.ReactNode",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"5.7.0",paraId:6,tocIndex:13},{value:"forceRender",paraId:6,tocIndex:13},{value:"强制渲染预览图",paraId:6,tocIndex:13},{value:"boolean",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"toolbarRender",paraId:6,tocIndex:13},{value:"自定义工具栏",paraId:6,tocIndex:13},{value:"(originalNode: React.ReactNode, info: Omit<",paraId:6,tocIndex:13},{value:"ToolbarRenderInfoType",paraId:7,tocIndex:13},{value:", 'current' | 'total'>) => React.ReactNode",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"5.7.0",paraId:6,tocIndex:13},{value:"imageRender",paraId:6,tocIndex:13},{value:"自定义预览内容",paraId:6,tocIndex:13},{value:"(originalNode: React.ReactNode, info: { transform: ",paraId:6,tocIndex:13},{value:"TransformType",paraId:8,tocIndex:13},{value:" }) => React.ReactNode",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"5.7.0",paraId:6,tocIndex:13},{value:"onTransform",paraId:6,tocIndex:13},{value:"预览图 transform 变化的回调",paraId:6,tocIndex:13},{value:"{ transform: ",paraId:6,tocIndex:13},{value:"TransformType",paraId:9,tocIndex:13},{value:", action: ",paraId:6,tocIndex:13},{value:"TransformAction",paraId:10,tocIndex:13},{value:" }",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"5.7.0",paraId:6,tocIndex:13},{value:"onVisibleChange",paraId:6,tocIndex:13},{value:"当 ",paraId:6,tocIndex:13},{value:"visible",paraId:6,tocIndex:13},{value:" 发生改变时的回调",paraId:6,tocIndex:13},{value:"(visible: boolean, prevVisible: boolean) => void",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"-",paraId:6,tocIndex:13},{value:"参数",paraId:11,tocIndex:14},{value:"说明",paraId:11,tocIndex:14},{value:"类型",paraId:11,tocIndex:14},{value:"默认值",paraId:11,tocIndex:14},{value:"版本",paraId:11,tocIndex:14},{value:"preview",paraId:11,tocIndex:14},{value:"预览参数，为 ",paraId:11,tocIndex:14},{value:"false",paraId:11,tocIndex:14},{value:" 时禁用",paraId:11,tocIndex:14},{value:"boolean | ",paraId:11,tocIndex:14},{value:"PreviewGroupType",paraId:12,tocIndex:14},{value:"true",paraId:11,tocIndex:14},{value:"4.6.0 ",paraId:11,tocIndex:14},{value:"PreviewGroupType",paraId:13,tocIndex:14},{value:":4.7.0",paraId:11,tocIndex:14},{value:"items",paraId:11,tocIndex:14},{value:"预览数组",paraId:11,tocIndex:14},{value:"string[] | { src: string, crossOrigin: string, ... }[]",paraId:11,tocIndex:14},{value:"-",paraId:11,tocIndex:14},{value:"5.7.0",paraId:11,tocIndex:14},{value:"fallback",paraId:11,tocIndex:14},{value:"加载失败容错地址",paraId:11,tocIndex:14},{value:"string",paraId:11,tocIndex:14},{value:"-",paraId:11,tocIndex:14},{value:"5.7.0",paraId:11,tocIndex:14},{value:"参数",paraId:14,tocIndex:15},{value:"说明",paraId:14,tocIndex:15},{value:"类型",paraId:14,tocIndex:15},{value:"默认值",paraId:14,tocIndex:15},{value:"版本",paraId:14,tocIndex:15},{value:"visible",paraId:14,tocIndex:15},{value:"是否显示",paraId:14,tocIndex:15},{value:"boolean",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"getContainer",paraId:14,tocIndex:15},{value:"指定预览挂载的节点，但依旧为全屏展示，false 为挂载在当前位置",paraId:14,tocIndex:15},{value:"string | HTMLElement | (() => HTMLElement) | false",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"4.8.0",paraId:14,tocIndex:15},{value:"movable",paraId:14,tocIndex:15},{value:"是否可移动",paraId:14,tocIndex:15},{value:"boolean",paraId:14,tocIndex:15},{value:"true",paraId:14,tocIndex:15},{value:"5.8.0",paraId:14,tocIndex:15},{value:"current",paraId:14,tocIndex:15},{value:"当前预览图的 index",paraId:14,tocIndex:15},{value:"number",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"4.12.0",paraId:14,tocIndex:15},{value:"mask",paraId:14,tocIndex:15},{value:"缩略图遮罩",paraId:14,tocIndex:15},{value:"ReactNode",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"4.9.0",paraId:14,tocIndex:15},{value:"maskClassName",paraId:14,tocIndex:15},{value:"缩略图遮罩类名",paraId:14,tocIndex:15},{value:"string",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"4.11.0",paraId:14,tocIndex:15},{value:"rootClassName",paraId:14,tocIndex:15},{value:"预览图的根 DOM 类名",paraId:14,tocIndex:15},{value:"string",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"5.4.0",paraId:14,tocIndex:15},{value:"scaleStep",paraId:14,tocIndex:15},{value:"1 + scaleStep",paraId:14,tocIndex:15},{value:" 为缩放放大的每步倍数",paraId:14,tocIndex:15},{value:"number",paraId:14,tocIndex:15},{value:"0.5",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"minScale",paraId:14,tocIndex:15},{value:"最小缩放倍数",paraId:14,tocIndex:15},{value:"number",paraId:14,tocIndex:15},{value:"1",paraId:14,tocIndex:15},{value:"5.7.0",paraId:14,tocIndex:15},{value:"maxScale",paraId:14,tocIndex:15},{value:"最大放大倍数",paraId:14,tocIndex:15},{value:"number",paraId:14,tocIndex:15},{value:"50",paraId:14,tocIndex:15},{value:"5.7.0",paraId:14,tocIndex:15},{value:"closeIcon",paraId:14,tocIndex:15},{value:"自定义关闭 Icon",paraId:14,tocIndex:15},{value:"React.ReactNode",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"5.7.0",paraId:14,tocIndex:15},{value:"forceRender",paraId:14,tocIndex:15},{value:"强制渲染预览图",paraId:14,tocIndex:15},{value:"boolean",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"countRender",paraId:14,tocIndex:15},{value:"自定义预览计数内容",paraId:14,tocIndex:15},{value:"(current: number, total: number) => React.ReactNode",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"4.20.0",paraId:14,tocIndex:15},{value:"toolbarRender",paraId:14,tocIndex:15},{value:"自定义工具栏",paraId:14,tocIndex:15},{value:"(originalNode: React.ReactNode, info: ",paraId:14,tocIndex:15},{value:"ToolbarRenderInfoType",paraId:15,tocIndex:15},{value:") => React.ReactNode",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"5.7.0",paraId:14,tocIndex:15},{value:"imageRender",paraId:14,tocIndex:15},{value:"自定义预览内容",paraId:14,tocIndex:15},{value:"(originalNode: React.ReactNode, info: { transform: ",paraId:14,tocIndex:15},{value:"TransformType",paraId:16,tocIndex:15},{value:", current: number }) => React.ReactNode",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"5.7.0",paraId:14,tocIndex:15},{value:"onTransform",paraId:14,tocIndex:15},{value:"预览图 transform 变化的回调",paraId:14,tocIndex:15},{value:"{ transform: ",paraId:14,tocIndex:15},{value:"TransformType",paraId:17,tocIndex:15},{value:", action: ",paraId:14,tocIndex:15},{value:"TransformAction",paraId:18,tocIndex:15},{value:" }",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"5.7.0",paraId:14,tocIndex:15},{value:"onChange",paraId:14,tocIndex:15},{value:"切换预览图的回调",paraId:14,tocIndex:15},{value:"(current: number, prevCurrent: number) => void",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"5.3.0",paraId:14,tocIndex:15},{value:"onVisibleChange",paraId:14,tocIndex:15},{value:"当 ",paraId:14,tocIndex:15},{value:"visible",paraId:14,tocIndex:15},{value:" 发生改变时的回调",paraId:14,tocIndex:15},{value:"(visible: boolean, prevVisible: boolean, current: number) => void",paraId:14,tocIndex:15},{value:"-",paraId:14,tocIndex:15},{value:"current 参数 5.3.0",paraId:14,tocIndex:15},{value:"{\n  x: number;\n  y: number;\n  rotate: number;\n  scale: number;\n  flipX: boolean;\n  flipY: boolean;\n}\n",paraId:19,tocIndex:17},{value:"type TransformAction =\n  | 'flipY'\n  | 'flipX'\n  | 'rotateLeft'\n  | 'rotateRight'\n  | 'zoomIn'\n  | 'zoomOut'\n  | 'close'\n  | 'prev'\n  | 'next'\n  | 'wheel'\n  | 'doubleClick'\n  | 'move'\n  | 'dragRebound';\n",paraId:20,tocIndex:18},{value:"{\n  icons: {\n    flipYIcon: React.ReactNode;\n    flipXIcon: React.ReactNode;\n    rotateLeftIcon: React.ReactNode;\n    rotateRightIcon: React.ReactNode;\n    zoomOutIcon: React.ReactNode;\n    zoomInIcon: React.ReactNode;\n  };\n  actions: {\n    onFlipY: () => void;\n    onFlipX: () => void;\n    onRotateLeft: () => void;\n    onRotateRight: () => void;\n    onZoomOut: () => void;\n    onZoomIn: () => void;\n  };\n  transform: TransformType,\n  current: number;\n  total: number;\n}\n",paraId:21,tocIndex:19}]}}]);

package/dist/szcd-packages__input-number__index.zh-CN.md.0cd4a2f1.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[6941],{56902:function(e,a,d){d.r(a);d(24532),d(68521),d(61788),d(2951),d(23018),d(73525);var t=d(28089),l=(d(25673),d(82259),d(78897),d(78990),d(19909),d(24913),d(57335)),s=d(19952),r=d(67294),n=d(14832),x=d(85893);a.default=function(){return(0,x.jsx)(l.dY,{children:(0,x.jsx)(r.Suspense,{fallback:(0,x.jsx)(s.Z,{}),children:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsx)("p",{children:n.texts[0].value}),(0,x.jsxs)("h2",{id:"何时使用",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"何时使用"]}),(0,x.jsx)("p",{children:n.texts[1].value}),(0,x.jsxs)("h2",{id:"代码演示",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,x.jsx)(l.Z1,{items:[{demo:{id:"szcd-packages-input-number-demo-basic"},previewerProps:{title:"基本",filename:"szcd-packages/input-number/demo/basic.tsx"}},{demo:{id:"szcd-packages-input-number-demo-size"},previewerProps:{title:"三种大小",filename:"szcd-packages/input-number/demo/size.tsx"}},{demo:{id:"szcd-packages-input-number-demo-addon"},previewerProps:{title:"前置/后置标签",filename:"szcd-packages/input-number/demo/addon.tsx"}},{demo:{id:"szcd-packages-input-number-demo-disabled"},previewerProps:{title:"不可用",filename:"szcd-packages/input-number/demo/disabled.tsx"}},{demo:{id:"szcd-packages-input-number-demo-digit"},previewerProps:{title:"高精度小数",filename:"szcd-packages/input-number/demo/digit.tsx"}},{demo:{id:"szcd-packages-input-number-demo-formatter"},previewerProps:{title:"格式化展示",filename:"szcd-packages/input-number/demo/formatter.tsx"}},{demo:{id:"szcd-packages-input-number-demo-keyboard"},previewerProps:{title:"键盘行为",filename:"szcd-packages/input-number/demo/keyboard.tsx"}},{demo:{id:"szcd-packages-input-number-demo-borderless"},previewerProps:{title:"无边框",filename:"szcd-packages/input-number/demo/borderless.tsx"}},{demo:{id:"szcd-packages-input-number-demo-out-of-range"},previewerProps:{title:"超出边界",filename:"szcd-packages/input-number/demo/out-of-range.tsx"}},{demo:{id:"szcd-packages-input-number-demo-prefix"},previewerProps:{title:"前缀",filename:"szcd-packages/input-number/demo/prefix.tsx"}},{demo:{id:"szcd-packages-input-number-demo-status"},previewerProps:{title:"自定义状态",filename:"szcd-packages/input-number/demo/status.tsx"}}]}),(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h2",{id:"api",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:n.texts[2].value}),(0,x.jsx)("th",{children:n.texts[3].value}),(0,x.jsx)("th",{children:n.texts[4].value}),(0,x.jsx)("th",{children:n.texts[5].value}),(0,x.jsx)("th",{children:n.texts[6].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[7].value}),(0,x.jsx)("td",{children:n.texts[8].value}),(0,x.jsx)("td",{children:n.texts[9].value}),(0,x.jsx)("td",{children:n.texts[10].value}),(0,x.jsx)("td",{children:n.texts[11].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[12].value}),(0,x.jsx)("td",{children:n.texts[13].value}),(0,x.jsx)("td",{children:n.texts[14].value}),(0,x.jsx)("td",{children:n.texts[15].value}),(0,x.jsx)("td",{children:n.texts[16].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[17].value}),(0,x.jsx)("td",{children:n.texts[18].value}),(0,x.jsx)("td",{children:n.texts[19].value}),(0,x.jsx)("td",{children:n.texts[20].value}),(0,x.jsx)("td",{children:n.texts[21].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[22].value}),(0,x.jsx)("td",{children:n.texts[23].value}),(0,x.jsx)("td",{children:n.texts[24].value}),(0,x.jsx)("td",{children:n.texts[25].value}),(0,x.jsx)("td",{children:n.texts[26].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[27].value}),(0,x.jsx)("td",{children:n.texts[28].value}),(0,x.jsx)("td",{children:n.texts[29].value}),(0,x.jsx)("td",{children:n.texts[30].value}),(0,x.jsx)("td",{children:n.texts[31].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[32].value}),(0,x.jsx)("td",{children:n.texts[33].value}),(0,x.jsx)("td",{children:n.texts[34].value}),(0,x.jsx)("td",{children:n.texts[35].value}),(0,x.jsx)("td",{children:n.texts[36].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[37].value}),(0,x.jsx)("td",{children:n.texts[38].value}),(0,x.jsx)("td",{children:n.texts[39].value}),(0,x.jsx)("td",{children:n.texts[40].value}),(0,x.jsx)("td",{children:n.texts[41].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[42].value}),(0,x.jsx)("td",{children:n.texts[43].value}),(0,x.jsx)("td",{children:n.texts[44].value}),(0,x.jsx)("td",{children:n.texts[45].value}),(0,x.jsx)("td",{children:n.texts[46].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[47].value}),(0,x.jsx)("td",{children:n.texts[48].value}),(0,x.jsx)("td",{children:n.texts[49].value}),(0,x.jsx)("td",{children:n.texts[50].value}),(0,x.jsx)("td",{children:n.texts[51].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[52].value}),(0,x.jsx)("td",{children:n.texts[53].value}),(0,x.jsx)("td",{children:n.texts[54].value}),(0,x.jsx)("td",{children:n.texts[55].value}),(0,x.jsx)("td",{children:n.texts[56].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[57].value}),(0,x.jsx)("td",{children:n.texts[58].value}),(0,x.jsx)("td",{children:n.texts[59].value}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER",children:n.texts[60].value})}),(0,x.jsx)("td",{children:n.texts[61].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[62].value}),(0,x.jsx)("td",{children:n.texts[63].value}),(0,x.jsx)("td",{children:n.texts[64].value}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/MIN_SAFE_INTEGER",children:n.texts[65].value})}),(0,x.jsx)("td",{children:n.texts[66].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[67].value}),(0,x.jsxs)("td",{children:[n.texts[68].value,(0,x.jsx)("code",{children:n.texts[69].value}),n.texts[70].value,(0,x.jsx)("code",{children:n.texts[71].value}),n.texts[72].value]}),(0,x.jsx)("td",{children:n.texts[73].value}),(0,x.jsx)("td",{children:n.texts[74].value}),(0,x.jsx)("td",{children:n.texts[75].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[76].value}),(0,x.jsxs)("td",{children:[n.texts[77].value,(0,x.jsx)("code",{children:n.texts[78].value}),n.texts[79].value,(0,x.jsx)("code",{children:n.texts[80].value}),n.texts[81].value]}),(0,x.jsx)("td",{children:n.texts[82].value}),(0,x.jsx)("td",{children:n.texts[83].value}),(0,x.jsx)("td",{children:n.texts[84].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[85].value}),(0,x.jsx)("td",{children:n.texts[86].value}),(0,x.jsx)("td",{children:n.texts[87].value}),(0,x.jsx)("td",{children:n.texts[88].value}),(0,x.jsx)("td",{children:n.texts[89].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[90].value}),(0,x.jsx)("td",{children:n.texts[91].value}),(0,x.jsx)("td",{children:n.texts[92].value}),(0,x.jsx)("td",{children:n.texts[93].value}),(0,x.jsx)("td",{children:n.texts[94].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[95].value}),(0,x.jsx)("td",{children:n.texts[96].value}),(0,x.jsx)("td",{children:n.texts[97].value}),(0,x.jsx)("td",{children:n.texts[98].value}),(0,x.jsx)("td",{children:n.texts[99].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[100].value}),(0,x.jsx)("td",{children:n.texts[101].value}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:n.texts[102].value}),n.texts[103].value,(0,x.jsx)("code",{children:n.texts[104].value}),n.texts[105].value,(0,x.jsx)("code",{children:n.texts[106].value})]}),(0,x.jsx)("td",{children:n.texts[107].value}),(0,x.jsx)("td",{children:n.texts[108].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[109].value}),(0,x.jsx)("td",{children:n.texts[110].value}),(0,x.jsx)("td",{children:n.texts[111].value}),(0,x.jsx)("td",{children:n.texts[112].value}),(0,x.jsx)("td",{children:n.texts[113].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[114].value}),(0,x.jsxs)("td",{children:[n.texts[115].value,(0,x.jsx)("code",{children:n.texts[116].value}),n.texts[117].value]}),(0,x.jsx)("td",{children:n.texts[118].value}),(0,x.jsx)("td",{children:n.texts[119].value}),(0,x.jsx)("td",{children:n.texts[120].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[121].value}),(0,x.jsx)("td",{children:n.texts[122].value}),(0,x.jsx)("td",{children:n.texts[123].value}),(0,x.jsx)("td",{children:n.texts[124].value}),(0,x.jsx)("td",{children:n.texts[125].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[126].value}),(0,x.jsx)("td",{children:n.texts[127].value}),(0,x.jsx)("td",{children:n.texts[128].value}),(0,x.jsx)("td",{children:n.texts[129].value}),(0,x.jsx)("td",{children:n.texts[130].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[131].value}),(0,x.jsx)("td",{children:n.texts[132].value}),(0,x.jsx)("td",{children:n.texts[133].value}),(0,x.jsx)("td",{children:n.texts[134].value}),(0,x.jsx)("td",{children:n.texts[135].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[136].value}),(0,x.jsx)("td",{children:n.texts[137].value}),(0,x.jsx)("td",{children:n.texts[138].value}),(0,x.jsx)("td",{children:n.texts[139].value}),(0,x.jsx)("td",{children:n.texts[140].value})]})]})]}),(0,x.jsxs)("h2",{id:"方法",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#方法",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"方法"]}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:n.texts[141].value}),(0,x.jsx)("th",{children:n.texts[142].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[143].value}),(0,x.jsx)("td",{children:n.texts[144].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[145].value}),(0,x.jsx)("td",{children:n.texts[146].value})]})]})]}),(0,x.jsxs)("h2",{id:"faq",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#faq",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,x.jsxs)("h3",{id:"为何受控模式下value-可以超出-min-和-max-范围",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#为何受控模式下value-可以超出-min-和-max-范围",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"为何受控模式下，",(0,x.jsx)("code",{children:n.texts[147].value})," 可以超出 ",(0,x.jsx)("code",{children:n.texts[148].value})," 和 ",(0,x.jsx)("code",{children:n.texts[149].value})," 范围？"]}),(0,x.jsx)("p",{children:n.texts[150].value}),(0,x.jsxs)("h3",{id:"为何动态修改-min-和-max-让-value-超出范围不会触发-onchange-事件",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#为何动态修改-min-和-max-让-value-超出范围不会触发-onchange-事件",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"为何动态修改 ",(0,x.jsx)("code",{children:n.texts[151].value})," 和 ",(0,x.jsx)("code",{children:n.texts[152].value})," 让 ",(0,x.jsx)("code",{children:n.texts[153].value})," 超出范围不会触发 ",(0,x.jsx)("code",{children:n.texts[154].value})," 事件？"]}),(0,x.jsxs)("p",{children:[(0,x.jsx)("code",{children:n.texts[155].value}),n.texts[156].value]}),(0,x.jsxs)("h3",{id:"为何-onblur-等事件获取不到正确的-value",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#为何-onblur-等事件获取不到正确的-value",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"为何 ",(0,x.jsx)("code",{children:n.texts[157].value})," 等事件获取不到正确的 value？"]}),(0,x.jsxs)("p",{children:[n.texts[158].value,(0,x.jsx)("code",{children:n.texts[159].value}),n.texts[160].value,(0,x.jsx)("code",{children:n.texts[161].value}),n.texts[162].value,(0,x.jsx)("code",{children:n.texts[163].value}),n.texts[164].value,(0,x.jsx)("code",{children:n.texts[165].value}),n.texts[166].value,(0,x.jsx)("code",{children:n.texts[167].value}),n.texts[168].value,(0,x.jsx)("code",{children:n.texts[169].value}),n.texts[170].value]})]})]})})})}},14832:function(e,a,d){d.r(a),d.d(a,{texts:function(){return t}});const t=[{value:"通过鼠标或键盘，输入范围内的数值。",paraId:0},{value:"当需要获取标准数值时。",paraId:1,tocIndex:0},{value:"参数",paraId:2,tocIndex:13},{value:"说明",paraId:2,tocIndex:13},{value:"类型",paraId:2,tocIndex:13},{value:"默认值",paraId:2,tocIndex:13},{value:"版本",paraId:2,tocIndex:13},{value:"addonAfter",paraId:2,tocIndex:13},{value:"带标签的 input，设置后置标签",paraId:2,tocIndex:13},{value:"ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"4.17.0",paraId:2,tocIndex:13},{value:"addonBefore",paraId:2,tocIndex:13},{value:"带标签的 input，设置前置标签",paraId:2,tocIndex:13},{value:"ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"4.17.0",paraId:2,tocIndex:13},{value:"autoFocus",paraId:2,tocIndex:13},{value:"自动获取焦点",paraId:2,tocIndex:13},{value:"boolean",paraId:2,tocIndex:13},{value:"false",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"bordered",paraId:2,tocIndex:13},{value:"是否有边框",paraId:2,tocIndex:13},{value:"boolean",paraId:2,tocIndex:13},{value:"true",paraId:2,tocIndex:13},{value:"4.12.0",paraId:2,tocIndex:13},{value:"controls",paraId:2,tocIndex:13},{value:"是否显示增减按钮，也可设置自定义箭头图标",paraId:2,tocIndex:13},{value:"boolean | { upIcon?: React.ReactNode; downIcon?: React.ReactNode; }",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"4.19.0",paraId:2,tocIndex:13},{value:"decimalSeparator",paraId:2,tocIndex:13},{value:"小数点",paraId:2,tocIndex:13},{value:"string",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"defaultValue",paraId:2,tocIndex:13},{value:"初始值",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"disabled",paraId:2,tocIndex:13},{value:"禁用",paraId:2,tocIndex:13},{value:"boolean",paraId:2,tocIndex:13},{value:"false",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"formatter",paraId:2,tocIndex:13},{value:"指定输入框展示值的格式",paraId:2,tocIndex:13},{value:"function(value: number | string, info: { userTyping: boolean, input: string }): string",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"info: 4.17.0",paraId:2,tocIndex:13},{value:"keyboard",paraId:2,tocIndex:13},{value:"是否启用键盘快捷行为",paraId:2,tocIndex:13},{value:"boolean",paraId:2,tocIndex:13},{value:"true",paraId:2,tocIndex:13},{value:"4.12.0",paraId:2,tocIndex:13},{value:"max",paraId:2,tocIndex:13},{value:"最大值",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"Number.MAX_SAFE_INTEGER",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"min",paraId:2,tocIndex:13},{value:"最小值",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"Number.MIN_SAFE_INTEGER",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"parser",paraId:2,tocIndex:13},{value:"指定从 ",paraId:2,tocIndex:13},{value:"formatter",paraId:2,tocIndex:13},{value:" 里转换回数字的方式，和 ",paraId:2,tocIndex:13},{value:"formatter",paraId:2,tocIndex:13},{value:" 搭配使用",paraId:2,tocIndex:13},{value:"function(string): number",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"precision",paraId:2,tocIndex:13},{value:"数值精度，配置 ",paraId:2,tocIndex:13},{value:"formatter",paraId:2,tocIndex:13},{value:" 时会以 ",paraId:2,tocIndex:13},{value:"formatter",paraId:2,tocIndex:13},{value:" 为准",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"readOnly",paraId:2,tocIndex:13},{value:"只读",paraId:2,tocIndex:13},{value:"boolean",paraId:2,tocIndex:13},{value:"false",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"status",paraId:2,tocIndex:13},{value:"设置校验状态",paraId:2,tocIndex:13},{value:"'error' | 'warning'",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"4.19.0",paraId:2,tocIndex:13},{value:"prefix",paraId:2,tocIndex:13},{value:"带有前缀图标的 input",paraId:2,tocIndex:13},{value:"ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"4.17.0",paraId:2,tocIndex:13},{value:"size",paraId:2,tocIndex:13},{value:"输入框大小",paraId:2,tocIndex:13},{value:"large",paraId:2,tocIndex:13},{value:" | ",paraId:2,tocIndex:13},{value:"middle",paraId:2,tocIndex:13},{value:" | ",paraId:2,tocIndex:13},{value:"small",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"step",paraId:2,tocIndex:13},{value:"每次改变步数，可以为小数",paraId:2,tocIndex:13},{value:"number | string",paraId:2,tocIndex:13},{value:"1",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stringMode",paraId:2,tocIndex:13},{value:"字符值模式，开启后支持高精度小数。同时 ",paraId:2,tocIndex:13},{value:"onChange",paraId:2,tocIndex:13},{value:" 将返回 string 类型",paraId:2,tocIndex:13},{value:"boolean",paraId:2,tocIndex:13},{value:"false",paraId:2,tocIndex:13},{value:"4.13.0",paraId:2,tocIndex:13},{value:"value",paraId:2,tocIndex:13},{value:"当前值",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"onChange",paraId:2,tocIndex:13},{value:"变化回调",paraId:2,tocIndex:13},{value:"function(value: number | string | null)",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"onPressEnter",paraId:2,tocIndex:13},{value:"按下回车的回调",paraId:2,tocIndex:13},{value:"function(e)",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"onStep",paraId:2,tocIndex:13},{value:"点击上下箭头的回调",paraId:2,tocIndex:13},{value:"(value: number, info: { offset: number, type: 'up' | 'down' }) => void",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"4.7.0",paraId:2,tocIndex:13},{value:"名称",paraId:3,tocIndex:14},{value:"描述",paraId:3,tocIndex:14},{value:"blur()",paraId:3,tocIndex:14},{value:"移除焦点",paraId:3,tocIndex:14},{value:"focus()",paraId:3,tocIndex:14},{value:"获取焦点",paraId:3,tocIndex:14},{value:"value",paraId:4},{value:"min",paraId:4},{value:"max",paraId:4},{value:"在受控模式下，开发者可能自行存储相关数据。如果组件将数据约束回范围内，会导致展示数据与实际存储数据不一致的情况。这使得一些如表单场景存在潜在的数据问题。",paraId:5,tocIndex:16},{value:"min",paraId:4},{value:"max",paraId:4},{value:"value",paraId:4},{value:"onChange",paraId:4},{value:"onChange",paraId:6,tocIndex:17},{value:" 事件为用户触发事件，自行触发会导致表单库误以为变更来自用户操作。我们以错误样式展示超出范围的数值。",paraId:6,tocIndex:17},{value:"onBlur",paraId:4},{value:"InputNumber 的值由内部逻辑封装而成，通过 ",paraId:7,tocIndex:18},{value:"onBlur",paraId:7,tocIndex:18},{value:" 等事件获取的 ",paraId:7,tocIndex:18},{value:"event.target.value",paraId:7,tocIndex:18},{value:" 仅为 DOM 元素的 ",paraId:7,tocIndex:18},{value:"value",paraId:7,tocIndex:18},{value:" 而非 InputNumber 的实际值。例如通过 ",paraId:7,tocIndex:18},{value:"formatter",paraId:7,tocIndex:18},{value:" 或者 ",paraId:7,tocIndex:18},{value:"decimalSeparator",paraId:7,tocIndex:18},{value:" 更改展示格式，DOM 中得到的就是格式化后的字符串。你总是应该通过 ",paraId:7,tocIndex:18},{value:"onChange",paraId:7,tocIndex:18},{value:" 获取当前值。",paraId:7,tocIndex:18}]}}]);

package/dist/szcd-packages__input__index.zh-CN.md.f0c85888.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[646],{99646:function(e,t,a){a.r(t);a(24532),a(68521),a(61788),a(2951),a(23018);var d=a(73525),l=a(28089),s=(a(25673),a(82259),a(78897),a(78990),a(19909),a(24913),a(57335)),x=a(19952),n=a(67294),r=a(83151),c=a(85893);t.default=function(){return(0,c.jsx)(s.dY,{children:(0,c.jsx)(n.Suspense,{fallback:(0,c.jsx)(x.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsx)("p",{children:r.texts[0].value}),(0,c.jsxs)("h2",{id:"何时使用",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"何时使用"]}),(0,c.jsxs)("ul",{children:[(0,c.jsx)("li",{children:r.texts[1].value}),(0,c.jsx)("li",{children:r.texts[2].value})]}),(0,c.jsxs)("h2",{id:"代码演示",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,c.jsx)(s.Z1,{items:[{demo:{id:"szcd-packages-input-demo-basic"},previewerProps:{title:"基本使用",filename:"szcd-packages/input/demo/basic.tsx"}},{demo:{id:"szcd-packages-input-demo-size"},previewerProps:{title:"三种大小",filename:"szcd-packages/input/demo/size.tsx"}},{demo:{id:"szcd-packages-input-demo-addon"},previewerProps:{title:"前置/后置标签",filename:"szcd-packages/input/demo/addon.tsx"}},{demo:{id:"szcd-packages-input-demo-compact-style"},previewerProps:{title:"紧凑模式",filename:"szcd-packages/input/demo/compact-style.tsx"}},{demo:{id:"szcd-packages-input-demo-search-input"},previewerProps:{title:"搜索框",filename:"szcd-packages/input/demo/search-input.tsx"}},{demo:{id:"szcd-packages-input-demo-search-input-loading"},previewerProps:{title:"搜索框 loading",filename:"szcd-packages/input/demo/search-input-loading.tsx"}},{demo:{id:"szcd-packages-input-demo-textarea"},previewerProps:{title:"文本域",filename:"szcd-packages/input/demo/textarea.tsx"}},{demo:{id:"szcd-packages-input-demo-autosize-textarea"},previewerProps:{title:"适应文本高度的文本域",filename:"szcd-packages/input/demo/autosize-textarea.tsx"}},{demo:{id:"szcd-packages-input-demo-tooltip"},previewerProps:{title:"输入时格式化展示",filename:"szcd-packages/input/demo/tooltip.tsx"}},{demo:{id:"szcd-packages-input-demo-presuffix"},previewerProps:{title:"前缀和后缀",filename:"szcd-packages/input/demo/presuffix.tsx"}},{demo:{id:"szcd-packages-input-demo-password-input"},previewerProps:{title:"密码框",filename:"szcd-packages/input/demo/password-input.tsx"}},{demo:{id:"szcd-packages-input-demo-allowclear"},previewerProps:{title:"带移除图标",filename:"szcd-packages/input/demo/allowClear.tsx"}},{demo:{id:"szcd-packages-input-demo-show-count"},previewerProps:{title:"带字数提示",filename:"szcd-packages/input/demo/show-count.tsx"}},{demo:{id:"szcd-packages-input-demo-textarea-show-count"},previewerProps:{title:"带字数提示的文本域",filename:"szcd-packages/input/demo/textarea-show-count.tsx"}},{demo:{id:"szcd-packages-input-demo-status"},previewerProps:{title:"自定义状态",filename:"szcd-packages/input/demo/status.tsx"}},{demo:{id:"szcd-packages-input-demo-borderless"},previewerProps:{title:"无边框",filename:"szcd-packages/input/demo/borderless.tsx"}},{demo:{id:"szcd-packages-input-demo-focus"},previewerProps:{title:"聚焦",filename:"szcd-packages/input/demo/focus.tsx"}}]}),(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h2",{id:"api",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,c.jsxs)("h3",{id:"input",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#input",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[3].value}),(0,c.jsx)("th",{children:r.texts[4].value}),(0,c.jsx)("th",{children:r.texts[5].value}),(0,c.jsx)("th",{children:r.texts[6].value}),(0,c.jsx)("th",{children:r.texts[7].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[8].value}),(0,c.jsx)("td",{children:r.texts[9].value}),(0,c.jsx)("td",{children:r.texts[10].value}),(0,c.jsx)("td",{children:r.texts[11].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[12].value}),(0,c.jsx)("td",{children:r.texts[13].value}),(0,c.jsx)("td",{children:r.texts[14].value}),(0,c.jsx)("td",{children:r.texts[15].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[16].value}),(0,c.jsx)("td",{children:r.texts[17].value}),(0,c.jsx)("td",{children:r.texts[18].value}),(0,c.jsx)("td",{children:r.texts[19].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[20].value}),(0,c.jsx)("td",{children:r.texts[21].value}),(0,c.jsx)("td",{children:r.texts[22].value}),(0,c.jsx)("td",{children:r.texts[23].value}),(0,c.jsx)("td",{children:r.texts[24].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[25].value}),(0,c.jsx)("td",{children:r.texts[26].value}),(0,c.jsxs)("td",{children:[r.texts[27].value,(0,c.jsx)(s.rU,{to:"#input-1",children:r.texts[28].value}),r.texts[29].value]}),(0,c.jsx)("td",{children:r.texts[30].value}),(0,c.jsx)("td",{children:r.texts[31].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[32].value}),(0,c.jsx)("td",{children:r.texts[33].value}),(0,c.jsx)("td",{children:r.texts[34].value}),(0,c.jsx)("td",{children:r.texts[35].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[36].value}),(0,c.jsx)("td",{children:r.texts[37].value}),(0,c.jsx)("td",{children:r.texts[38].value}),(0,c.jsx)("td",{children:r.texts[39].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[40].value}),(0,c.jsx)("td",{children:r.texts[41].value}),(0,c.jsx)("td",{children:r.texts[42].value}),(0,c.jsx)("td",{children:r.texts[43].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[44].value}),(0,c.jsx)("td",{children:r.texts[45].value}),(0,c.jsx)("td",{children:r.texts[46].value}),(0,c.jsx)("td",{children:r.texts[47].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[48].value}),(0,c.jsx)("td",{children:r.texts[49].value}),(0,c.jsx)("td",{children:r.texts[50].value}),(0,c.jsx)("td",{children:r.texts[51].value}),(0,c.jsx)("td",{children:r.texts[52].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[53].value}),(0,c.jsx)("td",{children:r.texts[54].value}),(0,c.jsx)("td",{children:r.texts[55].value}),(0,c.jsx)("td",{children:r.texts[56].value}),(0,c.jsx)("td",{children:r.texts[57].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[58].value}),(0,c.jsx)("td",{children:r.texts[59].value}),(0,c.jsxs)("td",{children:[r.texts[60].value,(0,c.jsx)(s.rU,{to:"#input-1",children:r.texts[61].value}),r.texts[62].value]}),(0,c.jsx)("td",{children:r.texts[63].value}),(0,c.jsx)("td",{children:r.texts[64].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[65].value}),(0,c.jsx)("td",{children:r.texts[66].value}),(0,c.jsx)("td",{children:r.texts[67].value}),(0,c.jsx)("td",{children:r.texts[68].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[69].value}),(0,c.jsxs)("td",{children:[r.texts[70].value,(0,c.jsx)("code",{children:r.texts[71].value})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[72].value}),r.texts[73].value,(0,c.jsx)("code",{children:r.texts[74].value}),r.texts[75].value,(0,c.jsx)("code",{children:r.texts[76].value})]}),(0,c.jsx)("td",{children:r.texts[77].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[78].value}),(0,c.jsx)("td",{children:r.texts[79].value}),(0,c.jsx)("td",{children:r.texts[80].value}),(0,c.jsx)("td",{children:r.texts[81].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[82].value}),(0,c.jsxs)("td",{children:[r.texts[83].value,(0,c.jsx)("a",{href:"https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%E5%B1%9E%E6%80%A7",children:r.texts[84].value}),r.texts[85].value,(0,c.jsx)("code",{children:r.texts[86].value}),r.texts[87].value,(0,c.jsx)("code",{children:r.texts[88].value}),r.texts[89].value]}),(0,c.jsx)("td",{children:r.texts[90].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[91].value})}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[92].value}),(0,c.jsx)("td",{children:r.texts[93].value}),(0,c.jsx)("td",{children:r.texts[94].value}),(0,c.jsx)("td",{children:r.texts[95].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[96].value}),(0,c.jsx)("td",{children:r.texts[97].value}),(0,c.jsx)("td",{children:r.texts[98].value}),(0,c.jsx)("td",{children:r.texts[99].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[100].value}),(0,c.jsx)("td",{children:r.texts[101].value}),(0,c.jsx)("td",{children:r.texts[102].value}),(0,c.jsx)("td",{children:r.texts[103].value}),(0,c.jsx)("td",{})]})]})]}),(0,c.jsx)("blockquote",{children:(0,c.jsxs)("p",{children:[r.texts[104].value,(0,c.jsx)("code",{children:r.texts[105].value}),r.texts[106].value,(0,c.jsx)("code",{children:r.texts[107].value}),r.texts[108].value,(0,c.jsx)("code",{children:r.texts[109].value}),r.texts[110].value,(0,c.jsx)("code",{children:r.texts[111].value}),r.texts[112].value,(0,c.jsx)("code",{children:r.texts[113].value}),r.texts[114].value,(0,c.jsx)("code",{children:r.texts[115].value}),r.texts[116].value,(0,c.jsx)("code",{children:r.texts[117].value}),r.texts[118].value]})}),(0,c.jsxs)("p",{children:[r.texts[119].value,(0,c.jsx)("a",{href:"https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes",children:r.texts[120].value}),r.texts[121].value]}),(0,c.jsxs)("h3",{id:"inputtextarea",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#inputtextarea",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input.TextArea"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[122].value}),(0,c.jsx)("th",{children:r.texts[123].value}),(0,c.jsx)("th",{children:r.texts[124].value}),(0,c.jsx)("th",{children:r.texts[125].value}),(0,c.jsx)("th",{children:r.texts[126].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[127].value}),(0,c.jsx)("td",{children:r.texts[128].value}),(0,c.jsx)("td",{children:r.texts[129].value}),(0,c.jsx)("td",{children:r.texts[130].value}),(0,c.jsx)("td",{children:r.texts[131].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[132].value}),(0,c.jsx)("td",{children:r.texts[133].value}),(0,c.jsx)("td",{children:r.texts[134].value}),(0,c.jsx)("td",{children:r.texts[135].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[136].value}),(0,c.jsx)("td",{children:r.texts[137].value}),(0,c.jsx)("td",{children:r.texts[138].value}),(0,c.jsx)("td",{children:r.texts[139].value}),(0,c.jsx)("td",{children:r.texts[140].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[141].value}),(0,c.jsx)("td",{children:r.texts[142].value}),(0,c.jsxs)("td",{children:[r.texts[143].value,(0,c.jsx)(s.rU,{to:"#inputtextarea-1",children:r.texts[144].value}),r.texts[145].value]}),(0,c.jsx)("td",{children:r.texts[146].value}),(0,c.jsx)("td",{children:r.texts[147].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[148].value}),(0,c.jsx)("td",{children:r.texts[149].value}),(0,c.jsx)("td",{children:r.texts[150].value}),(0,c.jsx)("td",{children:r.texts[151].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[152].value}),(0,c.jsx)("td",{children:r.texts[153].value}),(0,c.jsx)("td",{children:r.texts[154].value}),(0,c.jsx)("td",{children:r.texts[155].value}),(0,c.jsx)("td",{children:r.texts[156].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[157].value}),(0,c.jsx)("td",{children:r.texts[158].value}),(0,c.jsx)("td",{children:r.texts[159].value}),(0,c.jsx)("td",{children:r.texts[160].value}),(0,c.jsx)("td",{children:r.texts[161].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[162].value}),(0,c.jsx)("td",{children:r.texts[163].value}),(0,c.jsxs)("td",{children:[r.texts[164].value,(0,c.jsx)(s.rU,{to:"#inputtextarea-1",children:r.texts[165].value}),r.texts[166].value]}),(0,c.jsx)("td",{children:r.texts[167].value}),(0,c.jsx)("td",{children:r.texts[168].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[169].value}),(0,c.jsx)("td",{children:r.texts[170].value}),(0,c.jsx)("td",{children:r.texts[171].value}),(0,c.jsx)("td",{children:r.texts[172].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[173].value}),(0,c.jsx)("td",{children:r.texts[174].value}),(0,c.jsx)("td",{children:r.texts[175].value}),(0,c.jsx)("td",{children:r.texts[176].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[177].value}),(0,c.jsx)("td",{children:r.texts[178].value}),(0,c.jsx)("td",{children:r.texts[179].value}),(0,c.jsx)("td",{children:r.texts[180].value}),(0,c.jsx)("td",{})]})]})]}),(0,c.jsxs)("p",{children:[(0,c.jsx)("code",{children:r.texts[181].value}),r.texts[182].value,(0,c.jsx)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea",children:r.texts[183].value}),r.texts[184].value]}),(0,c.jsxs)("h4",{id:"inputsearch",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#inputsearch",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input.Search"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[185].value}),(0,c.jsx)("th",{children:r.texts[186].value}),(0,c.jsx)("th",{children:r.texts[187].value}),(0,c.jsx)("th",{children:r.texts[188].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[189].value}),(0,c.jsxs)("td",{children:[r.texts[190].value,(0,c.jsx)("code",{children:r.texts[191].value}),r.texts[192].value]}),(0,c.jsx)("td",{children:r.texts[193].value}),(0,c.jsx)("td",{children:r.texts[194].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[195].value}),(0,c.jsx)("td",{children:r.texts[196].value}),(0,c.jsx)("td",{children:r.texts[197].value}),(0,c.jsx)("td",{children:r.texts[198].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[199].value}),(0,c.jsx)("td",{children:r.texts[200].value}),(0,c.jsx)("td",{children:r.texts[201].value}),(0,c.jsx)("td",{children:r.texts[202].value})]})]})]}),(0,c.jsx)("p",{children:r.texts[203].value}),(0,c.jsxs)("h4",{id:"inputpassword",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#inputpassword",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input.Password"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[204].value}),(0,c.jsx)("th",{children:r.texts[205].value}),(0,c.jsx)("th",{children:r.texts[206].value}),(0,c.jsx)("th",{children:r.texts[207].value}),(0,c.jsx)("th",{children:r.texts[208].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[209].value}),(0,c.jsx)("td",{children:r.texts[210].value}),(0,c.jsx)("td",{children:r.texts[211].value}),(0,c.jsx)("td",{children:r.texts[212].value}),(0,c.jsx)("td",{children:r.texts[213].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[214].value}),(0,c.jsx)("td",{children:r.texts[215].value}),(0,c.jsxs)("td",{children:[r.texts[216].value,(0,c.jsx)(s.rU,{to:"#visibilitytoggle",children:r.texts[217].value})]}),(0,c.jsx)("td",{children:r.texts[218].value}),(0,c.jsx)("td",{})]})]})]}),(0,c.jsxs)("h4",{id:"visibilitytoggle",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#visibilitytoggle",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"VisibilityToggle"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[219].value}),(0,c.jsx)("th",{children:r.texts[220].value}),(0,c.jsx)("th",{children:r.texts[221].value}),(0,c.jsx)("th",{children:r.texts[222].value}),(0,c.jsx)("th",{children:r.texts[223].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[224].value}),(0,c.jsx)("td",{children:r.texts[225].value}),(0,c.jsx)("td",{children:r.texts[226].value}),(0,c.jsx)("td",{children:r.texts[227].value}),(0,c.jsx)("td",{children:r.texts[228].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[229].value}),(0,c.jsx)("td",{children:r.texts[230].value}),(0,c.jsx)("td",{children:r.texts[231].value}),(0,c.jsx)("td",{children:r.texts[232].value}),(0,c.jsx)("td",{children:r.texts[233].value})]})]})]}),(0,c.jsxs)("h4",{id:"input-methods",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#input-methods",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input Methods"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[234].value}),(0,c.jsx)("th",{children:r.texts[235].value}),(0,c.jsx)("th",{children:r.texts[236].value}),(0,c.jsx)("th",{children:r.texts[237].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[238].value}),(0,c.jsx)("td",{children:r.texts[239].value}),(0,c.jsx)("td",{children:r.texts[240].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[241].value}),(0,c.jsx)("td",{children:r.texts[242].value}),(0,c.jsx)("td",{children:r.texts[243].value}),(0,c.jsx)("td",{children:r.texts[244].value})]})]})]}),(0,c.jsxs)("h3",{id:"semantic-dom",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#semantic-dom",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Semantic DOM"]}),(0,c.jsxs)("h4",{id:"input-1",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#input-1",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[245].value}),(0,c.jsx)("th",{children:r.texts[246].value}),(0,c.jsx)("th",{children:r.texts[247].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[248].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[249].value}),r.texts[250].value]}),(0,c.jsx)("td",{children:r.texts[251].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[252].value}),(0,c.jsx)("td",{children:r.texts[253].value}),(0,c.jsx)("td",{children:r.texts[254].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[255].value}),(0,c.jsx)("td",{children:r.texts[256].value}),(0,c.jsx)("td",{children:r.texts[257].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[258].value}),(0,c.jsx)("td",{children:r.texts[259].value}),(0,c.jsx)("td",{children:r.texts[260].value})]})]})]}),(0,c.jsxs)("h4",{id:"inputtextarea-1",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#inputtextarea-1",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Input.TextArea"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[261].value}),(0,c.jsx)("th",{children:r.texts[262].value}),(0,c.jsx)("th",{children:r.texts[263].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[264].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[265].value}),r.texts[266].value]}),(0,c.jsx)("td",{children:r.texts[267].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[268].value}),(0,c.jsx)("td",{children:r.texts[269].value}),(0,c.jsx)("td",{children:r.texts[270].value})]})]})]}),(0,c.jsxs)("h2",{id:"faq",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#faq",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,c.jsxs)("h3",{id:"为什么我动态改变-prefixsuffixshowcount-时input-会失去焦点",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#为什么我动态改变-prefixsuffixshowcount-时input-会失去焦点",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"为什么我动态改变 ",(0,c.jsx)("code",{children:r.texts[271].value})," 时，Input 会失去焦点？"]}),(0,c.jsxs)("p",{children:[r.texts[272].value,(0,c.jsx)("code",{children:r.texts[273].value}),r.texts[274].value,(0,c.jsx)("code",{children:r.texts[275].value}),r.texts[276].value]}),(0,c.jsx)(d.Z,{lang:"js",children:r.texts[277].value}),(0,c.jsxs)("h3",{id:"为何-textarea-受控时value-可以超过-maxlength",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#为何-textarea-受控时value-可以超过-maxlength",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"为何 TextArea 受控时，",(0,c.jsx)("code",{children:r.texts[278].value})," 可以超过 ",(0,c.jsx)("code",{children:r.texts[279].value}),"？"]}),(0,c.jsx)("p",{children:r.texts[280].value})]})]})})})}},83151:function(e,t,a){a.r(t),a.d(t,{texts:function(){return d}});const d=[{value:"通过鼠标或键盘输入内容，是最基础的表单域的包装。",paraId:0},{value:"需要用户输入表单域内容时。",paraId:1,tocIndex:0},{value:"提供组合型输入框，带搜索的输入框，还可以进行大小选择。",paraId:1,tocIndex:0},{value:"参数",paraId:2,tocIndex:20},{value:"说明",paraId:2,tocIndex:20},{value:"类型",paraId:2,tocIndex:20},{value:"默认值",paraId:2,tocIndex:20},{value:"版本",paraId:2,tocIndex:20},{value:"addonAfter",paraId:2,tocIndex:20},{value:"带标签的 input，设置后置标签",paraId:2,tocIndex:20},{value:"ReactNode",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"addonBefore",paraId:2,tocIndex:20},{value:"带标签的 input，设置前置标签",paraId:2,tocIndex:20},{value:"ReactNode",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"allowClear",paraId:2,tocIndex:20},{value:"可以点击清除图标删除内容",paraId:2,tocIndex:20},{value:"boolean | { clearIcon: ReactNode }",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"bordered",paraId:2,tocIndex:20},{value:"是否有边框",paraId:2,tocIndex:20},{value:"boolean",paraId:2,tocIndex:20},{value:"true",paraId:2,tocIndex:20},{value:"4.5.0",paraId:2,tocIndex:20},{value:"classNames",paraId:2,tocIndex:20},{value:"语义化结构 class",paraId:2,tocIndex:20},{value:"Record<",paraId:2,tocIndex:20},{value:"SemanticDOM",paraId:3,tocIndex:20},{value:", string>",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"5.4.0",paraId:2,tocIndex:20},{value:"defaultValue",paraId:2,tocIndex:20},{value:"输入框默认内容",paraId:2,tocIndex:20},{value:"string",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"disabled",paraId:2,tocIndex:20},{value:"是否禁用状态，默认为 false",paraId:2,tocIndex:20},{value:"boolean",paraId:2,tocIndex:20},{value:"false",paraId:2,tocIndex:20},{value:"id",paraId:2,tocIndex:20},{value:"输入框的 id",paraId:2,tocIndex:20},{value:"string",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"maxLength",paraId:2,tocIndex:20},{value:"最大长度",paraId:2,tocIndex:20},{value:"number",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"showCount",paraId:2,tocIndex:20},{value:"是否展示字数",paraId:2,tocIndex:20},{value:"boolean | { formatter: (info: { value: string, count: number, maxLength?: number }) => ReactNode }",paraId:2,tocIndex:20},{value:"false",paraId:2,tocIndex:20},{value:"4.18.0 info.value: 4.23.0",paraId:2,tocIndex:20},{value:"status",paraId:2,tocIndex:20},{value:"设置校验状态",paraId:2,tocIndex:20},{value:"'error' | 'warning'",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"4.19.0",paraId:2,tocIndex:20},{value:"styles",paraId:2,tocIndex:20},{value:"语义化结构 style",paraId:2,tocIndex:20},{value:"Record<",paraId:2,tocIndex:20},{value:"SemanticDOM",paraId:4,tocIndex:20},{value:", CSSProperties>",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"5.4.0",paraId:2,tocIndex:20},{value:"prefix",paraId:2,tocIndex:20},{value:"带有前缀图标的 input",paraId:2,tocIndex:20},{value:"ReactNode",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"size",paraId:2,tocIndex:20},{value:"控件大小。注：标准表单内的输入框大小限制为 ",paraId:2,tocIndex:20},{value:"middle",paraId:2,tocIndex:20},{value:"large",paraId:2,tocIndex:20},{value:" | ",paraId:2,tocIndex:20},{value:"middle",paraId:2,tocIndex:20},{value:" | ",paraId:2,tocIndex:20},{value:"small",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"suffix",paraId:2,tocIndex:20},{value:"带有后缀图标的 input",paraId:2,tocIndex:20},{value:"ReactNode",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"type",paraId:2,tocIndex:20},{value:"声明 input 类型，同原生 input 标签的 type 属性，见：",paraId:2,tocIndex:20},{value:"MDN",paraId:2,tocIndex:20},{value:"(请直接使用 ",paraId:2,tocIndex:20},{value:"Input.TextArea",paraId:2,tocIndex:20},{value:" 代替 ",paraId:2,tocIndex:20},{value:'type="textarea"',paraId:2,tocIndex:20},{value:")",paraId:2,tocIndex:20},{value:"string",paraId:2,tocIndex:20},{value:"text",paraId:2,tocIndex:20},{value:"value",paraId:2,tocIndex:20},{value:"输入框内容",paraId:2,tocIndex:20},{value:"string",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"onChange",paraId:2,tocIndex:20},{value:"输入框内容变化时的回调",paraId:2,tocIndex:20},{value:"function(e)",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"onPressEnter",paraId:2,tocIndex:20},{value:"按下回车的回调",paraId:2,tocIndex:20},{value:"function(e)",paraId:2,tocIndex:20},{value:"-",paraId:2,tocIndex:20},{value:"如果 ",paraId:5,tocIndex:20},{value:"Input",paraId:5,tocIndex:20},{value:" 在 ",paraId:5,tocIndex:20},{value:"Form.Item",paraId:5,tocIndex:20},{value:" 内，并且 ",paraId:5,tocIndex:20},{value:"Form.Item",paraId:5,tocIndex:20},{value:" 设置了 ",paraId:5,tocIndex:20},{value:"id",paraId:5,tocIndex:20},{value:" 属性，则 ",paraId:5,tocIndex:20},{value:"value",paraId:5,tocIndex:20},{value:" ",paraId:5,tocIndex:20},{value:"defaultValue",paraId:5,tocIndex:20},{value:" 和 ",paraId:5,tocIndex:20},{value:"id",paraId:5,tocIndex:20},{value:" 属性会被自动设置。",paraId:5,tocIndex:20},{value:"Input 的其他属性和 React 自带的 ",paraId:6,tocIndex:20},{value:"input",paraId:6,tocIndex:20},{value:" 一致。",paraId:6,tocIndex:20},{value:"参数",paraId:7,tocIndex:21},{value:"说明",paraId:7,tocIndex:21},{value:"类型",paraId:7,tocIndex:21},{value:"默认值",paraId:7,tocIndex:21},{value:"版本",paraId:7,tocIndex:21},{value:"allowClear",paraId:7,tocIndex:21},{value:"自定义清除按钮",paraId:7,tocIndex:21},{value:"boolean | { clearIcon?: ReactNode }",paraId:7,tocIndex:21},{value:"false",paraId:7,tocIndex:21},{value:"5.8.0: 支持对象类型",paraId:7,tocIndex:21},{value:"autoSize",paraId:7,tocIndex:21},{value:"自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }",paraId:7,tocIndex:21},{value:"boolean | object",paraId:7,tocIndex:21},{value:"false",paraId:7,tocIndex:21},{value:"bordered",paraId:7,tocIndex:21},{value:"是否有边框",paraId:7,tocIndex:21},{value:"boolean",paraId:7,tocIndex:21},{value:"true",paraId:7,tocIndex:21},{value:"4.5.0",paraId:7,tocIndex:21},{value:"classNames",paraId:7,tocIndex:21},{value:"语义化结构 class",paraId:7,tocIndex:21},{value:"Record<",paraId:7,tocIndex:21},{value:"SemanticDOM",paraId:8,tocIndex:21},{value:", string>",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"5.4.0",paraId:7,tocIndex:21},{value:"defaultValue",paraId:7,tocIndex:21},{value:"输入框默认内容",paraId:7,tocIndex:21},{value:"string",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"maxLength",paraId:7,tocIndex:21},{value:"内容最大长度",paraId:7,tocIndex:21},{value:"number",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"4.7.0",paraId:7,tocIndex:21},{value:"showCount",paraId:7,tocIndex:21},{value:"是否展示字数",paraId:7,tocIndex:21},{value:"boolean | { formatter: (info: { value: string, count: number, maxLength?: number }) => string }",paraId:7,tocIndex:21},{value:"false",paraId:7,tocIndex:21},{value:"4.7.0 formatter: 4.10.0 info.value: 4.23.0",paraId:7,tocIndex:21},{value:"styles",paraId:7,tocIndex:21},{value:"语义化结构 style",paraId:7,tocIndex:21},{value:"Record<",paraId:7,tocIndex:21},{value:"SemanticDOM",paraId:9,tocIndex:21},{value:", CSSProperties>",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"5.4.0",paraId:7,tocIndex:21},{value:"value",paraId:7,tocIndex:21},{value:"输入框内容",paraId:7,tocIndex:21},{value:"string",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"onPressEnter",paraId:7,tocIndex:21},{value:"按下回车的回调",paraId:7,tocIndex:21},{value:"function(e)",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"onResize",paraId:7,tocIndex:21},{value:"resize 回调",paraId:7,tocIndex:21},{value:"function({ width, height })",paraId:7,tocIndex:21},{value:"-",paraId:7,tocIndex:21},{value:"Input.TextArea",paraId:10,tocIndex:21},{value:" 的其他属性和浏览器自带的 ",paraId:10,tocIndex:21},{value:"textarea",paraId:10,tocIndex:21},{value:" 一致。",paraId:10,tocIndex:21},{value:"参数",paraId:11,tocIndex:22},{value:"说明",paraId:11,tocIndex:22},{value:"类型",paraId:11,tocIndex:22},{value:"默认值",paraId:11,tocIndex:22},{value:"enterButton",paraId:11,tocIndex:22},{value:"是否有确认按钮，可设为按钮文字。该属性会与 ",paraId:11,tocIndex:22},{value:"addonAfter",paraId:11,tocIndex:22},{value:" 冲突。",paraId:11,tocIndex:22},{value:"boolean | ReactNode",paraId:11,tocIndex:22},{value:"false",paraId:11,tocIndex:22},{value:"loading",paraId:11,tocIndex:22},{value:"搜索 loading",paraId:11,tocIndex:22},{value:"boolean",paraId:11,tocIndex:22},{value:"false",paraId:11,tocIndex:22},{value:"onSearch",paraId:11,tocIndex:22},{value:"点击搜索图标、清除图标，或按下回车键时的回调",paraId:11,tocIndex:22},{value:"function(value, event)",paraId:11,tocIndex:22},{value:"-",paraId:11,tocIndex:22},{value:"其余属性和 Input 一致。",paraId:12,tocIndex:22},{value:"参数",paraId:13,tocIndex:23},{value:"说明",paraId:13,tocIndex:23},{value:"类型",paraId:13,tocIndex:23},{value:"默认值",paraId:13,tocIndex:23},{value:"版本",paraId:13,tocIndex:23},{value:"iconRender",paraId:13,tocIndex:23},{value:"自定义切换按钮",paraId:13,tocIndex:23},{value:"(visible) => ReactNode",paraId:13,tocIndex:23},{value:"(visible) => (visible ? <EyeOutlined /> : <EyeInvisibleOutlined />)",paraId:13,tocIndex:23},{value:"4.3.0",paraId:13,tocIndex:23},{value:"visibilityToggle",paraId:13,tocIndex:23},{value:"是否显示切换按钮或者控制密码显隐",paraId:13,tocIndex:23},{value:"boolean | ",paraId:13,tocIndex:23},{value:"VisibilityToggle",paraId:14,tocIndex:23},{value:"true",paraId:13,tocIndex:23},{value:"Property",paraId:15,tocIndex:24},{value:"Description",paraId:15,tocIndex:24},{value:"Type",paraId:15,tocIndex:24},{value:"Default",paraId:15,tocIndex:24},{value:"Version",paraId:15,tocIndex:24},{value:"visible",paraId:15,tocIndex:24},{value:"用于手动控制密码显隐",paraId:15,tocIndex:24},{value:"boolean",paraId:15,tocIndex:24},{value:"false",paraId:15,tocIndex:24},{value:"4.24",paraId:15,tocIndex:24},{value:"onVisibleChange",paraId:15,tocIndex:24},{value:"显隐密码的回调",paraId:15,tocIndex:24},{value:"boolean",paraId:15,tocIndex:24},{value:"-",paraId:15,tocIndex:24},{value:"4.24",paraId:15,tocIndex:24},{value:"名称",paraId:16,tocIndex:25},{value:"说明",paraId:16,tocIndex:25},{value:"参数",paraId:16,tocIndex:25},{value:"版本",paraId:16,tocIndex:25},{value:"blur",paraId:16,tocIndex:25},{value:"取消焦点",paraId:16,tocIndex:25},{value:"-",paraId:16,tocIndex:25},{value:"focus",paraId:16,tocIndex:25},{value:"获取焦点",paraId:16,tocIndex:25},{value:"(option?: { preventScroll?: boolean, cursor?: 'start' | 'end' | 'all' })",paraId:16,tocIndex:25},{value:"option - 4.10.0",paraId:16,tocIndex:25},{value:"名称",paraId:17,tocIndex:27},{value:"说明",paraId:17,tocIndex:27},{value:"版本",paraId:17,tocIndex:27},{value:"input",paraId:17,tocIndex:27},{value:"input",paraId:17,tocIndex:27},{value:" 元素",paraId:17,tocIndex:27},{value:"5.4.0",paraId:17,tocIndex:27},{value:"prefix",paraId:17,tocIndex:27},{value:"所有前缀的包裹元素",paraId:17,tocIndex:27},{value:"5.4.0",paraId:17,tocIndex:27},{value:"suffix",paraId:17,tocIndex:27},{value:"所有后缀的包裹元素",paraId:17,tocIndex:27},{value:"5.4.0",paraId:17,tocIndex:27},{value:"count",paraId:17,tocIndex:27},{value:"文字计数元素",paraId:17,tocIndex:27},{value:"5.4.0",paraId:17,tocIndex:27},{value:"名称",paraId:18,tocIndex:28},{value:"说明",paraId:18,tocIndex:28},{value:"版本",paraId:18,tocIndex:28},{value:"textarea",paraId:18,tocIndex:28},{value:"textarea",paraId:18,tocIndex:28},{value:" 元素",paraId:18,tocIndex:28},{value:"5.4.0",paraId:18,tocIndex:28},{value:"count",paraId:18,tocIndex:28},{value:"文字计数元素",paraId:18,tocIndex:28},{value:"5.4.0",paraId:18,tocIndex:28},{value:"prefix/suffix/showCount",paraId:19},{value:"当 Input 动态添加或者删除 ",paraId:20,tocIndex:30},{value:"prefix/suffix/showCount",paraId:20,tocIndex:30},{value:" 时，React 会重新创建 DOM 结构而新的 input 是没有焦点的。你可以预设一个空的 ",paraId:20,tocIndex:30},{value:"<span />",paraId:20,tocIndex:30},{value:" 来保持 DOM 结构不变：",paraId:20,tocIndex:30},{value:'const suffix = condition ? <Icon type="smile" /> : <span />;\n\n<Input suffix={suffix} />;\n',paraId:21,tocIndex:30},{value:"value",paraId:19},{value:"maxLength",paraId:19},{value:"受控时，组件应该按照受控内容展示。以防止在表单组件内使用时显示值和提交值不同的问题。",paraId:22,tocIndex:31}]}}]);

package/dist/szcd-packages__layout__index.zh-CN.md.33246ff8.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[5445],{14856:function(e,a,d){d.r(a);d(24532),d(68521),d(61788),d(2951),d(23018);var t=d(73525),l=d(28089),s=(d(25673),d(82259),d(78897),d(78990),d(19909),d(24913),d(57335)),x=d(19952),r=d(67294),n=d(93615),c=d(85893);a.default=function(){return(0,c.jsx)(s.dY,{children:(0,c.jsx)(r.Suspense,{fallback:(0,c.jsx)(x.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsx)("p",{children:n.texts[0].value}),(0,c.jsxs)("h2",{id:"设计规则",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#设计规则",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"设计规则"]}),(0,c.jsxs)("h3",{id:"尺寸",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#尺寸",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"尺寸"]}),(0,c.jsx)("p",{children:n.texts[1].value}),(0,c.jsxs)("ul",{children:[(0,c.jsxs)("li",{children:[n.texts[2].value,(0,c.jsx)("code",{children:n.texts[3].value}),n.texts[4].value,(0,c.jsx)("code",{children:n.texts[5].value}),n.texts[6].value]}),(0,c.jsxs)("li",{children:[n.texts[7].value,(0,c.jsx)("code",{children:n.texts[8].value}),n.texts[9].value,(0,c.jsx)("code",{children:n.texts[10].value}),n.texts[11].value]}),(0,c.jsxs)("li",{children:[n.texts[12].value,(0,c.jsx)("code",{children:n.texts[13].value}),n.texts[14].value]}),(0,c.jsxs)("li",{children:[n.texts[15].value,(0,c.jsx)("code",{children:n.texts[16].value}),n.texts[17].value]})]}),(0,c.jsxs)("h3",{id:"交互",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#交互",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"交互"]}),(0,c.jsxs)("ul",{children:[(0,c.jsx)("li",{children:n.texts[18].value}),(0,c.jsx)("li",{children:n.texts[19].value}),(0,c.jsx)("li",{children:n.texts[20].value}),(0,c.jsx)("li",{children:n.texts[21].value})]}),(0,c.jsxs)("h3",{id:"视觉",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#视觉",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"视觉"]}),(0,c.jsx)("p",{children:n.texts[22].value}),(0,c.jsxs)("ul",{children:[(0,c.jsxs)("li",{children:[(0,c.jsx)("p",{children:(0,c.jsx)("strong",{children:n.texts[23].value})}),(0,c.jsx)("p",{children:n.texts[24].value})]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("p",{children:(0,c.jsx)("strong",{children:n.texts[25].value})}),(0,c.jsx)("p",{children:n.texts[26].value})]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("p",{children:(0,c.jsx)("strong",{children:n.texts[27].value})}),(0,c.jsx)("p",{children:n.texts[28].value})]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("p",{children:(0,c.jsx)("strong",{children:n.texts[29].value})}),(0,c.jsxs)("p",{children:[(0,c.jsx)("code",{children:n.texts[30].value}),n.texts[31].value,(0,c.jsx)("code",{children:n.texts[32].value}),n.texts[33].value]})]})]}),(0,c.jsxs)("h2",{id:"组件概述",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#组件概述",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"组件概述"]}),(0,c.jsxs)("ul",{children:[(0,c.jsxs)("li",{children:[(0,c.jsx)("code",{children:n.texts[34].value}),n.texts[35].value,(0,c.jsx)("code",{children:n.texts[36].value}),n.texts[37].value,(0,c.jsx)("code",{children:n.texts[38].value}),n.texts[39].value,(0,c.jsx)("code",{children:n.texts[40].value}),n.texts[41].value,(0,c.jsx)("code",{children:n.texts[42].value}),n.texts[43].value,(0,c.jsx)("code",{children:n.texts[44].value}),n.texts[45].value]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("code",{children:n.texts[46].value}),n.texts[47].value,(0,c.jsx)("code",{children:n.texts[48].value}),n.texts[49].value]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("code",{children:n.texts[50].value}),n.texts[51].value,(0,c.jsx)("code",{children:n.texts[52].value}),n.texts[53].value]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("code",{children:n.texts[54].value}),n.texts[55].value,(0,c.jsx)("code",{children:n.texts[56].value}),n.texts[57].value]}),(0,c.jsxs)("li",{children:[(0,c.jsx)("code",{children:n.texts[58].value}),n.texts[59].value,(0,c.jsx)("code",{children:n.texts[60].value}),n.texts[61].value]})]}),(0,c.jsx)("blockquote",{children:(0,c.jsxs)("p",{children:[n.texts[62].value,(0,c.jsx)("a",{href:"http://caniuse.com/#search=flex",children:n.texts[63].value}),n.texts[64].value]})}),(0,c.jsxs)("h2",{id:"代码演示",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,c.jsx)(s.Z1,{items:[{demo:{id:"szcd-packages-layout-demo-basic"},previewerProps:{title:"基本结构",filename:"szcd-packages/layout/demo/basic.tsx"}},{demo:{id:"szcd-packages-layout-demo-top"},previewerProps:{compact:!0,background:"grey",title:"上中下布局",filename:"szcd-packages/layout/demo/top.tsx"}},{demo:{id:"szcd-packages-layout-demo-top-side"},previewerProps:{compact:!0,background:"grey",title:"顶部-侧边布局",filename:"szcd-packages/layout/demo/top-side.tsx"}},{demo:{id:"szcd-packages-layout-demo-top-side-2"},previewerProps:{compact:!0,background:"grey",title:"顶部-侧边布局-通栏",filename:"szcd-packages/layout/demo/top-side-2.tsx"}},{demo:{id:"szcd-packages-layout-demo-side"},previewerProps:{iframe:"360",title:"侧边布局",filename:"szcd-packages/layout/demo/side.tsx"}},{demo:{id:"szcd-packages-layout-demo-custom-trigger"},previewerProps:{compact:!0,background:"grey",title:"自定义触发器",filename:"szcd-packages/layout/demo/custom-trigger.tsx"}},{demo:{id:"szcd-packages-layout-demo-responsive"},previewerProps:{compact:!0,background:"grey",title:"响应式布局",filename:"szcd-packages/layout/demo/responsive.tsx"}},{demo:{id:"szcd-packages-layout-demo-fixed"},previewerProps:{iframe:"360",title:"固定头部",filename:"szcd-packages/layout/demo/fixed.tsx"}},{demo:{id:"szcd-packages-layout-demo-fixed-sider"},previewerProps:{iframe:"360",title:"固定侧边栏",filename:"szcd-packages/layout/demo/fixed-sider.tsx"}}]}),(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h2",{id:"api",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,c.jsx)(t.Z,{lang:"js",children:n.texts[65].value}),(0,c.jsxs)("h3",{id:"layout",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#layout",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Layout"]}),(0,c.jsx)("p",{children:n.texts[66].value}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:n.texts[67].value}),(0,c.jsx)("th",{children:n.texts[68].value}),(0,c.jsx)("th",{children:n.texts[69].value}),(0,c.jsx)("th",{children:n.texts[70].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[71].value}),(0,c.jsx)("td",{children:n.texts[72].value}),(0,c.jsx)("td",{children:n.texts[73].value}),(0,c.jsx)("td",{children:n.texts[74].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[75].value}),(0,c.jsx)("td",{children:n.texts[76].value}),(0,c.jsx)("td",{children:n.texts[77].value}),(0,c.jsx)("td",{children:n.texts[78].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[79].value}),(0,c.jsx)("td",{children:n.texts[80].value}),(0,c.jsx)("td",{children:n.texts[81].value}),(0,c.jsx)("td",{children:n.texts[82].value})]})]})]}),(0,c.jsxs)("h3",{id:"layoutsider",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#layoutsider",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"Layout.Sider"]}),(0,c.jsx)("p",{children:n.texts[83].value}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:n.texts[84].value}),(0,c.jsx)("th",{children:n.texts[85].value}),(0,c.jsx)("th",{children:n.texts[86].value}),(0,c.jsx)("th",{children:n.texts[87].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[88].value}),(0,c.jsxs)("td",{children:[n.texts[89].value,(0,c.jsx)(s.rU,{to:"/components/grid-cn#col",children:n.texts[90].value})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:n.texts[91].value}),n.texts[92].value,(0,c.jsx)("code",{children:n.texts[93].value}),n.texts[94].value,(0,c.jsx)("code",{children:n.texts[95].value}),n.texts[96].value,(0,c.jsx)("code",{children:n.texts[97].value}),n.texts[98].value,(0,c.jsx)("code",{children:n.texts[99].value}),n.texts[100].value,(0,c.jsx)("code",{children:n.texts[101].value})]}),(0,c.jsx)("td",{children:n.texts[102].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[103].value}),(0,c.jsx)("td",{children:n.texts[104].value}),(0,c.jsx)("td",{children:n.texts[105].value}),(0,c.jsx)("td",{children:n.texts[106].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[107].value}),(0,c.jsx)("td",{children:n.texts[108].value}),(0,c.jsx)("td",{children:n.texts[109].value}),(0,c.jsx)("td",{children:n.texts[110].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[111].value}),(0,c.jsx)("td",{children:n.texts[112].value}),(0,c.jsx)("td",{children:n.texts[113].value}),(0,c.jsx)("td",{children:n.texts[114].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[115].value}),(0,c.jsx)("td",{children:n.texts[116].value}),(0,c.jsx)("td",{children:n.texts[117].value}),(0,c.jsx)("td",{children:n.texts[118].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[119].value}),(0,c.jsx)("td",{children:n.texts[120].value}),(0,c.jsx)("td",{children:n.texts[121].value}),(0,c.jsx)("td",{children:n.texts[122].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[123].value}),(0,c.jsx)("td",{children:n.texts[124].value}),(0,c.jsx)("td",{children:n.texts[125].value}),(0,c.jsx)("td",{children:n.texts[126].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[127].value}),(0,c.jsx)("td",{children:n.texts[128].value}),(0,c.jsx)("td",{children:n.texts[129].value}),(0,c.jsx)("td",{children:n.texts[130].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[131].value}),(0,c.jsx)("td",{children:n.texts[132].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:n.texts[133].value}),n.texts[134].value,(0,c.jsx)("code",{children:n.texts[135].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:n.texts[136].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[137].value}),(0,c.jsx)("td",{children:n.texts[138].value}),(0,c.jsx)("td",{children:n.texts[139].value}),(0,c.jsx)("td",{children:n.texts[140].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[141].value}),(0,c.jsx)("td",{children:n.texts[142].value}),(0,c.jsx)("td",{children:n.texts[143].value}),(0,c.jsx)("td",{children:n.texts[144].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[145].value}),(0,c.jsxs)("td",{children:[n.texts[146].value,(0,c.jsx)("code",{children:n.texts[147].value}),n.texts[148].value]}),(0,c.jsx)("td",{children:n.texts[149].value}),(0,c.jsx)("td",{children:n.texts[150].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[151].value}),(0,c.jsxs)("td",{children:[n.texts[152].value,(0,c.jsx)(s.rU,{to:"/components/grid-cn#api",children:n.texts[153].value}),n.texts[154].value]}),(0,c.jsx)("td",{children:n.texts[155].value}),(0,c.jsx)("td",{children:n.texts[156].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:n.texts[157].value}),(0,c.jsx)("td",{children:n.texts[158].value}),(0,c.jsx)("td",{children:n.texts[159].value}),(0,c.jsx)("td",{children:n.texts[160].value})]})]})]}),(0,c.jsxs)("h4",{id:"breakpoint-width",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#breakpoint-width",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"breakpoint width"]}),(0,c.jsx)(t.Z,{lang:"js",children:n.texts[161].value})]})]})})})}},93615:function(e,a,d){d.r(a),d.d(a,{texts:function(){return t}});const t=[{value:"协助进行页面级整体布局。",paraId:0},{value:"一级导航项偏左靠近 logo 放置，辅助菜单偏右放置。",paraId:1,tocIndex:1},{value:"顶部导航（大部分系统）：一级导航高度 ",paraId:2,tocIndex:1},{value:"64px",paraId:2,tocIndex:1},{value:"，二级导航 ",paraId:2,tocIndex:1},{value:"48px",paraId:2,tocIndex:1},{value:"。",paraId:2,tocIndex:1},{value:"顶部导航（展示类页面）：一级导航高度 ",paraId:2,tocIndex:1},{value:"80px",paraId:2,tocIndex:1},{value:"，二级导航 ",paraId:2,tocIndex:1},{value:"56px",paraId:2,tocIndex:1},{value:"。",paraId:2,tocIndex:1},{value:"顶部导航高度的范围计算公式为：",paraId:2,tocIndex:1},{value:"48+8n",paraId:2,tocIndex:1},{value:"。",paraId:2,tocIndex:1},{value:"侧边导航宽度的范围计算公式：",paraId:2,tocIndex:1},{value:"200+8n",paraId:2,tocIndex:1},{value:"。",paraId:2,tocIndex:1},{value:"一级导航和末级的导航需要在可视化的层面被强调出来；",paraId:3,tocIndex:2},{value:"当前项应该在呈现上优先级最高；",paraId:3,tocIndex:2},{value:"当导航收起的时候，当前项的样式自动赋予给它的上一个层级；",paraId:3,tocIndex:2},{value:"左侧导航栏的收放交互同时支持手风琴和全展开的样式，根据业务的要求进行适当的选择。",paraId:3,tocIndex:2},{value:"导航样式上需要根据信息层级合理的选择样式：",paraId:4,tocIndex:3},{value:"大色块强调",paraId:5,tocIndex:3},{value:"建议用于底色为深色系时，当前页面父级的导航项。",paraId:6,tocIndex:3},{value:"高亮火柴棍",paraId:7,tocIndex:3},{value:"当导航栏底色为浅色系时使用，可用于当前页面对应导航项，建议尽量在导航路径的最终项使用。",paraId:8,tocIndex:3},{value:"字体高亮变色",paraId:9,tocIndex:3},{value:"从可视化层面，字体高亮的视觉强化力度低于大色块，通常在当前项的上一级使用。",paraId:10,tocIndex:3},{value:"字体放大",paraId:11,tocIndex:3},{value:"12px",paraId:12,tocIndex:3},{value:"、",paraId:12,tocIndex:3},{value:"14px",paraId:12,tocIndex:3},{value:" 是导航的标准字号，14 号字体用在一、二级导航中。字号可以考虑导航项的等级做相应选择。",paraId:12,tocIndex:3},{value:"Layout",paraId:13,tocIndex:4},{value:"：布局容器，其下可嵌套 ",paraId:13,tocIndex:4},{value:"Header",paraId:13,tocIndex:4},{value:" ",paraId:13,tocIndex:4},{value:"Sider",paraId:13,tocIndex:4},{value:" ",paraId:13,tocIndex:4},{value:"Content",paraId:13,tocIndex:4},{value:" ",paraId:13,tocIndex:4},{value:"Footer",paraId:13,tocIndex:4},{value:" 或 ",paraId:13,tocIndex:4},{value:"Layout",paraId:13,tocIndex:4},{value:" 本身，可以放在任何父容器中。",paraId:13,tocIndex:4},{value:"Header",paraId:13,tocIndex:4},{value:"：顶部布局，自带默认样式，其下可嵌套任何元素，只能放在 ",paraId:13,tocIndex:4},{value:"Layout",paraId:13,tocIndex:4},{value:" 中。",paraId:13,tocIndex:4},{value:"Sider",paraId:13,tocIndex:4},{value:"：侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在 ",paraId:13,tocIndex:4},{value:"Layout",paraId:13,tocIndex:4},{value:" 中。",paraId:13,tocIndex:4},{value:"Content",paraId:13,tocIndex:4},{value:"：内容部分，自带默认样式，其下可嵌套任何元素，只能放在 ",paraId:13,tocIndex:4},{value:"Layout",paraId:13,tocIndex:4},{value:" 中。",paraId:13,tocIndex:4},{value:"Footer",paraId:13,tocIndex:4},{value:"：底部布局，自带默认样式，其下可嵌套任何元素，只能放在 ",paraId:13,tocIndex:4},{value:"Layout",paraId:13,tocIndex:4},{value:" 中。",paraId:13,tocIndex:4},{value:"注意：采用 flex 布局实现，请注意",paraId:14,tocIndex:4},{value:"浏览器兼容性",paraId:14,tocIndex:4},{value:"问题。",paraId:14,tocIndex:4},{value:"<Layout>\n  <Header>header</Header>\n  <Layout>\n    <Sider>left sidebar</Sider>\n    <Content>main content</Content>\n    <Sider>right sidebar</Sider>\n  </Layout>\n  <Footer>footer</Footer>\n</Layout>\n",paraId:15,tocIndex:15},{value:"布局容器。",paraId:16,tocIndex:16},{value:"参数",paraId:17,tocIndex:16},{value:"说明",paraId:17,tocIndex:16},{value:"类型",paraId:17,tocIndex:16},{value:"默认值",paraId:17,tocIndex:16},{value:"className",paraId:17,tocIndex:16},{value:"容器 className",paraId:17,tocIndex:16},{value:"string",paraId:17,tocIndex:16},{value:"-",paraId:17,tocIndex:16},{value:"hasSider",paraId:17,tocIndex:16},{value:"表示子元素里有 Sider，一般不用指定。可用于服务端渲染时避免样式闪动",paraId:17,tocIndex:16},{value:"boolean",paraId:17,tocIndex:16},{value:"-",paraId:17,tocIndex:16},{value:"style",paraId:17,tocIndex:16},{value:"指定样式",paraId:17,tocIndex:16},{value:"CSSProperties",paraId:17,tocIndex:16},{value:"-",paraId:17,tocIndex:16},{value:"侧边栏。",paraId:18,tocIndex:17},{value:"参数",paraId:19,tocIndex:17},{value:"说明",paraId:19,tocIndex:17},{value:"类型",paraId:19,tocIndex:17},{value:"默认值",paraId:19,tocIndex:17},{value:"breakpoint",paraId:19,tocIndex:17},{value:"触发响应式布局的",paraId:19,tocIndex:17},{value:"断点",paraId:20,tocIndex:17},{value:"xs",paraId:19,tocIndex:17},{value:" | ",paraId:19,tocIndex:17},{value:"sm",paraId:19,tocIndex:17},{value:" | ",paraId:19,tocIndex:17},{value:"md",paraId:19,tocIndex:17},{value:" | ",paraId:19,tocIndex:17},{value:"lg",paraId:19,tocIndex:17},{value:" | ",paraId:19,tocIndex:17},{value:"xl",paraId:19,tocIndex:17},{value:" | ",paraId:19,tocIndex:17},{value:"xxl",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"className",paraId:19,tocIndex:17},{value:"容器 className",paraId:19,tocIndex:17},{value:"string",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"collapsed",paraId:19,tocIndex:17},{value:"当前收起状态",paraId:19,tocIndex:17},{value:"boolean",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"collapsedWidth",paraId:19,tocIndex:17},{value:"收缩宽度，设置为 0 会出现特殊 trigger",paraId:19,tocIndex:17},{value:"number",paraId:19,tocIndex:17},{value:"80",paraId:19,tocIndex:17},{value:"collapsible",paraId:19,tocIndex:17},{value:"是否可收起",paraId:19,tocIndex:17},{value:"boolean",paraId:19,tocIndex:17},{value:"false",paraId:19,tocIndex:17},{value:"defaultCollapsed",paraId:19,tocIndex:17},{value:"是否默认收起",paraId:19,tocIndex:17},{value:"boolean",paraId:19,tocIndex:17},{value:"false",paraId:19,tocIndex:17},{value:"reverseArrow",paraId:19,tocIndex:17},{value:"翻转折叠提示箭头的方向，当 Sider 在右边时可以使用",paraId:19,tocIndex:17},{value:"boolean",paraId:19,tocIndex:17},{value:"false",paraId:19,tocIndex:17},{value:"style",paraId:19,tocIndex:17},{value:"指定样式",paraId:19,tocIndex:17},{value:"CSSProperties",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"theme",paraId:19,tocIndex:17},{value:"主题颜色",paraId:19,tocIndex:17},{value:"light",paraId:19,tocIndex:17},{value:" | ",paraId:19,tocIndex:17},{value:"dark",paraId:19,tocIndex:17},{value:"dark",paraId:19,tocIndex:17},{value:"trigger",paraId:19,tocIndex:17},{value:"自定义 trigger，设置为 null 时隐藏 trigger",paraId:19,tocIndex:17},{value:"ReactNode",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"width",paraId:19,tocIndex:17},{value:"宽度",paraId:19,tocIndex:17},{value:"number | string",paraId:19,tocIndex:17},{value:"200",paraId:19,tocIndex:17},{value:"zeroWidthTriggerStyle",paraId:19,tocIndex:17},{value:"指定当 ",paraId:19,tocIndex:17},{value:"collapsedWidth",paraId:19,tocIndex:17},{value:" 为 0 时出现的特殊 trigger 的样式",paraId:19,tocIndex:17},{value:"object",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"onBreakpoint",paraId:19,tocIndex:17},{value:"触发响应式布局",paraId:19,tocIndex:17},{value:"断点",paraId:21,tocIndex:17},{value:"时的回调",paraId:19,tocIndex:17},{value:"(broken) => {}",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"onCollapse",paraId:19,tocIndex:17},{value:"展开-收起时的回调函数，有点击 trigger 以及响应式反馈两种方式可以触发",paraId:19,tocIndex:17},{value:"(collapsed, type) => {}",paraId:19,tocIndex:17},{value:"-",paraId:19,tocIndex:17},{value:"{\n  xs: '480px',\n  sm: '576px',\n  md: '768px',\n  lg: '992px',\n  xl: '1200px',\n  xxl: '1600px',\n}\n",paraId:22,tocIndex:18}]}}]);

package/dist/szcd-packages__list__index.zh-CN.md.1d00aa13.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[9604],{48590:function(e,a,t){t.r(a);t(24532),t(68521),t(61788),t(2951),t(23018),t(73525);var d=t(28089),l=(t(25673),t(82259),t(78897),t(78990),t(19909),t(24913),t(57335)),s=t(19952),x=t(67294),r=t(18991),c=t(85893);a.default=function(){return(0,c.jsx)(l.dY,{children:(0,c.jsx)(x.Suspense,{fallback:(0,c.jsx)(s.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsx)("p",{children:r.texts[0].value}),(0,c.jsxs)("h2",{id:"何时使用",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"何时使用"]}),(0,c.jsx)("p",{children:r.texts[1].value}),(0,c.jsxs)("h2",{id:"代码演示",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,c.jsx)(l.Z1,{items:[{demo:{id:"szcd-packages-list-demo-simple"},previewerProps:{title:"简单列表",filename:"szcd-packages/list/demo/simple.tsx"}},{demo:{id:"szcd-packages-list-demo-basic"},previewerProps:{title:"基础列表",filename:"szcd-packages/list/demo/basic.tsx"}},{demo:{id:"szcd-packages-list-demo-loadmore"},previewerProps:{title:"加载更多",filename:"szcd-packages/list/demo/loadmore.tsx"}},{demo:{id:"szcd-packages-list-demo-vertical"},previewerProps:{title:"竖排列表样式",filename:"szcd-packages/list/demo/vertical.tsx"}},{demo:{id:"szcd-packages-list-demo-pagination"},previewerProps:{title:"分页设置",filename:"szcd-packages/list/demo/pagination.tsx"}},{demo:{id:"szcd-packages-list-demo-grid"},previewerProps:{title:"栅格列表",filename:"szcd-packages/list/demo/grid.tsx"}},{demo:{id:"szcd-packages-list-demo-responsive"},previewerProps:{title:"响应式的栅格列表",filename:"szcd-packages/list/demo/responsive.tsx"}},{demo:{id:"szcd-packages-list-demo-virtual-list"},previewerProps:{title:"滚动加载无限长列表",filename:"szcd-packages/list/demo/virtual-list.tsx"}}]}),(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h2",{id:"api",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,c.jsxs)("p",{children:[r.texts[2].value,(0,c.jsx)("a",{href:"https://procomponents.ant.design/components/list",children:r.texts[3].value}),r.texts[4].value,(0,c.jsx)("code",{children:r.texts[5].value}),r.texts[6].value]}),(0,c.jsxs)("h3",{id:"list",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#list",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"List"]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[7].value}),(0,c.jsx)("th",{children:r.texts[8].value}),(0,c.jsx)("th",{children:r.texts[9].value}),(0,c.jsx)("th",{children:r.texts[10].value}),(0,c.jsx)("th",{children:r.texts[11].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[12].value}),(0,c.jsx)("td",{children:r.texts[13].value}),(0,c.jsx)("td",{children:r.texts[14].value}),(0,c.jsx)("td",{children:r.texts[15].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[16].value}),(0,c.jsx)("td",{children:r.texts[17].value}),(0,c.jsx)("td",{children:r.texts[18].value}),(0,c.jsx)("td",{children:r.texts[19].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[20].value}),(0,c.jsx)("td",{children:r.texts[21].value}),(0,c.jsx)("td",{children:r.texts[22].value}),(0,c.jsx)("td",{children:r.texts[23].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[24].value}),(0,c.jsx)("td",{children:r.texts[25].value}),(0,c.jsx)("td",{children:(0,c.jsx)(l.rU,{to:"#list-grid-props",children:r.texts[26].value})}),(0,c.jsx)("td",{children:r.texts[27].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[28].value}),(0,c.jsx)("td",{children:r.texts[29].value}),(0,c.jsx)("td",{children:r.texts[30].value}),(0,c.jsx)("td",{children:r.texts[31].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[32].value}),(0,c.jsxs)("td",{children:[r.texts[33].value,(0,c.jsx)("code",{children:r.texts[34].value}),r.texts[35].value,(0,c.jsx)("code",{children:r.texts[36].value}),r.texts[37].value]}),(0,c.jsx)("td",{children:r.texts[38].value}),(0,c.jsx)("td",{children:r.texts[39].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[40].value}),(0,c.jsxs)("td",{children:[r.texts[41].value,(0,c.jsx)("code",{children:r.texts[42].value}),r.texts[43].value]}),(0,c.jsxs)("td",{children:[r.texts[44].value,(0,c.jsx)(l.rU,{to:"/components/spin-cn#api",children:r.texts[45].value}),r.texts[46].value,(0,c.jsx)("a",{href:"https://github.com/ant-design/ant-design/issues/8659",children:r.texts[47].value}),r.texts[48].value]}),(0,c.jsx)("td",{children:r.texts[49].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[50].value}),(0,c.jsx)("td",{children:r.texts[51].value}),(0,c.jsx)("td",{children:r.texts[52].value}),(0,c.jsx)("td",{children:r.texts[53].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[54].value}),(0,c.jsx)("td",{children:r.texts[55].value}),(0,c.jsx)("td",{children:r.texts[56].value}),(0,c.jsxs)("td",{children:[r.texts[57].value,(0,c.jsx)("code",{children:r.texts[58].value}),r.texts[59].value]}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[60].value}),(0,c.jsxs)("td",{children:[r.texts[61].value,(0,c.jsx)("code",{children:r.texts[62].value}),r.texts[63].value]}),(0,c.jsx)("td",{children:r.texts[64].value}),(0,c.jsx)("td",{children:r.texts[65].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[66].value}),(0,c.jsxs)("td",{children:[r.texts[67].value,(0,c.jsx)("code",{children:r.texts[68].value}),r.texts[69].value]}),(0,c.jsx)("td",{children:r.texts[70].value}),(0,c.jsx)("td",{children:r.texts[71].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[72].value}),(0,c.jsxs)("td",{children:[r.texts[73].value,(0,c.jsx)("code",{children:r.texts[74].value}),r.texts[75].value,(0,c.jsx)("code",{children:r.texts[76].value}),r.texts[77].value]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[78].value}),r.texts[79].value,(0,c.jsx)("code",{children:r.texts[80].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[81].value})}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[82].value}),(0,c.jsx)("td",{children:r.texts[83].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[84].value}),r.texts[85].value,(0,c.jsx)("code",{children:r.texts[86].value}),r.texts[87].value,(0,c.jsx)("code",{children:r.texts[88].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[89].value})}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[90].value}),(0,c.jsx)("td",{children:r.texts[91].value}),(0,c.jsx)("td",{children:r.texts[92].value}),(0,c.jsx)("td",{children:r.texts[93].value}),(0,c.jsx)("td",{})]})]})]}),(0,c.jsxs)("h3",{id:"pagination",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#pagination",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"pagination"]}),(0,c.jsx)("p",{children:r.texts[94].value}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[95].value}),(0,c.jsx)("th",{children:r.texts[96].value}),(0,c.jsx)("th",{children:r.texts[97].value}),(0,c.jsx)("th",{children:r.texts[98].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[99].value}),(0,c.jsx)("td",{children:r.texts[100].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[101].value}),r.texts[102].value,(0,c.jsx)("code",{children:r.texts[103].value}),r.texts[104].value,(0,c.jsx)("code",{children:r.texts[105].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[106].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[107].value}),(0,c.jsx)("td",{children:r.texts[108].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[109].value}),r.texts[110].value,(0,c.jsx)("code",{children:r.texts[111].value}),r.texts[112].value,(0,c.jsx)("code",{children:r.texts[113].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:r.texts[114].value})})]})]})]}),(0,c.jsxs)("p",{children:[r.texts[115].value,(0,c.jsx)(l.rU,{to:"/components/pagination-cn",children:(0,c.jsx)("code",{children:r.texts[116].value})}),r.texts[117].value]}),(0,c.jsxs)("h3",{id:"list-grid-props",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#list-grid-props",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"List grid props"]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[118].value}),(0,c.jsx)("th",{children:r.texts[119].value}),(0,c.jsx)("th",{children:r.texts[120].value}),(0,c.jsx)("th",{children:r.texts[121].value}),(0,c.jsx)("th",{children:r.texts[122].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[123].value}),(0,c.jsx)("td",{children:r.texts[124].value}),(0,c.jsx)("td",{children:r.texts[125].value}),(0,c.jsx)("td",{children:r.texts[126].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[127].value}),(0,c.jsx)("td",{children:r.texts[128].value}),(0,c.jsx)("td",{children:r.texts[129].value}),(0,c.jsx)("td",{children:r.texts[130].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[131].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[132].value}),r.texts[133].value]}),(0,c.jsx)("td",{children:r.texts[134].value}),(0,c.jsx)("td",{children:r.texts[135].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[136].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[137].value}),r.texts[138].value]}),(0,c.jsx)("td",{children:r.texts[139].value}),(0,c.jsx)("td",{children:r.texts[140].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[141].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[142].value}),r.texts[143].value]}),(0,c.jsx)("td",{children:r.texts[144].value}),(0,c.jsx)("td",{children:r.texts[145].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[146].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[147].value}),r.texts[148].value]}),(0,c.jsx)("td",{children:r.texts[149].value}),(0,c.jsx)("td",{children:r.texts[150].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[151].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[152].value}),r.texts[153].value]}),(0,c.jsx)("td",{children:r.texts[154].value}),(0,c.jsx)("td",{children:r.texts[155].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[156].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:r.texts[157].value}),r.texts[158].value]}),(0,c.jsx)("td",{children:r.texts[159].value}),(0,c.jsx)("td",{children:r.texts[160].value}),(0,c.jsx)("td",{})]})]})]}),(0,c.jsxs)("h3",{id:"listitem",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#listitem",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"List.Item"]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[161].value}),(0,c.jsx)("th",{children:r.texts[162].value}),(0,c.jsx)("th",{children:r.texts[163].value}),(0,c.jsx)("th",{children:r.texts[164].value}),(0,c.jsx)("th",{children:r.texts[165].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[166].value}),(0,c.jsxs)("td",{children:[r.texts[167].value,(0,c.jsx)("code",{children:r.texts[168].value}),r.texts[169].value]}),(0,c.jsx)("td",{children:r.texts[170].value}),(0,c.jsx)("td",{children:r.texts[171].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[172].value}),(0,c.jsxs)("td",{children:[r.texts[173].value,(0,c.jsx)("code",{children:r.texts[174].value}),r.texts[175].value,(0,c.jsx)("code",{children:r.texts[176].value}),r.texts[177].value,(0,c.jsx)("code",{children:r.texts[178].value}),r.texts[179].value]}),(0,c.jsx)("td",{children:r.texts[180].value}),(0,c.jsx)("td",{children:r.texts[181].value}),(0,c.jsx)("td",{})]})]})]}),(0,c.jsxs)("h3",{id:"listitemmeta",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#listitemmeta",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"List.Item.Meta"]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:r.texts[182].value}),(0,c.jsx)("th",{children:r.texts[183].value}),(0,c.jsx)("th",{children:r.texts[184].value}),(0,c.jsx)("th",{children:r.texts[185].value}),(0,c.jsx)("th",{children:r.texts[186].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[187].value}),(0,c.jsx)("td",{children:r.texts[188].value}),(0,c.jsx)("td",{children:r.texts[189].value}),(0,c.jsx)("td",{children:r.texts[190].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[191].value}),(0,c.jsx)("td",{children:r.texts[192].value}),(0,c.jsx)("td",{children:r.texts[193].value}),(0,c.jsx)("td",{children:r.texts[194].value}),(0,c.jsx)("td",{})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:r.texts[195].value}),(0,c.jsx)("td",{children:r.texts[196].value}),(0,c.jsx)("td",{children:r.texts[197].value}),(0,c.jsx)("td",{children:r.texts[198].value}),(0,c.jsx)("td",{})]})]})]})]})]})})})}},18991:function(e,a,t){t.r(a),t.d(a,{texts:function(){return d}});const d=[{value:"通用列表。",paraId:0},{value:"最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。",paraId:1,tocIndex:0},{value:"另外我们封装了 ",paraId:2,tocIndex:10},{value:"ProList",paraId:2,tocIndex:10},{value:"，在 ",paraId:2,tocIndex:10},{value:"antd",paraId:2,tocIndex:10},{value:" List 之上扩展了更多便捷易用的功能，比如多选，展开等功能，使用体验贴近 Table，欢迎尝试使用。",paraId:2,tocIndex:10},{value:"参数",paraId:3,tocIndex:11},{value:"说明",paraId:3,tocIndex:11},{value:"类型",paraId:3,tocIndex:11},{value:"默认值",paraId:3,tocIndex:11},{value:"版本",paraId:3,tocIndex:11},{value:"bordered",paraId:3,tocIndex:11},{value:"是否展示边框",paraId:3,tocIndex:11},{value:"boolean",paraId:3,tocIndex:11},{value:"false",paraId:3,tocIndex:11},{value:"dataSource",paraId:3,tocIndex:11},{value:"列表数据源",paraId:3,tocIndex:11},{value:"any[]",paraId:3,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"footer",paraId:3,tocIndex:11},{value:"列表底部",paraId:3,tocIndex:11},{value:"ReactNode",paraId:3,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"grid",paraId:3,tocIndex:11},{value:"列表栅格配置",paraId:3,tocIndex:11},{value:"object",paraId:4,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"header",paraId:3,tocIndex:11},{value:"列表头部",paraId:3,tocIndex:11},{value:"ReactNode",paraId:3,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"itemLayout",paraId:3,tocIndex:11},{value:"设置 ",paraId:3,tocIndex:11},{value:"List.Item",paraId:3,tocIndex:11},{value:" 布局, 设置成 ",paraId:3,tocIndex:11},{value:"vertical",paraId:3,tocIndex:11},{value:" 则竖直样式显示, 默认横排",paraId:3,tocIndex:11},{value:"string",paraId:3,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"loading",paraId:3,tocIndex:11},{value:"当卡片内容还在加载中时，可以用 ",paraId:3,tocIndex:11},{value:"loading",paraId:3,tocIndex:11},{value:" 展示一个占位",paraId:3,tocIndex:11},{value:"boolean | ",paraId:3,tocIndex:11},{value:"object",paraId:5,tocIndex:11},{value:" (",paraId:3,tocIndex:11},{value:"更多",paraId:3,tocIndex:11},{value:")",paraId:3,tocIndex:11},{value:"false",paraId:3,tocIndex:11},{value:"loadMore",paraId:3,tocIndex:11},{value:"加载更多",paraId:3,tocIndex:11},{value:"ReactNode",paraId:3,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"locale",paraId:3,tocIndex:11},{value:"默认文案设置，目前包括空数据文案",paraId:3,tocIndex:11},{value:"object",paraId:3,tocIndex:11},{value:"{emptyText: ",paraId:3,tocIndex:11},{value:"暂无数据",paraId:3,tocIndex:11},{value:"}",paraId:3,tocIndex:11},{value:"pagination",paraId:3,tocIndex:11},{value:"对应的 ",paraId:3,tocIndex:11},{value:"pagination",paraId:3,tocIndex:11},{value:" 配置, 设置 false 不显示",paraId:3,tocIndex:11},{value:"boolean | object",paraId:3,tocIndex:11},{value:"false",paraId:3,tocIndex:11},{value:"renderItem",paraId:3,tocIndex:11},{value:"当使用 dataSource 时，可以用 ",paraId:3,tocIndex:11},{value:"renderItem",paraId:3,tocIndex:11},{value:" 自定义渲染列表项",paraId:3,tocIndex:11},{value:"(item) => ReactNode",paraId:3,tocIndex:11},{value:"-",paraId:3,tocIndex:11},{value:"rowKey",paraId:3,tocIndex:11},{value:"当 ",paraId:3,tocIndex:11},{value:"renderItem",paraId:3,tocIndex:11},{value:" 自定义渲染列表项有效时，自定义每一行的 ",paraId:3,tocIndex:11},{value:"key",paraId:3,tocIndex:11},{value:" 的获取方式",paraId:3,tocIndex:11},{value:"keyof",paraId:3,tocIndex:11},{value:" T | (item: T) => ",paraId:3,tocIndex:11},{value:"React.Key",paraId:3,tocIndex:11},{value:'"key"',paraId:3,tocIndex:11},{value:"size",paraId:3,tocIndex:11},{value:"list 的尺寸",paraId:3,tocIndex:11},{value:"default",paraId:3,tocIndex:11},{value:" | ",paraId:3,tocIndex:11},{value:"large",paraId:3,tocIndex:11},{value:" | ",paraId:3,tocIndex:11},{value:"small",paraId:3,tocIndex:11},{value:"default",paraId:3,tocIndex:11},{value:"split",paraId:3,tocIndex:11},{value:"是否展示分割线",paraId:3,tocIndex:11},{value:"boolean",paraId:3,tocIndex:11},{value:"true",paraId:3,tocIndex:11},{value:"分页的配置项。",paraId:6,tocIndex:12},{value:"参数",paraId:7,tocIndex:12},{value:"说明",paraId:7,tocIndex:12},{value:"类型",paraId:7,tocIndex:12},{value:"默认值",paraId:7,tocIndex:12},{value:"position",paraId:7,tocIndex:12},{value:"指定分页显示的位置",paraId:7,tocIndex:12},{value:"top",paraId:7,tocIndex:12},{value:" | ",paraId:7,tocIndex:12},{value:"bottom",paraId:7,tocIndex:12},{value:" | ",paraId:7,tocIndex:12},{value:"both",paraId:7,tocIndex:12},{value:"bottom",paraId:7,tocIndex:12},{value:"align",paraId:7,tocIndex:12},{value:"指定分页对齐的位置",paraId:7,tocIndex:12},{value:"start",paraId:7,tocIndex:12},{value:" | ",paraId:7,tocIndex:12},{value:"center",paraId:7,tocIndex:12},{value:" | ",paraId:7,tocIndex:12},{value:"end",paraId:7,tocIndex:12},{value:"end",paraId:7,tocIndex:12},{value:"更多配置项，请查看 ",paraId:8,tocIndex:12},{value:"Pagination",paraId:9,tocIndex:12},{value:"。",paraId:8,tocIndex:12},{value:"参数",paraId:10,tocIndex:13},{value:"说明",paraId:10,tocIndex:13},{value:"类型",paraId:10,tocIndex:13},{value:"默认值",paraId:10,tocIndex:13},{value:"版本",paraId:10,tocIndex:13},{value:"column",paraId:10,tocIndex:13},{value:"列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"gutter",paraId:10,tocIndex:13},{value:"栅格间隔",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"0",paraId:10,tocIndex:13},{value:"xs",paraId:10,tocIndex:13},{value:"<576px",paraId:10,tocIndex:13},{value:" 展示的列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"sm",paraId:10,tocIndex:13},{value:"≥576px",paraId:10,tocIndex:13},{value:" 展示的列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"md",paraId:10,tocIndex:13},{value:"≥768px",paraId:10,tocIndex:13},{value:" 展示的列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"lg",paraId:10,tocIndex:13},{value:"≥992px",paraId:10,tocIndex:13},{value:" 展示的列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"xl",paraId:10,tocIndex:13},{value:"≥1200px",paraId:10,tocIndex:13},{value:" 展示的列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"xxl",paraId:10,tocIndex:13},{value:"≥1600px",paraId:10,tocIndex:13},{value:" 展示的列数",paraId:10,tocIndex:13},{value:"number",paraId:10,tocIndex:13},{value:"-",paraId:10,tocIndex:13},{value:"参数",paraId:11,tocIndex:14},{value:"说明",paraId:11,tocIndex:14},{value:"类型",paraId:11,tocIndex:14},{value:"默认值",paraId:11,tocIndex:14},{value:"版本",paraId:11,tocIndex:14},{value:"actions",paraId:11,tocIndex:14},{value:"列表操作组，根据 ",paraId:11,tocIndex:14},{value:"itemLayout",paraId:11,tocIndex:14},{value:" 的不同, 位置在卡片底部或者最右侧",paraId:11,tocIndex:14},{value:"Array<ReactNode>",paraId:11,tocIndex:14},{value:"-",paraId:11,tocIndex:14},{value:"extra",paraId:11,tocIndex:14},{value:"额外内容, 通常用在 ",paraId:11,tocIndex:14},{value:"itemLayout",paraId:11,tocIndex:14},{value:" 为 ",paraId:11,tocIndex:14},{value:"vertical",paraId:11,tocIndex:14},{value:" 的情况下, 展示右侧内容; ",paraId:11,tocIndex:14},{value:"horizontal",paraId:11,tocIndex:14},{value:" 展示在列表元素最右侧",paraId:11,tocIndex:14},{value:"ReactNode",paraId:11,tocIndex:14},{value:"-",paraId:11,tocIndex:14},{value:"参数",paraId:12,tocIndex:15},{value:"说明",paraId:12,tocIndex:15},{value:"类型",paraId:12,tocIndex:15},{value:"默认值",paraId:12,tocIndex:15},{value:"版本",paraId:12,tocIndex:15},{value:"avatar",paraId:12,tocIndex:15},{value:"列表元素的图标",paraId:12,tocIndex:15},{value:"ReactNode",paraId:12,tocIndex:15},{value:"-",paraId:12,tocIndex:15},{value:"description",paraId:12,tocIndex:15},{value:"列表元素的描述内容",paraId:12,tocIndex:15},{value:"ReactNode",paraId:12,tocIndex:15},{value:"-",paraId:12,tocIndex:15},{value:"title",paraId:12,tocIndex:15},{value:"列表元素的标题",paraId:12,tocIndex:15},{value:"ReactNode",paraId:12,tocIndex:15},{value:"-",paraId:12,tocIndex:15}]}}]);

package/dist/szcd-packages__mentions__index.zh-CN.md.fbdf5108.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[8137],{77040:function(e,t,d){d.r(t);d(24532),d(68521),d(61788),d(2951),d(23018);var a=d(73525),s=d(28089),n=(d(25673),d(53112)),l=(d(82259),d(78897),d(78990),d(19909),d(24913),d(57335)),x=d(19952),r=d(67294),c=d(71359),i=d(85893);t.default=function(){return(0,i.jsx)(l.dY,{children:(0,i.jsx)(r.Suspense,{fallback:(0,i.jsx)(x.Z,{}),children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)("p",{children:c.texts[0].value}),(0,i.jsxs)("h2",{id:"何时使用",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"何时使用"]}),(0,i.jsx)("p",{children:c.texts[1].value}),(0,i.jsxs)("h3",{id:"510-用法升级",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#510-用法升级",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"5.1.0 用法升级"]})]}),(0,i.jsx)(n.Z,{message:"在 5.1.0 版本后，我们提供了 <Mentions options={[...]} /> 的简写方式，有更好的性能和更方便的数据组织方式，开发者不再需要自行拼接 JSX。同时我们废弃了原先的写法，你还是可以在 5.x 继续使用，但会在控制台看到警告，并会在 6.0 后移除。"}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)(a.Z,{lang:"js",children:c.texts[2].value}),(0,i.jsxs)("h2",{id:"代码演示",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#代码演示",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"代码演示"]})]}),(0,i.jsx)(l.Z1,{items:[{demo:{id:"szcd-packages-mentions-demo-basic"},previewerProps:{title:"基本使用",filename:"szcd-packages/mentions/demo/basic.tsx"}},{demo:{id:"szcd-packages-mentions-demo-async"},previewerProps:{title:"异步加载",filename:"szcd-packages/mentions/demo/async.tsx"}},{demo:{id:"szcd-packages-mentions-demo-form"},previewerProps:{title:"配合 Form 使用",filename:"szcd-packages/mentions/demo/form.tsx"}},{demo:{id:"szcd-packages-mentions-demo-prefix"},previewerProps:{title:"自定义触发字符",filename:"szcd-packages/mentions/demo/prefix.tsx"}},{demo:{id:"szcd-packages-mentions-demo-readonly"},previewerProps:{title:"无效或只读",filename:"szcd-packages/mentions/demo/readonly.tsx"}},{demo:{id:"szcd-packages-mentions-demo-placement"},previewerProps:{title:"向上展开",filename:"szcd-packages/mentions/demo/placement.tsx"}},{demo:{id:"szcd-packages-mentions-demo-autosize"},previewerProps:{title:"自动大小",filename:"szcd-packages/mentions/demo/autoSize.tsx"}},{demo:{id:"szcd-packages-mentions-demo-status"},previewerProps:{title:"自定义状态",filename:"szcd-packages/mentions/demo/status.tsx"}}]}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h2",{id:"api",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,i.jsxs)("h3",{id:"mentions",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#mentions",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"Mentions"]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[3].value}),(0,i.jsx)("th",{children:c.texts[4].value}),(0,i.jsx)("th",{children:c.texts[5].value}),(0,i.jsx)("th",{children:c.texts[6].value}),(0,i.jsx)("th",{children:c.texts[7].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[8].value}),(0,i.jsx)("td",{children:c.texts[9].value}),(0,i.jsx)("td",{children:c.texts[10].value}),(0,i.jsx)("td",{children:c.texts[11].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[12].value}),(0,i.jsx)("td",{children:c.texts[13].value}),(0,i.jsx)("td",{children:c.texts[14].value}),(0,i.jsx)("td",{children:c.texts[15].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[16].value}),(0,i.jsx)("td",{children:c.texts[17].value}),(0,i.jsx)("td",{children:c.texts[18].value}),(0,i.jsx)("td",{children:c.texts[19].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[20].value}),(0,i.jsx)("td",{children:c.texts[21].value}),(0,i.jsx)("td",{children:c.texts[22].value}),(0,i.jsx)("td",{children:c.texts[23].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[24].value}),(0,i.jsx)("td",{children:c.texts[25].value}),(0,i.jsx)("td",{children:c.texts[26].value}),(0,i.jsx)("td",{children:c.texts[27].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[28].value}),(0,i.jsx)("td",{children:c.texts[29].value}),(0,i.jsx)("td",{children:c.texts[30].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[31].value})}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[32].value}),(0,i.jsx)("td",{children:c.texts[33].value}),(0,i.jsxs)("td",{children:[(0,i.jsx)("code",{children:c.texts[34].value}),c.texts[35].value,(0,i.jsx)("code",{children:c.texts[36].value})]}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[37].value})}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[38].value}),(0,i.jsx)("td",{children:c.texts[39].value}),(0,i.jsx)("td",{children:c.texts[40].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[41].value})}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[42].value}),(0,i.jsx)("td",{children:c.texts[43].value}),(0,i.jsx)("td",{children:c.texts[44].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[45].value})}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[46].value}),(0,i.jsx)("td",{children:c.texts[47].value}),(0,i.jsx)("td",{children:c.texts[48].value}),(0,i.jsx)("td",{children:c.texts[49].value}),(0,i.jsx)("td",{children:c.texts[50].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[51].value}),(0,i.jsx)("td",{children:c.texts[52].value}),(0,i.jsx)("td",{children:c.texts[53].value}),(0,i.jsx)("td",{children:c.texts[54].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[55].value}),(0,i.jsx)("td",{children:c.texts[56].value}),(0,i.jsx)("td",{children:c.texts[57].value}),(0,i.jsx)("td",{children:c.texts[58].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[59].value}),(0,i.jsx)("td",{children:c.texts[60].value}),(0,i.jsx)("td",{children:c.texts[61].value}),(0,i.jsx)("td",{children:c.texts[62].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[63].value}),(0,i.jsx)("td",{children:c.texts[64].value}),(0,i.jsx)("td",{children:c.texts[65].value}),(0,i.jsx)("td",{children:c.texts[66].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[67].value}),(0,i.jsx)("td",{children:c.texts[68].value}),(0,i.jsx)("td",{children:c.texts[69].value}),(0,i.jsx)("td",{children:c.texts[70].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[71].value}),(0,i.jsx)("td",{children:c.texts[72].value}),(0,i.jsx)("td",{children:c.texts[73].value}),(0,i.jsx)("td",{children:c.texts[74].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[75].value}),(0,i.jsx)("td",{children:c.texts[76].value}),(0,i.jsx)("td",{children:c.texts[77].value}),(0,i.jsx)("td",{children:c.texts[78].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[79].value}),(0,i.jsx)("td",{children:c.texts[80].value}),(0,i.jsx)("td",{children:c.texts[81].value}),(0,i.jsx)("td",{children:c.texts[82].value}),(0,i.jsx)("td",{})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[83].value}),(0,i.jsx)("td",{children:c.texts[84].value}),(0,i.jsx)("td",{children:(0,i.jsx)(l.rU,{to:"#option",children:c.texts[85].value})}),(0,i.jsx)("td",{children:c.texts[86].value}),(0,i.jsx)("td",{children:c.texts[87].value})]})]})]}),(0,i.jsxs)("h3",{id:"mentions-方法",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#mentions-方法",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"Mentions 方法"]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[88].value}),(0,i.jsx)("th",{children:c.texts[89].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[90].value}),(0,i.jsx)("td",{children:c.texts[91].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[92].value}),(0,i.jsx)("td",{children:c.texts[93].value})]})]})]}),(0,i.jsxs)("h3",{id:"option",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#option",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"Option"]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[94].value}),(0,i.jsx)("th",{children:c.texts[95].value}),(0,i.jsx)("th",{children:c.texts[96].value}),(0,i.jsx)("th",{children:c.texts[97].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[98].value}),(0,i.jsx)("td",{children:c.texts[99].value}),(0,i.jsx)("td",{children:c.texts[100].value}),(0,i.jsx)("td",{children:c.texts[101].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[102].value}),(0,i.jsx)("td",{children:c.texts[103].value}),(0,i.jsx)("td",{children:c.texts[104].value}),(0,i.jsx)("td",{children:c.texts[105].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[106].value}),(0,i.jsx)("td",{children:c.texts[107].value}),(0,i.jsx)("td",{children:c.texts[108].value}),(0,i.jsx)("td",{children:c.texts[109].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[110].value}),(0,i.jsx)("td",{children:c.texts[111].value}),(0,i.jsx)("td",{children:c.texts[112].value}),(0,i.jsx)("td",{children:c.texts[113].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[114].value}),(0,i.jsx)("td",{children:c.texts[115].value}),(0,i.jsx)("td",{children:c.texts[116].value}),(0,i.jsx)("td",{children:c.texts[117].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[118].value}),(0,i.jsx)("td",{children:c.texts[119].value}),(0,i.jsx)("td",{children:c.texts[120].value}),(0,i.jsx)("td",{children:c.texts[121].value})]})]})]})]})]})})})}},53112:function(e,t,d){var a=d(21110),s=d(57105),n=d(40056),l=d(89908),x=["children"];t.Z=function(e){var t,d=e.children,r=(0,s.Z)(e,x);return(0,l.tZ)(n.Z,(0,a.Z)({style:{marginBottom:16},message:d},(t=r,Object.keys(t).forEach(function(e){""===t[e]&&(t[e]=!0)}),t)))}},71359:function(e,t,d){d.r(t),d.d(t,{texts:function(){return a}});const a=[{value:"提及组件。",paraId:0},{value:"用于在输入中提及某人或某事，常用于发布、聊天或评论功能。",paraId:1,tocIndex:0},{value:"// >=5.1.0 可用，推荐的写法 ✅\nconst options = [{ value: 'sample', label: 'sample' }];\nreturn <Mentions options={options} />;\n\n// <5.1.0 可用，>=5.1.0 时不推荐 🙅🏻‍♀️\nreturn (\n  <Mentions onChange={onChange}>\n    <Mentions.Option value=\"sample\">Sample</Mentions.Option>\n  </Mentions>\n);\n",paraId:2},{value:"参数",paraId:3,tocIndex:12},{value:"说明",paraId:3,tocIndex:12},{value:"类型",paraId:3,tocIndex:12},{value:"默认值",paraId:3,tocIndex:12},{value:"版本",paraId:3,tocIndex:12},{value:"autoFocus",paraId:3,tocIndex:12},{value:"自动获得焦点",paraId:3,tocIndex:12},{value:"boolean",paraId:3,tocIndex:12},{value:"false",paraId:3,tocIndex:12},{value:"autoSize",paraId:3,tocIndex:12},{value:"自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }",paraId:3,tocIndex:12},{value:"boolean | object",paraId:3,tocIndex:12},{value:"false",paraId:3,tocIndex:12},{value:"defaultValue",paraId:3,tocIndex:12},{value:"默认值",paraId:3,tocIndex:12},{value:"string",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"filterOption",paraId:3,tocIndex:12},{value:"自定义过滤逻辑",paraId:3,tocIndex:12},{value:"false | (input: string, option: OptionProps) => boolean",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"getPopupContainer",paraId:3,tocIndex:12},{value:"指定建议框挂载的 HTML 节点",paraId:3,tocIndex:12},{value:"() => HTMLElement",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"notFoundContent",paraId:3,tocIndex:12},{value:"当下拉列表为空时显示的内容",paraId:3,tocIndex:12},{value:"ReactNode",paraId:3,tocIndex:12},{value:"Not Found",paraId:3,tocIndex:12},{value:"placement",paraId:3,tocIndex:12},{value:"弹出层展示位置",paraId:3,tocIndex:12},{value:"top",paraId:3,tocIndex:12},{value:" | ",paraId:3,tocIndex:12},{value:"bottom",paraId:3,tocIndex:12},{value:"bottom",paraId:3,tocIndex:12},{value:"prefix",paraId:3,tocIndex:12},{value:"设置触发关键字",paraId:3,tocIndex:12},{value:"string | string[]",paraId:3,tocIndex:12},{value:"@",paraId:3,tocIndex:12},{value:"split",paraId:3,tocIndex:12},{value:"设置选中项前后分隔符",paraId:3,tocIndex:12},{value:"string",paraId:3,tocIndex:12},{value:" ",paraId:3,tocIndex:12},{value:"status",paraId:3,tocIndex:12},{value:"设置校验状态",paraId:3,tocIndex:12},{value:"'error' | 'warning'",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"4.19.0",paraId:3,tocIndex:12},{value:"validateSearch",paraId:3,tocIndex:12},{value:"自定义触发验证逻辑",paraId:3,tocIndex:12},{value:"(text: string, props: MentionsProps) => void",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"value",paraId:3,tocIndex:12},{value:"设置值",paraId:3,tocIndex:12},{value:"string",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"onBlur",paraId:3,tocIndex:12},{value:"失去焦点时触发",paraId:3,tocIndex:12},{value:"() => void",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"onChange",paraId:3,tocIndex:12},{value:"值改变时触发",paraId:3,tocIndex:12},{value:"(text: string) => void",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"onFocus",paraId:3,tocIndex:12},{value:"获得焦点时触发",paraId:3,tocIndex:12},{value:"() => void",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"onResize",paraId:3,tocIndex:12},{value:"resize 回调",paraId:3,tocIndex:12},{value:"function({ width, height })",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"onSearch",paraId:3,tocIndex:12},{value:"搜索时触发",paraId:3,tocIndex:12},{value:"(text: string, prefix: string) => void",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"onSelect",paraId:3,tocIndex:12},{value:"选择选项时触发",paraId:3,tocIndex:12},{value:"(option: OptionProps, prefix: string) => void",paraId:3,tocIndex:12},{value:"-",paraId:3,tocIndex:12},{value:"options",paraId:3,tocIndex:12},{value:"选项配置",paraId:3,tocIndex:12},{value:"Options",paraId:4,tocIndex:12},{value:"[]",paraId:3,tocIndex:12},{value:"5.1.0",paraId:3,tocIndex:12},{value:"名称",paraId:5,tocIndex:13},{value:"描述",paraId:5,tocIndex:13},{value:"blur()",paraId:5,tocIndex:13},{value:"移除焦点",paraId:5,tocIndex:13},{value:"focus()",paraId:5,tocIndex:13},{value:"获取焦点",paraId:5,tocIndex:13},{value:"参数",paraId:6,tocIndex:14},{value:"说明",paraId:6,tocIndex:14},{value:"类型",paraId:6,tocIndex:14},{value:"默认值",paraId:6,tocIndex:14},{value:"value",paraId:6,tocIndex:14},{value:"选择时填充的值",paraId:6,tocIndex:14},{value:"string",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"label",paraId:6,tocIndex:14},{value:"选项的标题",paraId:6,tocIndex:14},{value:"React.ReactNode",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"key",paraId:6,tocIndex:14},{value:"选项的 key 值",paraId:6,tocIndex:14},{value:"string",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"disabled",paraId:6,tocIndex:14},{value:"是否可选",paraId:6,tocIndex:14},{value:"boolean",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"className",paraId:6,tocIndex:14},{value:"css 类名",paraId:6,tocIndex:14},{value:"string",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"style",paraId:6,tocIndex:14},{value:"选项样式",paraId:6,tocIndex:14},{value:"React.CSSProperties",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14}]},57105:function(e,t,d){function a(e,t){if(null==e)return{};var d,a,s=function(e,t){if(null==e)return{};var d,a,s={},n=Object.keys(e);for(a=0;a<n.length;a++)d=n[a],t.indexOf(d)>=0||(s[d]=e[d]);return s}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)d=n[a],t.indexOf(d)>=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(s[d]=e[d])}return s}d.d(t,{Z:function(){return a}})}}]);