npm - @szc-ft/szcd - Versions diffs - 1.1.7 - Mend

@szc-ft/szcd 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1328) hide show

package/dist/pro-packages__form__src__components__Group__index.md.eac8c134.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[729],{8989:function(e,n,a){a.r(n);a(24532),a(68521),a(61788),a(2951),a(23018);var t=a(73525),r=a(28089),d=(a(25673),a(82259),a(78897),a(78990),a(19909),a(24913),a(57335)),o=a(19952),s=a(67294),l=a(21546),i=a(85893);n.default=function(){return(0,i.jsx)(d.dY,{children:(0,i.jsx)(s.Suspense,{fallback:(0,i.jsx)(o.Z,{}),children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h1",{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:l.texts[0].value}),(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:l.texts[1].value}),(0,i.jsx)("li",{children:l.texts[2].value}),(0,i.jsx)("li",{children:l.texts[3].value})]}),(0,i.jsxs)("h2",{id:"proformlist",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformlist",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProFormList"]}),(0,i.jsxs)("p",{children:[l.texts[4].value,(0,i.jsx)("a",{href:"https://ant.design/components/form-cn/#Form.List",children:l.texts[5].value}),l.texts[6].value,(0,i.jsx)("code",{children:l.texts[7].value}),l.texts[8].value]}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[9].value}),(0,i.jsxs)("h3",{id:"proformlist-api",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformlist-api",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProFormList API"]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:l.texts[10].value}),(0,i.jsx)("th",{children:l.texts[11].value}),(0,i.jsx)("th",{children:l.texts[12].value}),(0,i.jsx)("th",{children:l.texts[13].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[14].value}),(0,i.jsx)("td",{children:l.texts[15].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[16].value})}),(0,i.jsx)("td",{children:l.texts[17].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[18].value}),(0,i.jsx)("td",{children:l.texts[19].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[20].value})}),(0,i.jsx)("td",{children:l.texts[21].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[22].value}),(0,i.jsx)("td",{children:l.texts[23].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[24].value})}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[25].value})})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[26].value}),(0,i.jsx)("td",{children:l.texts[27].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[28].value})}),(0,i.jsx)("td",{children:l.texts[29].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[30].value}),(0,i.jsx)("td",{children:l.texts[31].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[32].value})}),(0,i.jsx)("td",{children:l.texts[33].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[34].value}),(0,i.jsx)("td",{children:l.texts[35].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[36].value})}),(0,i.jsx)("td",{children:l.texts[37].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[38].value}),(0,i.jsx)("td",{children:l.texts[39].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[40].value})}),(0,i.jsx)("td",{children:l.texts[41].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[42].value}),(0,i.jsx)("td",{children:l.texts[43].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[44].value})}),(0,i.jsx)("td",{children:l.texts[45].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[46].value}),(0,i.jsx)("td",{children:l.texts[47].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[48].value})}),(0,i.jsx)("td",{children:l.texts[49].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[50].value}),(0,i.jsx)("td",{children:l.texts[51].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[52].value})}),(0,i.jsx)("td",{children:l.texts[53].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[54].value}),(0,i.jsx)("td",{children:l.texts[55].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[56].value})}),(0,i.jsx)("td",{children:l.texts[57].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[58].value}),(0,i.jsx)("td",{children:l.texts[59].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[60].value})}),(0,i.jsx)("td",{children:l.texts[61].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[62].value}),(0,i.jsx)("td",{children:l.texts[63].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[64].value})}),(0,i.jsx)("td",{children:l.texts[65].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[66].value}),(0,i.jsx)("td",{children:l.texts[67].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[68].value})}),(0,i.jsx)("td",{children:l.texts[69].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:l.texts[70].value}),(0,i.jsx)("td",{children:l.texts[71].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:l.texts[72].value})}),(0,i.jsx)("td",{children:l.texts[73].value})]})]})]}),(0,i.jsxs)("h3",{id:"actionref-操作项目实例",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#actionref-操作项目实例",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"actionRef 操作项目实例"]}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[74].value}),(0,i.jsxs)("h3",{id:"actionguard-拦截器",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#actionguard-拦截器",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"actionGuard 拦截器"]}),(0,i.jsxs)("p",{children:[l.texts[75].value,(0,i.jsx)("code",{children:l.texts[76].value}),l.texts[77].value,(0,i.jsx)("code",{children:l.texts[78].value}),l.texts[79].value]}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[80].value}),(0,i.jsxs)("h3",{id:"actionrender-自定义操作按钮",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#actionrender-自定义操作按钮",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"actionRender 自定义操作按钮"]}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[81].value}),(0,i.jsxs)("h3",{id:"proformlist-renderprops-模式",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformlist-renderprops-模式",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProFormList RenderProps 模式"]}),(0,i.jsx)("p",{children:l.texts[82].value}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[83].value}),(0,i.jsx)("p",{children:l.texts[84].value}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[85].value}),(0,i.jsxs)("h2",{id:"proformfieldset",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformfieldset",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProFormFieldSet"]}),(0,i.jsxs)("p",{children:[l.texts[86].value,(0,i.jsx)("code",{children:l.texts[87].value}),l.texts[88].value]}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[89].value}),(0,i.jsxs)("h2",{id:"proformdependency",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformdependency",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProFormDependency"]}),(0,i.jsx)("p",{children:l.texts[90].value}),(0,i.jsxs)("p",{children:[l.texts[91].value,(0,i.jsx)("code",{children:l.texts[92].value}),l.texts[93].value,(0,i.jsx)("code",{children:l.texts[94].value}),l.texts[95].value,(0,i.jsx)("code",{children:l.texts[96].value}),l.texts[97].value]}),(0,i.jsx)(t.Z,{lang:"tsx",children:l.texts[98].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.jsxs)("h3",{id:"自定义删除和复制的-tooltip",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#自定义删除和复制的-tooltip",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"自定义删除和复制的 tooltip"]})]}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-list-tooltip"},previewerProps:{title:"ProForm.List",filename:"pro-packages/form/src/components/Group/demos/list-tooltip.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"联动的-formlist",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#联动的-formlist",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"联动的 FormList"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-base-use"},previewerProps:{title:"ProForm.List",filename:"pro-packages/form/src/components/Group/demos/base-use.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"可调整的新建按钮位置",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#可调整的新建按钮位置",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"可调整的新建按钮位置"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-list"},previewerProps:{title:"ProForm.List-position",filename:"pro-packages/form/src/components/Group/demos/list.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"表单互相嵌套",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#表单互相嵌套",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"表单互相嵌套"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-nested-list"},previewerProps:{title:"ProForm.List-ProFormList",filename:"pro-packages/form/src/components/Group/demos/nested-list.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"复杂联动",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#复杂联动",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"复杂联动"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-dependency"},previewerProps:{title:"ProForm.List-dependency",filename:"pro-packages/form/src/components/Group/demos/dependency.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"行为守卫",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#行为守卫",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"行为守卫"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-pro-form-list"},previewerProps:{title:"行为守卫",filename:"pro-packages/form/src/components/Group/demos/pro-form-list.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"增删条目限制",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#增删条目限制",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"增删条目限制"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-countlimit"},previewerProps:{title:"增删条目限制",filename:"pro-packages/form/src/components/Group/demos/countLimit.tsx"}}),(0,i.jsx)("div",{className:"markdown",children:(0,i.jsxs)("h3",{id:"横向布局",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#横向布局",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"横向布局"]})}),(0,i.jsx)(d.Dl,{demo:{id:"proformlist-demo-horizontal-layout"},previewerProps:{title:"横向布局",filename:"pro-packages/form/src/components/Group/demos/horizontal-layout.tsx"}})]})})})}},21546:function(e,n,a){a.r(n),a.d(n,{texts:function(){return t}});const t=[{value:"我们还提供了用来进行结构化数据的录入:",paraId:0,tocIndex:0},{value:"ProFormList 录入结构化的多维数组数据。",paraId:1,tocIndex:0},{value:"ProFormFieldSet 录入结构化的一维数组数据。",paraId:1,tocIndex:0},{value:"ProFormDependency 数据依赖的相关组件",paraId:1,tocIndex:0},{value:"ProFormList 与 ",paraId:2,tocIndex:1},{value:"Form.List",paraId:2,tocIndex:1},{value:" API 基本相同，增加了自带的操作按钮：删除和复制，并且自带了了一个",paraId:2,tocIndex:1},{value:"新建一行",paraId:2,tocIndex:1},{value:"按钮。",paraId:2,tocIndex:1},{value:"<ProFormList\n name=\"users\"\n initialValue={[\n {\n useMode: 'chapter',\n },\n ]}\n creatorButtonProps={{\n position: 'top',\n creatorButtonText: '再建一行',\n }}\n creatorRecord={{\n useMode: 'none',\n }}\n>\n <ProFormSelect\n key=\"useMode\"\n options={[\n {\n value: 'chapter',\n label: '盖章后生效',\n },\n {\n value: 'none',\n label: '不生效',\n },\n ]}\n width=\"md\"\n name=\"useMode\"\n label=\"合同约定生效方式\"\n />\n</ProFormList>\n",paraId:3,tocIndex:1},{value:"参数",paraId:4,tocIndex:2},{value:"说明",paraId:4,tocIndex:2},{value:"类型",paraId:4,tocIndex:2},{value:"默认值",paraId:4,tocIndex:2},{value:"itemRender",paraId:4,tocIndex:2},{value:"自定义 Item，可以用来将 action 放到别的地方",paraId:4,tocIndex:2},{value:"(doms,listMeta)=> ReactNode",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"creatorRecord",paraId:4,tocIndex:2},{value:"新建一行的默认值",paraId:4,tocIndex:2},{value:"Record<string, any> | () => Record<string, any>",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"creatorButtonProps",paraId:4,tocIndex:2},{value:"新建一行按钮的配置",paraId:4,tocIndex:2},{value:'buttonProps & { creatorButtonText:string,position:"top"|"bottom" }',paraId:4,tocIndex:2},{value:'{creatorButtonText:"新建一行"}',paraId:4,tocIndex:2},{value:"label",paraId:4,tocIndex:2},{value:"与 From.Item 相同",paraId:4,tocIndex:2},{value:"ReactNode",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"name",paraId:4,tocIndex:2},{value:"list 在 form 中的值，必填项",paraId:4,tocIndex:2},{value:"NamePath",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"alwaysShowItemLabel",paraId:4,tocIndex:2},{value:"Item 中总是展示 label",paraId:4,tocIndex:2},{value:"boolean",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"actionRef",paraId:4,tocIndex:2},{value:"当前 List 的自带操作，可以增删改查列表项",paraId:4,tocIndex:2},{value:"{add,remove,move,get}",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"actionGuard",paraId:4,tocIndex:2},{value:"FormItem 的拦截器，包含删除和添加的拦截，可以用 actionRef 拿到当前行的值",paraId:4,tocIndex:2},{value:"{beforeAddRow:(index)=>boolean,beforeRemoveRow:(index)=>boolean}",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"min",paraId:4,tocIndex:2},{value:"最少条目，删除时如果当前数据条目少于该数则无法删除",paraId:4,tocIndex:2},{value:"number",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"max",paraId:4,tocIndex:2},{value:"最多条目，新增或复制时如果当前数据条目多于该数则无法新增或复制",paraId:4,tocIndex:2},{value:"number",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"copyIconProps",paraId:4,tocIndex:2},{value:"复制按钮的配置，false 可以取消",paraId:4,tocIndex:2},{value:"{ Icon?: React.FC<any>; tooltipText?: string; } | false",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"deleteIconProps",paraId:4,tocIndex:2},{value:"删除按钮的配置，false 可以取消",paraId:4,tocIndex:2},{value:"{ Icon?: React.FC<any>; tooltipText?: string; } | false",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"actionRender",paraId:4,tocIndex:2},{value:"自定义操作按钮",paraId:4,tocIndex:2},{value:"(field,action,defaultActionDom,count)=>React.ReactNode[]",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"onAfterAdd",paraId:4,tocIndex:2},{value:"新增数据后的钩子",paraId:4,tocIndex:2},{value:"(defaultValue: StoreValue, insertIndex: number, count: number) => void",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"onAfterRemove",paraId:4,tocIndex:2},{value:"删除数据后的钩子",paraId:4,tocIndex:2},{value:"(index: number, count: number) => void",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:'const actionRef = useRef<\n FormListActionType<{\n name: string;\n }>\n>();\n\nreturn (\n /**\n * @name 获取到 list 操作实例\n * @description 可用删除，新增，移动等操作\n *\n * @example actionRef?.current.add?.({},1);\n * @example actionRef?.current.remove?.(1);\n * @example actionRef?.current.move?.(1,2);\n * @example actionRef?.current.get?.(1);\n */\n <>\n <Space>\n <Button\n type="primary"\n onClick={() => {\n const list = actionRef.current?.getList();\n actionRef.current?.add({\n name: \'新增\' + list?.length,\n });\n }}\n >\n 增加一行\n </Button>\n <Button\n danger\n onClick={() => {\n actionRef.current?.remove(1);\n }}\n >\n 删除一行\n </Button>\n <Button\n onClick={() => {\n actionRef.current?.move(1, 0);\n }}\n >\n 移动到第一行\n </Button>\n <Button\n type="dashed"\n onClick={() => {\n const row = actionRef.current?.get(1);\n console.log(row);\n }}\n >\n 获取一行数据\n </Button>\n <Button\n type="dashed"\n onClick={() => {\n const row = actionRef.current?.getList();\n console.log(row);\n }}\n >\n 获取所有数据\n </Button>\n </Space>\n <ProFormList actionGuard={actionGuard} actionRef={actionRef}>\n <ProFormText key="useMode" name="name" label="姓名" />\n </ProFormList>\n </>\n);\n',paraId:5,tocIndex:3},{value:"actionGuard 可以拦截 list 的操作，现在有 ",paraId:6,tocIndex:4},{value:"beforeAddRow",paraId:6,tocIndex:4},{value:" 和 ",paraId:6,tocIndex:4},{value:"beforeRemoveRow",paraId:6,tocIndex:4},{value:" 两个事件。",paraId:6,tocIndex:4},{value:'const actionRef = useRef<\n FormListActionType<{\n name: string;\n }>\n>();\nconst actionGuard = {\n beforeAddRow: async (defaultValue, insertIndex, count) => {\n return new Promise((resolve) => {\n console.log(defaultValue?.name, insertIndex, count);\n setTimeout(() => resolve(true), 1000);\n });\n },\n beforeRemoveRow: async (index, count) => {\n const row = actionRef.current?.get(index as number);\n console.log(\'---\x3e\', index, count, row);\n return new Promise((resolve) => {\n if (index === 0) {\n resolve(false);\n return;\n }\n setTimeout(() => resolve(true), 1000);\n });\n },\n};\nreturn (\n <ProFormList actionGuard={actionGuard} actionRef={actionRef}>\n <ProFormText key="useMode" name="name" label="姓名" />\n </ProFormList>\n);\n',paraId:7,tocIndex:4},{value:' /**\n * @name 自定义操作按钮\n *\n * @example 删除按钮\n * actionRender:(field,action)=><a onClick={()=>action.remove(field.name)}>删除</a>\n * @example 最多只能新增三行\n * actionRender:(f,action,_,count)=><a onClick={()=>\n * count>2?alert("最多三行！"):action.add({id:"xx"})}>删除\n * </a>\n */\n actionRender?: (\n field: FormListFieldData,\n /**\n * 操作能力\n * @example action.add(data) 新增一行\n * @example action.remove(index) 删除一行\n * @example action.move(formIndex,targetIndex) 移动一行\n */\n action: FormListOperation,\n /**\n * 默认的操作dom\n * [复制，删除]\n */\n defaultActionDom: ReactNode[],\n /**\n * 当前共有几个列表项\n */\n count: number,\n ) => ReactNode[];\n\n\n',paraId:8,tocIndex:5},{value:"ProFormList 支持传入一个方法来获取到当前行的信息和快捷操作，这对于复杂的联动来说是很方便的。",paraId:9,tocIndex:6},{value:'<ProFormList>\n {(\n // 当前行的基本信息 {name: number; key: number}\n meta,\n // 当前的行号\n index,\n /**\n * action\n * @name 用于操作行的一些快捷方法\n * @example 给第二行增加数据 action.add?.({},1);\n * @example 删除第二行 action.remove?.(1);\n * @example 从 1 移到 2: action.move?.(2,1);\n * @example 获取当前行的数据: action.getCurrentRowData() -> {id:"xxx",name:\'123\',age:18}\n * @example 设置当前行的数据: {id:"123",name:\'123\'} -> action.setCurrentRowData({name:\'xxx\'}) -> {id:"123",name:\'xxx\'}\n * @example 清空当前行的数据：{id:"123",name:\'123\'} -> action.setCurrentRowData({name:undefined}) -> {id:"123"}\n */\n action,\n // 总行数\n count,\n ) => {\n return (\n <div key="row">\n <ProFormText name="id" />\n <ProFormText name="name" />\n </div>\n );\n }}\n</ProFormList>\n',paraId:10,tocIndex:6},{value:"这四个参数的类型定义如下：",paraId:11,tocIndex:6},{value:"type RenderActionParams = {\n /**\n * @name 当前行的meta信息\n * @example {name: number; key: number}\n */\n meta: FormListFieldData;\n /**\n * @name 当前行的行号\n */\n index: number;\n /**\n * @name 用于操作行的一些快捷方法\n * @example 给第二行增加数据 action.add?.({},1);\n * @example 删除第二行 action.remove?.(1);\n * @example 从 1 移到 2: action.move?.(2,1);\n * @example 获取当前行的数据: action.getCurrentRowData() -> {id:\"xxx\",name:'123',age:18}\n * @example 设置当前行的数据: {id:\"123\",name:'123'} -> action.setCurrentRowData({name:'xxx'}) -> {id:\"123\",name:'xxx'}\n * @example 清空当前行的数据：{id:\"123\",name:'123'} -> action.setCurrentRowData({name:undefined}) -> {id:\"123\"}\n */\n action: FormListOperation & {\n /**\n * @name 获取当前行的数据\n * @example getCurrentRowData -> {id:\"xxx\",name:'123',age:18}\n */\n getCurrentRowData: () => any;\n /**\n * @name 设置当前行的数据\n * @example {id:\"123\",name:'123'} -> setCurrentRowData({name:'xxx'}) -> {id:\"123\",name:'123'}\n * @example {id:\"123\",name:'123'} -> setCurrentRowData({name:undefined}) -> {id:\"123\"}\n */\n setCurrentRowData: (data: any) => void;\n };\n /**\n * @name 总行数\n */\n count: number;\n};\n",paraId:12,tocIndex:6},{value:"ProFormFieldSet 可以将内部的多个 children 的值组合并且存储在 ProForm 中，并且可以通过 ",paraId:13,tocIndex:7},{value:"transform",paraId:13,tocIndex:7},{value:" 在提交时转化。下面是一个简单的用法,可以方便的组合多个输入框，并且格式化为想要的数据。",paraId:13,tocIndex:7},{value:'<ProFormFieldSet\n name="list"\n label="组件列表"\n // 支持两种方式，type="group" 会用input.group 包裹\n // 如果不配置默认使用 space\n type="group"\n transform={(value: any) => ({ startTime: value[0], endTime: value[1] })}\n>\n <ProFormText width="md" />\n <ProFormText width="md" />\n <ProFormText width="md" />\n</ProFormFieldSet>\n',paraId:14,tocIndex:7},{value:"ProFormDependency 是一个简化版本的 Form.Item，它默认内置了 noStyle 与 shouldUpdate，我们只需要配置 name 来确定我们依赖哪个数据，ProFormDependency 会自动处理 diff 和并且从表单中提取相应的值。",paraId:15,tocIndex:8},{value:"name 参数必须要是一个数组，如果是嵌套的结构可以这样配置 ",paraId:16,tocIndex:8},{value:"name={['name', ['name2', 'text']]}",paraId:16,tocIndex:8},{value:"。配置的 name 的值会在 renderProps 中传入。",paraId:16,tocIndex:8},{value:"name={['name', ['name2', 'text']]}",paraId:16,tocIndex:8},{value:" 传入的 values 的值为 ",paraId:16,tocIndex:8},{value:"{ name: string,name2: { text:string } }",paraId:16,tocIndex:8},{value:"。",paraId:16,tocIndex:8},{value:"<ProFormDependency name={['name']}>\n {({ name }) => {\n return (\n <ProFormSelect\n options={[\n {\n value: 'chapter',\n label: '盖章后生效',\n },\n ]}\n width=\"md\"\n name=\"useMode\"\n label={`与《${name}》合同约定生效方式`}\n />\n );\n }}\n</ProFormDependency>\n",paraId:17,tocIndex:8}]}}]);

package/dist/pro-packages__form__src__components__LoginForm__index.md.31031e0a.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[1449],{86899: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),n=a(99299),r=a(85893);d.default=function(){return(0,r.jsx)(l.dY,{children:(0,r.jsx)(x.Suspense,{fallback:(0,r.jsx)(s.Z,{}),children:(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"markdown",children:[(0,r.jsxs)("h1",{id:"登录表单",children:[(0,r.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#登录表单",children:(0,r.jsx)("span",{className:"icon icon-link"})}),"登录表单"]}),(0,r.jsx)("p",{children:n.texts[0].value}),(0,r.jsxs)("h2",{id:"登录表单-1",children:[(0,r.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#登录表单-1",children:(0,r.jsx)("span",{className:"icon icon-link"})}),"登录表单"]}),(0,r.jsxs)("h2",{id:"页面级别的登录表单",children:[(0,r.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#页面级别的登录表单",children:(0,r.jsx)("span",{className:"icon icon-link"})}),"页面级别的登录表单"]}),(0,r.jsxs)("h2",{id:"api",children:[(0,r.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,r.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,r.jsxs)("h3",{id:"loginform",children:[(0,r.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#loginform",children:(0,r.jsx)("span",{className:"icon icon-link"})}),"LoginForm"]}),(0,r.jsx)("p",{children:n.texts[1].value}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{children:n.texts[2].value}),(0,r.jsx)("th",{children:n.texts[3].value}),(0,r.jsx)("th",{children:n.texts[4].value}),(0,r.jsx)("th",{children:n.texts[5].value})]})}),(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[6].value}),(0,r.jsx)("td",{children:n.texts[7].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[8].value})}),(0,r.jsx)("td",{children:n.texts[9].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[10].value}),(0,r.jsx)("td",{children:n.texts[11].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[12].value})}),(0,r.jsx)("td",{children:n.texts[13].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[14].value}),(0,r.jsx)("td",{children:n.texts[15].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[16].value})}),(0,r.jsx)("td",{children:n.texts[17].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[18].value}),(0,r.jsx)("td",{children:n.texts[19].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[20].value})}),(0,r.jsx)("td",{})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[21].value}),(0,r.jsx)("td",{children:n.texts[22].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[23].value})}),(0,r.jsx)("td",{children:n.texts[24].value})]})]})]}),(0,r.jsxs)("h3",{id:"loginformpage",children:[(0,r.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#loginformpage",children:(0,r.jsx)("span",{className:"icon icon-link"})}),"LoginFormPage"]}),(0,r.jsx)("p",{children:n.texts[25].value}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{children:n.texts[26].value}),(0,r.jsx)("th",{children:n.texts[27].value}),(0,r.jsx)("th",{children:n.texts[28].value}),(0,r.jsx)("th",{children:n.texts[29].value})]})}),(0,r.jsxs)("tbody",{children:[(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[30].value}),(0,r.jsx)("td",{children:n.texts[31].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[32].value})}),(0,r.jsx)("td",{children:n.texts[33].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[34].value}),(0,r.jsx)("td",{children:n.texts[35].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[36].value})}),(0,r.jsx)("td",{children:n.texts[37].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[38].value}),(0,r.jsx)("td",{children:n.texts[39].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[40].value})}),(0,r.jsx)("td",{children:n.texts[41].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[42].value}),(0,r.jsx)("td",{children:n.texts[43].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[44].value})}),(0,r.jsx)("td",{})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[45].value}),(0,r.jsx)("td",{children:n.texts[46].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[47].value})}),(0,r.jsx)("td",{children:n.texts[48].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[49].value}),(0,r.jsx)("td",{children:n.texts[50].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[51].value})}),(0,r.jsx)("td",{children:n.texts[52].value})]}),(0,r.jsxs)("tr",{children:[(0,r.jsx)("td",{children:n.texts[53].value}),(0,r.jsx)("td",{children:n.texts[54].value}),(0,r.jsx)("td",{children:(0,r.jsx)("code",{children:n.texts[55].value})}),(0,r.jsx)("td",{children:n.texts[56].value})]})]})]})]})})})})}},99299:function(e,d,a){a.r(d),a.d(d,{texts:function(){return t}});const t=[{value:"LoginForm 和 LoginFormPage 是 ProForm 的变体，两者是为了适应常见的登录表单布局来专门实现，适用于各类登录场景，降低布局的压力。",paraId:0,tocIndex:0},{value:"LoginForm 代表了比较常见的居中布局样式。",paraId:1,tocIndex:4},{value:"参数",paraId:2,tocIndex:4},{value:"说明",paraId:2,tocIndex:4},{value:"类型",paraId:2,tocIndex:4},{value:"默认值",paraId:2,tocIndex:4},{value:"logo",paraId:2,tocIndex:4},{value:"logo 的配置，支持 ReactNode 和 string",paraId:2,tocIndex:4},{value:"ReactNode | url",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"title",paraId:2,tocIndex:4},{value:"标题，可以配置为空",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"subTitle",paraId:2,tocIndex:4},{value:"二级标题，可以配置为空",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"actions",paraId:2,tocIndex:4},{value:"自定义额外的登录功能",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"message",paraId:2,tocIndex:4},{value:"form 顶部的一个提示配置，可以配置一些错误的提示信息",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"LoginFormPage 使用了左右布局，并且增加了一些广告位的配置。",paraId:3,tocIndex:5},{value:"参数",paraId:4,tocIndex:5},{value:"说明",paraId:4,tocIndex:5},{value:"类型",paraId:4,tocIndex:5},{value:"默认值",paraId:4,tocIndex:5},{value:"logo",paraId:4,tocIndex:5},{value:"logo 的配置，支持 ReactNode 和 string",paraId:4,tocIndex:5},{value:"ReactNode | url",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"title",paraId:4,tocIndex:5},{value:"标题，可以配置为空",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"subTitle",paraId:4,tocIndex:5},{value:"二级标题，可以配置为空",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"actions",paraId:4,tocIndex:5},{value:"自定义额外的登录功能",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"message",paraId:4,tocIndex:5},{value:"form 顶部的一个提示配置，可以配置一些错误的提示信息",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"backgroundImageUrl",paraId:4,tocIndex:5},{value:"整个区域的背景图片配置，手机端不会展示",paraId:4,tocIndex:5},{value:"url",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"activityConfig",paraId:4,tocIndex:5},{value:"活动的配置，包含 title，subTitle，action，分别代表标题，次标题和行动按钮，也可配置 style 来控制区域的样式",paraId:4,tocIndex:5},{value:"{title,subTitle,action,style}",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5}]}}]);

package/dist/pro-packages__form__src__components__ModalForm__index.md.78aad0b7.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[9552],{88784:function(e,a,d){d.r(a);d(24532),d(68521),d(61788),d(2951),d(23018),d(73525);var t=d(28089),r=(d(25673),d(82259),d(78897),d(78990),d(19909),d(24913),d(57335)),l=d(19952),s=d(67294),n=d(8468),x=d(85893);a.default=function(){return(0,x.jsx)(r.dY,{children:(0,x.jsx)(s.Suspense,{fallback:(0,x.jsx)(l.Z,{}),children:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h1",{id:"浮层表单",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#浮层表单",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"浮层表单"]}),(0,x.jsxs)("p",{children:[n.texts[0].value,(0,x.jsx)("code",{children:n.texts[1].value}),n.texts[2].value,(0,x.jsx)("code",{children:n.texts[3].value}),n.texts[4].value]}),(0,x.jsxs)("p",{children:[n.texts[5].value,(0,x.jsx)("code",{children:n.texts[6].value}),n.texts[7].value,(0,x.jsx)("code",{children:n.texts[8].value}),n.texts[9].value]}),(0,x.jsxs)("h2",{id:"modal-表单",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#modal-表单",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"Modal 表单"]})]}),(0,x.jsx)(r.Dl,{demo:{id:"modalform,drawerform-demo-modal-form"},previewerProps:{background:"var(--main-bg-color)",title:"Modal 表单",filename:"pro-packages/form/src/components/ModalForm/demos/modal-form.tsx"}}),(0,x.jsx)("div",{className:"markdown",children:(0,x.jsxs)("h2",{id:"drawer-表单",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#drawer-表单",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"Drawer 表单"]})}),(0,x.jsx)(r.Dl,{demo:{id:"modalform,drawerform-demo-drawer-form"},previewerProps:{background:"var(--main-bg-color)",title:"Drawer 表单",filename:"pro-packages/form/src/components/ModalForm/demos/drawer-form.tsx"}}),(0,x.jsx)("div",{className:"markdown",children:(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)(r.Dl,{demo:{id:"modalform,drawerform-demo-drawer-form-nested"},previewerProps:{debug:!0,background:"var(--main-bg-color)",title:"Drawer Forms",filename:"pro-packages/form/src/components/ModalForm/demos/drawer-form-nested.tsx"}}),(0,x.jsx)("div",{className:"markdown",children:(0,x.jsxs)("h2",{id:"自定义-modal-表单按钮",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#自定义-modal-表单按钮",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"自定义 Modal 表单按钮"]})}),(0,x.jsx)(r.Dl,{demo:{id:"modalform,drawerform-demo-modal-form-submitter"},previewerProps:{background:"var(--main-bg-color)",title:"自定义 Modal 表单按钮",filename:"pro-packages/form/src/components/ModalForm/demos/modal-form-submitter.tsx"}}),(0,x.jsx)("div",{className:"markdown",children:(0,x.jsxs)("h2",{id:"使用-open-和-onopenchange",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#使用-open-和-onopenchange",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"使用 open 和 onOpenChange"]})}),(0,x.jsx)(r.Dl,{demo:{id:"modalform,drawerform-demo-visible-on-visible-change"},previewerProps:{background:"var(--main-bg-color)",title:"使用 open 和 onOpenChange",filename:"pro-packages/form/src/components/ModalForm/demos/visible-on-visible-change.tsx"}}),(0,x.jsx)("div",{className:"markdown",children:(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)(r.Dl,{demo:{id:"modalform,drawerform-demo-modal-form-reset"},previewerProps:{background:"var(--main-bg-color)",title:"重置表单",filename:"pro-packages/form/src/components/ModalForm/demos/modal-form-reset.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)("h3",{id:"modalform",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#modalform",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"ModalForm"]}),(0,x.jsx)("p",{children:n.texts[10].value}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:n.texts[11].value}),(0,x.jsx)("th",{children:n.texts[12].value}),(0,x.jsx)("th",{children:n.texts[13].value}),(0,x.jsx)("th",{children:n.texts[14].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[15].value}),(0,x.jsx)("td",{children:n.texts[16].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[17].value})}),(0,x.jsx)("td",{children:n.texts[18].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[19].value}),(0,x.jsx)("td",{children:n.texts[20].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[21].value})}),(0,x.jsx)("td",{children:n.texts[22].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[23].value}),(0,x.jsx)("td",{children:n.texts[24].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{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.jsxs)("td",{children:[n.texts[28].value,(0,x.jsx)("a",{href:"https://ant.design/components/modal-cn/",children:n.texts[29].value}),n.texts[30].value]}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://ant.design/components/modal-cn/#API",children:n.texts[31].value})}),(0,x.jsx)("td",{children:n.texts[32].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[33].value}),(0,x.jsx)("td",{children:n.texts[34].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{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:(0,x.jsx)("code",{children:n.texts[39].value})}),(0,x.jsx)("td",{children:n.texts[40].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[41].value}),(0,x.jsxs)("td",{children:[n.texts[42].value,(0,x.jsx)("code",{children:n.texts[43].value}),n.texts[44].value]}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{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:(0,x.jsx)("code",{children:n.texts[49].value})}),(0,x.jsx)("td",{children:n.texts[50].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[51].value}),(0,x.jsxs)("td",{children:[n.texts[52].value,(0,x.jsx)("a",{href:"https://procomponents.ant.design/components/form",children:n.texts[53].value}),n.texts[54].value]}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://procomponents.ant.design/components/form",children:n.texts[55].value})}),(0,x.jsx)("td",{children:n.texts[56].value})]})]})]}),(0,x.jsxs)("h3",{id:"drawerform",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#drawerform",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"DrawerForm"]}),(0,x.jsx)("p",{children:n.texts[57].value}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:n.texts[58].value}),(0,x.jsx)("th",{children:n.texts[59].value}),(0,x.jsx)("th",{children:n.texts[60].value}),(0,x.jsx)("th",{children:n.texts[61].value})]})}),(0,x.jsxs)("tbody",{children:[(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:(0,x.jsx)("code",{children:n.texts[64].value})}),(0,x.jsx)("td",{children:n.texts[65].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[66].value}),(0,x.jsx)("td",{children:n.texts[67].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[68].value})}),(0,x.jsx)("td",{children:n.texts[69].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[70].value}),(0,x.jsx)("td",{children:n.texts[71].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[72].value})}),(0,x.jsx)("td",{children:n.texts[73].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[74].value}),(0,x.jsx)("td",{children:n.texts[75].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[76].value})}),(0,x.jsx)("td",{children:n.texts[77].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[78].value}),(0,x.jsxs)("td",{children:[n.texts[79].value,(0,x.jsx)("a",{href:"https://ant.design/components/drawer-cn/",children:n.texts[80].value}),n.texts[81].value]}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://ant.design/components/drawer-cn/#API",children:n.texts[82].value})}),(0,x.jsx)("td",{children:n.texts[83].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[84].value}),(0,x.jsx)("td",{children:n.texts[85].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[86].value})}),(0,x.jsx)("td",{children:n.texts[87].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[88].value}),(0,x.jsx)("td",{children:n.texts[89].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[90].value})}),(0,x.jsx)("td",{children:n.texts[91].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[92].value}),(0,x.jsxs)("td",{children:[n.texts[93].value,(0,x.jsx)("code",{children:n.texts[94].value}),n.texts[95].value]}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[96].value})}),(0,x.jsx)("td",{children:n.texts[97].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[98].value}),(0,x.jsx)("td",{children:n.texts[99].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[100].value})}),(0,x.jsx)("td",{children:n.texts[101].value})]})]})]})]})]})})})}},8468:function(e,a,d){d.r(a),d.d(a,{texts:function(){return t}});const t=[{value:"ModalForm 和 DrawerForm 是 ProForm 的一个变体，本质上仍然是个表单。所以无法通过 ",paraId:0,tocIndex:0},{value:"footer",paraId:0,tocIndex:0},{value:" 来自定义页脚,如果要定义页脚需要使用 ",paraId:0,tocIndex:0},{value:"submitter.render",paraId:0,tocIndex:0},{value:" 来进行自定义。这两个表单的表现与 ProForm 相同，可以从 ProForm 直接修改而来。",paraId:0,tocIndex:0},{value:"ModalForm 和 DrawerForm 都提供了 trigger 来减少 state 的使用，如果你需要使用 state 来控制可以使用 ",paraId:1,tocIndex:0},{value:"open",paraId:1,tocIndex:0},{value:" 和 ",paraId:1,tocIndex:0},{value:"onOpenChange",paraId:1,tocIndex:0},{value:" 来控制打开与关闭。",paraId:1,tocIndex:0},{value:"ModalForm 组合了 Modal 和 ProForm 可以减少繁琐的状态管理。",paraId:2,tocIndex:14},{value:"参数",paraId:3,tocIndex:14},{value:"说明",paraId:3,tocIndex:14},{value:"类型",paraId:3,tocIndex:14},{value:"默认值",paraId:3,tocIndex:14},{value:"trigger",paraId:3,tocIndex:14},{value:"用于触发 Modal 打开的 dom，一般是 button",paraId:3,tocIndex:14},{value:"ReactNode",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"open",paraId:3,tocIndex:14},{value:"是否打开",paraId:3,tocIndex:14},{value:"open",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"onOpenChange",paraId:3,tocIndex:14},{value:"visible 改变时触发",paraId:3,tocIndex:14},{value:"(open:boolean)=>void",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"modalProps",paraId:3,tocIndex:14},{value:"Modal 的 props，使用方式与 ",paraId:3,tocIndex:14},{value:"antd",paraId:3,tocIndex:14},{value:" 相同。注意：不支持 'visible'，请使用全局的 visible",paraId:3,tocIndex:14},{value:"props",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"title",paraId:3,tocIndex:14},{value:"弹框的标题",paraId:3,tocIndex:14},{value:"ReactNode",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"width",paraId:3,tocIndex:14},{value:"弹框的宽度",paraId:3,tocIndex:14},{value:"Number",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"onFinish",paraId:3,tocIndex:14},{value:"提交数据时触发，如果返回一个 true。会关掉抽屉,如果配置了 ",paraId:3,tocIndex:14},{value:"destroyOnClose",paraId:3,tocIndex:14},{value:" 还会重置表单。",paraId:3,tocIndex:14},{value:"async (values)=>boolean",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"submitTimeout",paraId:3,tocIndex:14},{value:"提交数据时，禁用取消按钮的超时时间（毫秒）。",paraId:3,tocIndex:14},{value:"Number",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"submitter",paraId:3,tocIndex:14},{value:"提交按钮相关配置，使用方式与",paraId:3,tocIndex:14},{value:"ProForm",paraId:3,tocIndex:14},{value:" 相同。",paraId:3,tocIndex:14},{value:"ProForm",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"DrawerForm 组合了 Drawer 和 ProForm 可以减少繁琐的状态管理。",paraId:4,tocIndex:15},{value:"参数",paraId:5,tocIndex:15},{value:"说明",paraId:5,tocIndex:15},{value:"类型",paraId:5,tocIndex:15},{value:"默认值",paraId:5,tocIndex:15},{value:"trigger",paraId:5,tocIndex:15},{value:"用于触发 Modal 打开的 dom，一般是 button",paraId:5,tocIndex:15},{value:"ReactNode",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"resize",paraId:5,tocIndex:15},{value:"是否调整大小",paraId:5,tocIndex:15},{value:"{onResize,maxWidth,minWidth}",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"isResizable",paraId:5,tocIndex:15},{value:"是否调整大小",paraId:5,tocIndex:15},{value:"boolean",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"onOpenChange",paraId:5,tocIndex:15},{value:"open 改变时触发",paraId:5,tocIndex:15},{value:"(open:boolean)=>void",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"drawerProps",paraId:5,tocIndex:15},{value:"Drawer 的 props，使用方式与 ",paraId:5,tocIndex:15},{value:"antd",paraId:5,tocIndex:15},{value:" 相同。注意：不支持 'visible'，请使用全局的 visible",paraId:5,tocIndex:15},{value:"props",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"title",paraId:5,tocIndex:15},{value:"抽屉的标题",paraId:5,tocIndex:15},{value:"ReactNode",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"width",paraId:5,tocIndex:15},{value:"抽屉的宽度",paraId:5,tocIndex:15},{value:"Number",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"onFinish",paraId:5,tocIndex:15},{value:"提交数据时触发，如果返回一个 true。会关掉抽屉,如果配置了 ",paraId:5,tocIndex:15},{value:"destroyOnClose",paraId:5,tocIndex:15},{value:" 还会重置表单。",paraId:5,tocIndex:15},{value:"async (values)=>boolean",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"submitTimeout",paraId:5,tocIndex:15},{value:"提交数据时，禁用取消按钮的超时时间（毫秒）。",paraId:5,tocIndex:15},{value:"Number",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15}]}}]);

package/dist/pro-packages__form__src__components__QueryFilter__index.md.0ad5f628.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[7315],{7986:function(e,t,d){d.r(t);d(24532),d(68521),d(61788),d(2951),d(23018),d(73525);var l=d(28089),a=(d(25673),d(82259),d(78897),d(78990),d(19909),d(24913),d(57335)),r=d(19952),s=d(67294),x=d(23444),c=d(85893);t.default=function(){return(0,c.jsx)(a.dY,{children:(0,c.jsx)(s.Suspense,{fallback:(0,c.jsx)(r.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h1",{id:"queryfilter--lightfilter-筛选表单",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#queryfilter--lightfilter-筛选表单",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"QueryFilter / LightFilter 筛选表单"]}),(0,c.jsx)("p",{children:x.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)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-query-filter"},previewerProps:{title:"基本使用",filename:"pro-packages/form/src/components/QueryFilter/demos/query-filter.tsx"}}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-query-filter-test"},previewerProps:{title:"基本使用",debug:!0,filename:"pro-packages/form/src/components/QueryFilter/demos/query-filter-test.tsx"}}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-query-filter-collapsed"},previewerProps:{title:"查询筛选-默认收起",filename:"pro-packages/form/src/components/QueryFilter/demos/query-filter-collapsed.tsx"}}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-query-filter-vertical"},previewerProps:{title:"查询筛选-垂直布局",filename:"pro-packages/form/src/components/QueryFilter/demos/query-filter-vertical.tsx"}}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-search-filter"},previewerProps:{background:"var(--main-bg-color)",title:"查询筛选-搜索",filename:"pro-packages/form/src/components/QueryFilter/demos/search-filter.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-light-filter"},previewerProps:{title:"基本使用",filename:"pro-packages/form/src/components/QueryFilter/demos/light-filter.tsx"}}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-light-filter-footer"},previewerProps:{title:"轻量筛选-自定义footer",filename:"pro-packages/form/src/components/QueryFilter/demos/light-filter-footer.tsx"}}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-light-filter-bordered"},previewerProps:{title:"轻量筛选-边框模式",filename:"pro-packages/form/src/components/QueryFilter/demos/light-filter-bordered.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(0,c.jsxs)("p",{children:[x.texts[1].value,(0,c.jsx)("code",{children:x.texts[2].value}),x.texts[3].value]})}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-light-filter-collapse"},previewerProps:{title:"轻量筛选-折叠模式",filename:"pro-packages/form/src/components/QueryFilter/demos/light-filter-collapse.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(0,c.jsxs)("p",{children:[x.texts[4].value,(0,c.jsx)("code",{children:x.texts[5].value})]})}),(0,c.jsx)(a.Dl,{demo:{id:"queryfilter,lightfilter-demo-light-filter-placement"},previewerProps:{title:"轻量筛选-弹出框对齐方式",filename:"pro-packages/form/src/components/QueryFilter/demos/light-filter-placement.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:"queryfilter",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#queryfilter",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"QueryFilter"]}),(0,c.jsx)("p",{children:x.texts[6].value}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:x.texts[7].value}),(0,c.jsx)("th",{children:x.texts[8].value}),(0,c.jsx)("th",{children:x.texts[9].value}),(0,c.jsx)("th",{children:x.texts[10].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[11].value}),(0,c.jsx)("td",{children:x.texts[12].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[13].value})}),(0,c.jsx)("td",{children:x.texts[14].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[15].value}),(0,c.jsx)("td",{children:x.texts[16].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[17].value})}),(0,c.jsx)("td",{children:x.texts[18].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[19].value}),(0,c.jsx)("td",{children:x.texts[20].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[21].value})}),(0,c.jsx)("td",{children:x.texts[22].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[23].value}),(0,c.jsxs)("td",{children:[x.texts[24].value,(0,c.jsx)("strong",{children:x.texts[25].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[26].value})}),(0,c.jsx)("td",{children:x.texts[27].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[28].value}),(0,c.jsx)("td",{children:x.texts[29].value}),(0,c.jsx)("td",{children:x.texts[30].value}),(0,c.jsx)("td",{children:x.texts[31].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[32].value}),(0,c.jsx)("td",{children:x.texts[33].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[34].value})}),(0,c.jsx)("td",{children:x.texts[35].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[36].value}),(0,c.jsx)("td",{children:x.texts[37].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:x.texts[38].value}),x.texts[39].value,(0,c.jsx)("code",{children:x.texts[40].value})]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[41].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[42].value}),(0,c.jsx)("td",{children:x.texts[43].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[44].value})}),(0,c.jsx)("td",{children:x.texts[45].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[46].value}),(0,c.jsx)("td",{children:x.texts[47].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[48].value})}),(0,c.jsx)("td",{children:x.texts[49].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[50].value}),(0,c.jsx)("td",{children:x.texts[51].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[52].value})}),(0,c.jsx)("td",{children:x.texts[53].value})]})]})]}),(0,c.jsxs)("h4",{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:x.texts[54].value}),(0,c.jsxs)("h5",{id:"默认布局时的规则",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#默认布局时的规则",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"默认布局时的规则"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:x.texts[55].value}),(0,c.jsx)("th",{children:x.texts[56].value}),(0,c.jsx)("th",{children:x.texts[57].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[58].value})}),(0,c.jsx)("td",{children:x.texts[59].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[60].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[61].value})}),(0,c.jsx)("td",{children:x.texts[62].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[63].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[64].value})}),(0,c.jsx)("td",{children:x.texts[65].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[66].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[67].value})}),(0,c.jsx)("td",{children:x.texts[68].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[69].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[70].value})}),(0,c.jsx)("td",{children:x.texts[71].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[72].value})})]})]})]}),(0,c.jsxs)("h5",{id:"强制上下布局时的规则",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#强制上下布局时的规则",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"强制上下布局时的规则"]}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:x.texts[73].value}),(0,c.jsx)("th",{children:x.texts[74].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[75].value})}),(0,c.jsx)("td",{children:x.texts[76].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[77].value})}),(0,c.jsx)("td",{children:x.texts[78].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[79].value})}),(0,c.jsx)("td",{children:x.texts[80].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[81].value})}),(0,c.jsx)("td",{children:x.texts[82].value})]})]})]}),(0,c.jsxs)("h3",{id:"lightfilter",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#lightfilter",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"LightFilter"]}),(0,c.jsx)("p",{children:x.texts[83].value}),(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:x.texts[84].value}),(0,c.jsx)("th",{children:x.texts[85].value}),(0,c.jsx)("th",{children:x.texts[86].value}),(0,c.jsx)("th",{children:x.texts[87].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[88].value}),(0,c.jsx)("td",{children:x.texts[89].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[90].value})}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[91].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[92].value}),(0,c.jsx)("td",{children:x.texts[93].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[94].value})}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[95].value})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[96].value}),(0,c.jsx)("td",{children:x.texts[97].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:x.texts[98].value}),x.texts[99].value,(0,c.jsx)("code",{children:x.texts[100].value})]}),(0,c.jsx)("td",{children:x.texts[101].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[102].value}),(0,c.jsxs)("td",{children:[x.texts[103].value,(0,c.jsx)("code",{children:x.texts[104].value}),x.texts[105].value,(0,c.jsx)("code",{children:x.texts[106].value}),x.texts[107].value,(0,c.jsx)("code",{children:x.texts[108].value}),x.texts[109].value,(0,c.jsx)("code",{children:x.texts[110].value})]}),(0,c.jsx)("td",{children:x.texts[111].value}),(0,c.jsx)("td",{children:x.texts[112].value})]})]})]})]})]})})})}},23444:function(e,t,d){d.r(t),d.d(t,{texts:function(){return l}});const l=[{value:"有些是时候表单要与别的组件组合使用，常见的有 Table ，List 等，这时候就需要一些特殊形态的表单。QueryFilter 和 LightFilter 解决了配合组件使用的问题，避免了复杂的样式设置。ProTable 中默认支持了 QueryFilter 和 LightFilter 作为自己的筛选表单。",paraId:0,tocIndex:0},{value:"折叠模式下所有的选项都会默认折叠，不管是否有值，控件的 ",paraId:1},{value:"secondary",paraId:1},{value:" 将不再有效。",paraId:1},{value:"手动设置轻量筛选的弹出框，默认为 ",paraId:2},{value:"bottomLeft",paraId:2},{value:"QueryFilter 除了继承 ProForm 的 API 以外还支持下面的属性。",paraId:3,tocIndex:14},{value:"参数",paraId:4,tocIndex:14},{value:"说明",paraId:4,tocIndex:14},{value:"类型",paraId:4,tocIndex:14},{value:"默认值",paraId:4,tocIndex:14},{value:"collapsed",paraId:4,tocIndex:14},{value:"是否折叠超出的表单项，用于受控模式",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"defaultCollapsed",paraId:4,tocIndex:14},{value:"默认状态下是否折叠超出的表单项",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"true",paraId:4,tocIndex:14},{value:"onCollapse",paraId:4,tocIndex:14},{value:"切换表单折叠状态时的回调",paraId:4,tocIndex:14},{value:"(collapsed)=>void",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"hideRequiredMark",paraId:4,tocIndex:14},{value:"隐藏所有表单项的必选标记，",paraId:4,tocIndex:14},{value:"默认隐藏",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"true",paraId:4,tocIndex:14},{value:"submitterColSpanProps",paraId:4,tocIndex:14},{value:"提交按钮所在 col 的 props",paraId:4,tocIndex:14},{value:"ColProps",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"defaultColsNumber",paraId:4,tocIndex:14},{value:"自定义折叠状态下默认显示的表单控件数量，没有设置或小于 0，则显示一行控件; 数量大于等于控件数量则隐藏展开按钮",paraId:4,tocIndex:14},{value:"number",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"labelWidth",paraId:4,tocIndex:14},{value:"label 宽度",paraId:4,tocIndex:14},{value:"number",paraId:4,tocIndex:14},{value:" | ",paraId:4,tocIndex:14},{value:"'auto'",paraId:4,tocIndex:14},{value:"80",paraId:4,tocIndex:14},{value:"span",paraId:4,tocIndex:14},{value:"表单项宽度",paraId:4,tocIndex:14},{value:"number[0 - 24]",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"split",paraId:4,tocIndex:14},{value:"每一行是否有分割线",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"preserve",paraId:4,tocIndex:14},{value:"是否能够查询收起的数据，如果设置为 false，收起后的表单数据将会丢失",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"true",paraId:4,tocIndex:14},{value:"注意，断点的值均为表单容器的大小而非视口大小。",paraId:5,tocIndex:15},{value:"容器宽度断点",paraId:6,tocIndex:16},{value:"单行展示表单列数（包含操作区域）",paraId:6,tocIndex:16},{value:"默认布局",paraId:6,tocIndex:16},{value:"≧ 1352px",paraId:6,tocIndex:16},{value:"4 列",paraId:6,tocIndex:16},{value:"horizontal",paraId:6,tocIndex:16},{value:"≧ 1062px",paraId:6,tocIndex:16},{value:"3 列",paraId:6,tocIndex:16},{value:"horizontal",paraId:6,tocIndex:16},{value:"≧ 701px && < 1063px",paraId:6,tocIndex:16},{value:"3 列",paraId:6,tocIndex:16},{value:"horizontal",paraId:6,tocIndex:16},{value:"≧ 513px && < 701px",paraId:6,tocIndex:16},{value:"2 列",paraId:6,tocIndex:16},{value:"vertical",paraId:6,tocIndex:16},{value:"< 513px",paraId:6,tocIndex:16},{value:"1 列",paraId:6,tocIndex:16},{value:"vertical",paraId:6,tocIndex:16},{value:"容器宽度断点",paraId:7,tocIndex:17},{value:"单行展示表单列数（包含操作区域）",paraId:7,tocIndex:17},{value:"≧ 1057px",paraId:7,tocIndex:17},{value:"4 列",paraId:7,tocIndex:17},{value:"≧ 785px && < 1057px",paraId:7,tocIndex:17},{value:"3 列",paraId:7,tocIndex:17},{value:"≧ 513px && < 785px",paraId:7,tocIndex:17},{value:"2 列",paraId:7,tocIndex:17},{value:"< 513px",paraId:7,tocIndex:17},{value:"1 列",paraId:7,tocIndex:17},{value:"LightFilter 除了继承 ProForm 的 API 以外还支持下面的属性。",paraId:8,tocIndex:18},{value:"参数",paraId:9,tocIndex:18},{value:"说明",paraId:9,tocIndex:18},{value:"类型",paraId:9,tocIndex:18},{value:"默认值",paraId:9,tocIndex:18},{value:"collapse",paraId:9,tocIndex:18},{value:"是否默认折叠全部字段",paraId:9,tocIndex:18},{value:"boolean",paraId:9,tocIndex:18},{value:"false",paraId:9,tocIndex:18},{value:"collapseLabel",paraId:9,tocIndex:18},{value:"折叠区域的标签",paraId:9,tocIndex:18},{value:"ReactNode",paraId:9,tocIndex:18},{value:"更多筛选 <DownOutlined/>",paraId:9,tocIndex:18},{value:"footerRender",paraId:9,tocIndex:18},{value:"底部内容，当不需要默认底部按钮时，可以设为 footer={false}",paraId:9,tocIndex:18},{value:"(onClear?: () => void, onConfirm: () => void) => JSX.Element | false)",paraId:9,tocIndex:18},{value:"|",paraId:9,tocIndex:18},{value:"false",paraId:9,tocIndex:18},{value:"-",paraId:9,tocIndex:18},{value:"placement",paraId:9,tocIndex:18},{value:"选择框弹出的位置：",paraId:9,tocIndex:18},{value:"bottomLeft",paraId:9,tocIndex:18},{value:" ",paraId:9,tocIndex:18},{value:"bottomRight",paraId:9,tocIndex:18},{value:" ",paraId:9,tocIndex:18},{value:"topLeft",paraId:9,tocIndex:18},{value:" ",paraId:9,tocIndex:18},{value:"topRight",paraId:9,tocIndex:18},{value:"string",paraId:9,tocIndex:18},{value:"bottomLeft",paraId:9,tocIndex:18}]}}]);

package/dist/pro-packages__form__src__components__SchemaForm__index.md.d6bb5e9a.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[5928],{47246:function(e,d,a){a.r(d);a(24532),a(68521),a(61788),a(2951),a(23018),a(73525);var t=a(28089),r=(a(25673),a(82259),a(78897),a(78990),a(19909),a(24913),a(57335)),l=a(19952),s=a(67294),c=a(90277),x=a(85893);d.default=function(){return(0,x.jsx)(r.dY,{children:(0,x.jsx)(s.Suspense,{fallback:(0,x.jsx)(l.Z,{}),children:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h1",{id:"schema-form---json-表单",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#schema-form---json-表单",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"Schema Form - JSON 表单"]}),(0,x.jsxs)("p",{children:[c.texts[0].value,(0,x.jsx)(r.rU,{to:"/components/schema",children:c.texts[1].value}),c.texts[2].value]}),(0,x.jsx)("blockquote",{children:(0,x.jsxs)("p",{children:[(0,x.jsx)("strong",{children:c.texts[3].value}),c.texts[4].value,(0,x.jsx)(r.rU,{to:"#%E9%AB%98%E6%80%A7%E8%83%BD%E4%BB%A3%E7%A0%81%E7%A4%BA%E4%BE%8B",children:c.texts[5].value}),c.texts[6].value]})}),(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)("p",{children:[c.texts[7].value,(0,x.jsx)(r.rU,{to:"/components/form#proform",children:c.texts[8].value}),c.texts[9].value]}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:c.texts[10].value}),(0,x.jsx)("th",{children:c.texts[11].value}),(0,x.jsx)("th",{children:c.texts[12].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[13].value})}),(0,x.jsx)("td",{children:(0,x.jsx)(r.rU,{to:"/components/schema-form#proformlayouttype",children:(0,x.jsx)("code",{children:c.texts[14].value})})}),(0,x.jsx)("td",{children:c.texts[15].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[16].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[17].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[18].value}),c.texts[19].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[20].value})}),(0,x.jsx)("td",{children:(0,x.jsxs)(r.rU,{to:"/components/schema-form#schema-%E5%AE%9A%E4%B9%89",children:[(0,x.jsx)("code",{children:c.texts[21].value}),c.texts[22].value,(0,x.jsx)("code",{children:c.texts[23].value})]})}),(0,x.jsx)("td",{children:c.texts[24].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[25].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[26].value})}),(0,x.jsxs)("td",{children:[c.texts[27].value,(0,x.jsx)("br",{}),c.texts[28].value,(0,x.jsx)("code",{children:c.texts[29].value}),c.texts[30].value,(0,x.jsx)("br",{}),c.texts[31].value,(0,x.jsx)("code",{children:c.texts[32].value}),c.texts[33].value,(0,x.jsx)(r.rU,{to:"#%E7%BB%93%E5%90%88-shouldupdatefalse-%E5%92%8C-dependencies-%E8%A7%A6%E5%8F%91%E6%9B%B4%E6%96%B0",children:c.texts[34].value}),c.texts[35].value,(0,x.jsx)("br",{}),c.texts[36].value,(0,x.jsx)("code",{children:c.texts[37].value}),c.texts[38].value,(0,x.jsx)("code",{children:c.texts[39].value}),c.texts[40].value,(0,x.jsx)("code",{children:c.texts[41].value}),c.texts[42].value,(0,x.jsx)(r.rU,{to:"#%E5%8A%A8%E6%80%81%E6%8E%A7%E5%88%B6%E6%98%AF%E5%90%A6%E9%87%8D%E6%B8%B2%E6%9F%93",children:c.texts[43].value})]})]})]})]}),(0,x.jsxs)("h2",{id:"proformlayouttype",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformlayouttype",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"ProFormLayoutType"]}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:c.texts[44].value}),(0,x.jsx)("th",{children:c.texts[45].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[46].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)(r.rU,{to:"/components/form",children:c.texts[47].value}),c.texts[48].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[49].value})}),(0,x.jsxs)("td",{children:[c.texts[50].value,(0,x.jsx)(r.rU,{to:"/components/modal-form",children:c.texts[51].value}),c.texts[52].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[53].value})}),(0,x.jsxs)("td",{children:[c.texts[54].value,(0,x.jsx)(r.rU,{to:"/components/modal-form",children:c.texts[55].value}),c.texts[56].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[57].value}),c.texts[58].value,(0,x.jsx)("code",{children:c.texts[59].value})]}),(0,x.jsxs)("td",{children:[c.texts[60].value,(0,x.jsx)("code",{children:c.texts[61].value}),c.texts[62].value,(0,x.jsx)("code",{children:c.texts[63].value}),c.texts[64].value,(0,x.jsx)("code",{children:c.texts[65].value}),c.texts[66].value,(0,x.jsx)("code",{children:c.texts[67].value}),c.texts[68].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[69].value})}),(0,x.jsxs)("td",{children:[c.texts[70].value,(0,x.jsx)(r.rU,{to:"/components/query-filter",children:(0,x.jsx)("code",{children:c.texts[71].value})}),c.texts[72].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[73].value})}),(0,x.jsxs)("td",{children:[c.texts[74].value,(0,x.jsx)(r.rU,{to:"/components/query-filter",children:(0,x.jsx)("code",{children:c.texts[75].value})}),c.texts[76].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[77].value})}),(0,x.jsx)("td",{children:c.texts[78].value})]})]})]}),(0,x.jsxs)("h2",{id:"schema-定义",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#schema-定义",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"Schema 定义"]}),(0,x.jsx)("p",{children:c.texts[79].value}),(0,x.jsxs)(t.Z,{children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{children:[(0,x.jsx)("th",{children:c.texts[80].value}),(0,x.jsx)("th",{children:c.texts[81].value}),(0,x.jsx)("th",{children:c.texts[82].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[83].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[84].value})}),(0,x.jsx)("td",{children:c.texts[85].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[86].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[87].value}),c.texts[88].value,(0,x.jsx)("code",{children:c.texts[89].value})]}),(0,x.jsxs)("td",{children:[c.texts[90].value,(0,x.jsx)("code",{children:c.texts[91].value})]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[92].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[93].value})}),(0,x.jsx)("td",{children:c.texts[94].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[95].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[96].value}),c.texts[97].value,(0,x.jsx)("code",{children:c.texts[98].value})]}),(0,x.jsx)("td",{children:c.texts[99].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[100].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[101].value})}),(0,x.jsx)("td",{children:c.texts[102].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[103].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[104].value}),c.texts[105].value,(0,x.jsx)("code",{children:c.texts[106].value})]}),(0,x.jsx)("td",{children:c.texts[107].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[108].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[109].value}),c.texts[110].value,(0,x.jsx)("code",{children:c.texts[111].value})]}),(0,x.jsx)("td",{children:c.texts[112].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[113].value})}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:c.texts[114].value}),c.texts[115].value,(0,x.jsx)("code",{children:c.texts[116].value})]}),(0,x.jsx)("td",{children:c.texts[117].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[118].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[119].value})}),(0,x.jsxs)("td",{children:[c.texts[120].value,(0,x.jsx)("code",{children:c.texts[121].value}),c.texts[122].value,(0,x.jsx)("code",{children:c.texts[123].value}),c.texts[124].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[125].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[126].value})}),(0,x.jsxs)("td",{children:[c.texts[127].value,(0,x.jsx)("code",{children:c.texts[128].value}),c.texts[129].value,(0,x.jsx)("code",{children:c.texts[130].value}),c.texts[131].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[132].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[133].value})}),(0,x.jsx)("td",{children:c.texts[134].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[135].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[136].value})}),(0,x.jsxs)("td",{children:[c.texts[137].value,(0,x.jsx)("code",{children:c.texts[138].value}),c.texts[139].value,(0,x.jsx)("code",{children:c.texts[140].value})]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[141].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[142].value})}),(0,x.jsxs)("td",{children:[c.texts[143].value,(0,x.jsx)("del",{children:c.texts[144].value}),c.texts[145].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[146].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[147].value})}),(0,x.jsx)("td",{children:c.texts[148].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[149].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[150].value})}),(0,x.jsxs)("td",{children:[c.texts[151].value,(0,x.jsx)("code",{children:c.texts[152].value}),c.texts[153].value,(0,x.jsx)("code",{children:c.texts[154].value}),c.texts[155].value]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[156].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[157].value})}),(0,x.jsxs)("td",{children:[c.texts[158].value,(0,x.jsx)(r.rU,{to:"#%E4%BD%BF%E7%94%A8-dependencies-%E8%A7%A6%E5%8F%91-fieldpropsformitempropsrenderformitem-%E6%9B%B4%E6%96%B0",children:c.texts[159].value})]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[160].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[161].value})}),(0,x.jsx)("td",{children:c.texts[162].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[163].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[164].value})}),(0,x.jsx)("td",{children:c.texts[165].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[166].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[167].value})}),(0,x.jsx)("td",{children:c.texts[168].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[169].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[170].value})}),(0,x.jsx)("td",{children:c.texts[171].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[172].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[173].value})}),(0,x.jsxs)("td",{children:[c.texts[174].value,(0,x.jsx)("code",{children:c.texts[175].value}),c.texts[176].value,(0,x.jsx)("code",{children:c.texts[177].value})]})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[178].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://ant.design/components/grid/#Col",children:c.texts[179].value})}),(0,x.jsx)("td",{children:c.texts[180].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:c.texts[181].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("a",{href:"https://ant.design/components/grid/#Row",children:c.texts[182].value})}),(0,x.jsx)("td",{children:c.texts[183].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)(r.Dl,{demo:{id:"betaschemaform-demo-schema"},previewerProps:{title:"schema 表单",filename:"pro-packages/form/src/components/SchemaForm/demos/schema.tsx"}}),(0,x.jsx)(r.Dl,{demo:{id:"betaschemaform-demo-modalanddrawerform"},previewerProps:{title:"浮层窗口",filename:"pro-packages/form/src/components/SchemaForm/demos/ModalAndDrawerForm.tsx"}}),(0,x.jsx)(r.Dl,{demo:{id:"betaschemaform-demo-steps-form"},previewerProps:{title:"JSON 来生成分步表单",filename:"pro-packages/form/src/components/SchemaForm/demos/steps-form.tsx"}}),(0,x.jsx)(r.Dl,{demo:{id:"betaschemaform-demo-embed"},previewerProps:{title:"嵌入到 ProForm 中",filename:"pro-packages/form/src/components/SchemaForm/demos/embed.tsx"}}),(0,x.jsx)(r.Dl,{demo:{id:"betaschemaform-demo-dependency"},previewerProps:{title:"使用 ProFormDependency",filename:"pro-packages/form/src/components/SchemaForm/demos/dependency.tsx"}}),(0,x.jsx)("div",{className:"markdown",children:(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)(r.Dl,{demo:{id:"betaschemaform-demo-dependencies"},previewerProps:{title:"结合 shouldUpdate=false 和 dependencies 触发更新",filename:"pro-packages/form/src/components/SchemaForm/demos/dependencies.tsx"}}),(0,x.jsx)(r.Dl,{demo:{id:"betaschemaform-demo-dynamic-rerender"},previewerProps:{title:"动态控制是否重渲染",filename:"pro-packages/form/src/components/SchemaForm/demos/dynamic-rerender.tsx"}}),(0,x.jsx)(r.Dl,{demo:{id:"betaschemaform-demo-form-list-required"},previewerProps:{title:"required",debug:!0,filename:"pro-packages/form/src/components/SchemaForm/demos/form-list-required.tsx"}})]})})})}},90277:function(e,d,a){a.r(d),a.d(d,{texts:function(){return t}});const t=[{value:"SchemaForm 是根据 JSON Schema 来生成表单的工具。SchemaForm 会根据 valueType 来映射成不同的",paraId:0,tocIndex:0},{value:"表单项",paraId:1,tocIndex:0},{value:"。",paraId:0,tocIndex:0},{value:"Tips",paraId:2,tocIndex:0},{value:"：如您遇到卡顿问题或有更高的性能要求可",paraId:2,tocIndex:0},{value:"参考示例",paraId:3,tocIndex:0},{value:"使用",paraId:2,tocIndex:0},{value:"SchemaForm 提供了与 ",paraId:4,tocIndex:1},{value:"ProForm",paraId:5,tocIndex:1},{value:" 相同的 API，并且增加了部分 API，以下的 SchemaForm 新增的 API。",paraId:4,tocIndex:1},{value:"字段名称",paraId:6,tocIndex:1},{value:"类型",paraId:6,tocIndex:1},{value:"说明",paraId:6,tocIndex:1},{value:"layoutType",paraId:6,tocIndex:1},{value:"ProFormLayoutType",paraId:7,tocIndex:1},{value:"使用的表单布局模式",paraId:6,tocIndex:1},{value:"steps",paraId:6,tocIndex:1},{value:"StepFormProps[]",paraId:6,tocIndex:1},{value:"layoutType=steps",paraId:6,tocIndex:1},{value:"中的分步表单配置，需要配置 columns 为数组使用",paraId:6,tocIndex:1},{value:"columns",paraId:6,tocIndex:1},{value:"ProFormColumnsType",paraId:8,tocIndex:1},{value:" | ",paraId:8,tocIndex:1},{value:"ProFormColumnsType[]",paraId:8,tocIndex:1},{value:"表单的定义，一般是 json 对象，如果是分步表单，需要使用 json 数组来生成多个表单",paraId:6,tocIndex:1},{value:"shouldUpdate",paraId:6,tocIndex:1},{value:"(newValues: Record<string, any>, oldValues: Record<string, any>) => boolean | boolean",paraId:6,tocIndex:1},{value:"细粒化控制是否渲染。",paraId:6,tocIndex:1},{value:" 为",paraId:6,tocIndex:1},{value:"true",paraId:6,tocIndex:1},{value:"时会自动重新渲染表单项。",paraId:6,tocIndex:1},{value:" 为",paraId:6,tocIndex:1},{value:"false",paraId:6,tocIndex:1},{value:"时不会更新表单项但可以使用",paraId:6,tocIndex:1},{value:"dependencies 触发更新",paraId:9,tocIndex:1},{value:"，",paraId:6,tocIndex:1},{value:" 为",paraId:6,tocIndex:1},{value:"function",paraId:6,tocIndex:1},{value:" 时根据返回值判断是否重新渲染表单项，等同直接赋值 ",paraId:6,tocIndex:1},{value:"true",paraId:6,tocIndex:1},{value:" 或 ",paraId:6,tocIndex:1},{value:"false",paraId:6,tocIndex:1},{value:" ",paraId:6,tocIndex:1},{value:"参考示例",paraId:10,tocIndex:1},{value:"字段名称",paraId:11,tocIndex:2},{value:"说明",paraId:11,tocIndex:2},{value:"Form",paraId:11,tocIndex:2},{value:"ProForm",paraId:12,tocIndex:2},{value:" 是基本的表单类型",paraId:11,tocIndex:2},{value:"ModalForm",paraId:11,tocIndex:2},{value:"弹框表单，配置之后支持 ",paraId:11,tocIndex:2},{value:"ModalForm",paraId:13,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"DrawerForm",paraId:11,tocIndex:2},{value:"抽屉表单，配置之后支持 ",paraId:11,tocIndex:2},{value:"DrawerForm",paraId:14,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"StepsForm",paraId:11,tocIndex:2},{value:"|",paraId:11,tocIndex:2},{value:"StepForm",paraId:11,tocIndex:2},{value:"配置之后为分步表单，有两种模式一种使用 ",paraId:11,tocIndex:2},{value:"steps",paraId:11,tocIndex:2},{value:" 和 ",paraId:11,tocIndex:2},{value:"columns",paraId:11,tocIndex:2},{value:" 来生成，一种是通过 ",paraId:11,tocIndex:2},{value:"layoutType=StepsForm",paraId:11,tocIndex:2},{value:" 嵌套 ",paraId:11,tocIndex:2},{value:"layoutType=StepForm",paraId:11,tocIndex:2},{value:" 来实现",paraId:11,tocIndex:2},{value:"LightFilter",paraId:11,tocIndex:2},{value:"轻量筛选，配置之后支持 ",paraId:11,tocIndex:2},{value:"LightFilter",paraId:15,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"QueryFilter",paraId:11,tocIndex:2},{value:"查询表单，配置之后支持 ",paraId:11,tocIndex:2},{value:"QueryFilter",paraId:16,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"Embed",paraId:11,tocIndex:2},{value:"内嵌模式，只生成表单项，不生成 Form 可以混合使用",paraId:11,tocIndex:2},{value:"SchemaForm 表单最重要就是 Schema 的类型定义，我们使用了与 table 的相同的表单定义，同时扩展了部分字段。",paraId:17,tocIndex:3},{value:"字段名称",paraId:18,tocIndex:3},{value:"类型",paraId:18,tocIndex:3},{value:"说明",paraId:18,tocIndex:3},{value:"key",paraId:18,tocIndex:3},{value:"React.key",paraId:18,tocIndex:3},{value:"确定这个列的唯一值,一般用于 dataIndex 重复的情况",paraId:18,tocIndex:3},{value:"dataIndex",paraId:18,tocIndex:3},{value:"React.key",paraId:18,tocIndex:3},{value:" | ",paraId:18,tocIndex:3},{value:"React.key[]",paraId:18,tocIndex:3},{value:"与实体映射的 key，数组会被转化 ",paraId:18,tocIndex:3},{value:"[a,b] => Entity.a.b",paraId:18,tocIndex:3},{value:"valueType",paraId:18,tocIndex:3},{value:"ProFieldValueType",paraId:18,tocIndex:3},{value:"数据的渲渲染方式，我们自带了一部分，你也可以自定义 valueType",paraId:18,tocIndex:3},{value:"title",paraId:18,tocIndex:3},{value:"ReactNode",paraId:18,tocIndex:3},{value:" |",paraId:18,tocIndex:3},{value:"(props,type,dom)=> ReactNode",paraId:18,tocIndex:3},{value:"标题的内容，在 form 中是 label",paraId:18,tocIndex:3},{value:"tooltip",paraId:18,tocIndex:3},{value:"string",paraId:18,tocIndex:3},{value:"会在 title 旁边展示一个 icon，鼠标浮动之后展示",paraId:18,tocIndex:3},{value:"valueEnum",paraId:18,tocIndex:3},{value:"(Entity)=> ValueEnum",paraId:18,tocIndex:3},{value:" | ",paraId:18,tocIndex:3},{value:"ValueEnum",paraId:18,tocIndex:3},{value:"支持 object 和 Map，Map 是支持其他基础类型作为 key",paraId:18,tocIndex:3},{value:"fieldProps",paraId:18,tocIndex:3},{value:"(form,config)=>fieldProps",paraId:18,tocIndex:3},{value:"| ",paraId:18,tocIndex:3},{value:"fieldProps",paraId:18,tocIndex:3},{value:"传给渲染的组件的 props，自定义的时候也会传递",paraId:18,tocIndex:3},{value:"formItemProps",paraId:18,tocIndex:3},{value:"(form,config)=>formItemProps",paraId:18,tocIndex:3},{value:" | ",paraId:18,tocIndex:3},{value:"formItemProps",paraId:18,tocIndex:3},{value:"传递给 Form.Item 的配置",paraId:18,tocIndex:3},{value:"formItemProps.rules",paraId:18,tocIndex:3},{value:"Rule[]",paraId:18,tocIndex:3},{value:"表单项的校验规则。需要注意的是，如果当前表单项为",paraId:18,tocIndex:3},{value:"formList",paraId:18,tocIndex:3},{value:"时，此规则仅校验列表是否为空，且仅接受元组",paraId:18,tocIndex:3},{value:"[{required: boolean, message: string}]",paraId:18,tocIndex:3},{value:"，用于开启和关闭非空校验及指定空列表提示消息",paraId:18,tocIndex:3},{value:"proFieldProps",paraId:18,tocIndex:3},{value:"proFieldProps",paraId:18,tocIndex:3},{value:"设置到 ",paraId:18,tocIndex:3},{value:"ProField",paraId:18,tocIndex:3},{value:" 上面的 ",paraId:18,tocIndex:3},{value:"props",paraId:18,tocIndex:3},{value:"，内部属性",paraId:18,tocIndex:3},{value:"renderText",paraId:18,tocIndex:3},{value:"(text: any, record: Entity, index: number, action: ProCoreActionType) => any",paraId:18,tocIndex:3},{value:"修改的数据是会被 valueType 定义的渲染组件消费",paraId:18,tocIndex:3},{value:"render",paraId:18,tocIndex:3},{value:"(dom,entity,index, action, schema) => React.ReactNode",paraId:18,tocIndex:3},{value:"自定义只读模式的 dom,",paraId:18,tocIndex:3},{value:"render",paraId:18,tocIndex:3},{value:" 方法只管理的只读模式，编辑模式需要使用 ",paraId:18,tocIndex:3},{value:"renderFormItem",paraId:18,tocIndex:3},{value:"renderFormItem",paraId:18,tocIndex:3},{value:"(schema,config,form) => React.ReactNode",paraId:18,tocIndex:3},{value:"自定义编辑模式,返回一个 ReactNode，会自动包裹 value 和 onChange。",paraId:18,tocIndex:3},{value:"如返回 false,null,undefined 将不展示表单项",paraId:18,tocIndex:3},{value:" 请使用 dependency 组件控制是否渲染列",paraId:18,tocIndex:3},{value:"request",paraId:18,tocIndex:3},{value:"(params,props) => Promise<{label,value}[]>",paraId:18,tocIndex:3},{value:"从远程请求网络数据，一般用于选择类组件",paraId:18,tocIndex:3},{value:"params",paraId:18,tocIndex:3},{value:"Record<string, any>",paraId:18,tocIndex:3},{value:"额外传递给 ",paraId:18,tocIndex:3},{value:"request",paraId:18,tocIndex:3},{value:" 的参数，组件不做处理,但是变化会引起",paraId:18,tocIndex:3},{value:"request",paraId:18,tocIndex:3},{value:" 重新请求数据",paraId:18,tocIndex:3},{value:"dependencies",paraId:18,tocIndex:3},{value:"string | number | (string | number)[]",paraId:18,tocIndex:3},{value:"所依赖的 values 变化后，触发 renderFormItem，fieldProps，formItemProps 重新执行，并把 values 注入到 params 里 ",paraId:18,tocIndex:3},{value:"示例",paraId:19,tocIndex:3},{value:"hideInDescriptions",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 descriptions 中隐藏",paraId:18,tocIndex:3},{value:"hideInForm",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 Form 中隐藏",paraId:18,tocIndex:3},{value:"hideInTable",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 Table 中隐藏",paraId:18,tocIndex:3},{value:"hideInSearch",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 Table 的查询表格中隐藏",paraId:18,tocIndex:3},{value:"columns",paraId:18,tocIndex:3},{value:"ProFormColumnsType[] | (values) => ProFormColumnsType[]",paraId:18,tocIndex:3},{value:"嵌套子项，valueType 为 dependency 时，请使用",paraId:18,tocIndex:3},{value:"(values) => ProFormColumnsType[]",paraId:18,tocIndex:3},{value:"其他情况使用 ",paraId:18,tocIndex:3},{value:"ProFormColumnsType[]",paraId:18,tocIndex:3},{value:"colProps",paraId:18,tocIndex:3},{value:"ColProps",paraId:18,tocIndex:3},{value:"在开启 grid 模式时传递给 Col",paraId:18,tocIndex:3},{value:"rowProps",paraId:18,tocIndex:3},{value:"RowProps",paraId:18,tocIndex:3},{value:"开启栅格化模式时传递给 Row",paraId:18,tocIndex:3}]}}]);

package/dist/pro-packages__form__src__components__StepsForm__index.md.42f262a1.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[1991],{17599:function(e,a,s){s.r(a);s(24532),s(68521),s(61788),s(2951),s(23018),s(73525);var d=s(28089),t=(s(25673),s(82259),s(78897),s(78990),s(19909),s(24913),s(57335)),r=s(19952),n=s(67294),l=s(58451),c=s(85893);a.default=function(){return(0,c.jsx)(t.dY,{children:(0,c.jsx)(n.Suspense,{fallback:(0,c.jsx)(r.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h1",{id:"stepsform---分步表单",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#stepsform---分步表单",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"StepsForm - 分步表单"]}),(0,c.jsx)("p",{children:l.texts[0].value}),(0,c.jsx)("blockquote",{children:(0,c.jsxs)("p",{children:[l.texts[1].value,(0,c.jsx)("a",{href:"https://ant.design/components/form-cn/#Form.Provider",children:l.texts[2].value}),l.texts[3].value,(0,c.jsx)("code",{children:l.texts[4].value}),l.texts[5].value,(0,c.jsx)("code",{children:l.texts[6].value}),l.texts[7].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)(t.Dl,{demo:{id:"stepsform-demo-steps-from"},previewerProps:{title:"分步表单",filename:"pro-packages/form/src/components/StepsForm/demos/steps-from.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(t.Dl,{demo:{id:"stepsform-demo-steps-form-vertical"},previewerProps:{title:"分步表单垂直模式",filename:"pro-packages/form/src/components/StepsForm/demos/steps-form-vertical.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(t.Dl,{demo:{id:"stepsform-demo-customize-steps-from"},previewerProps:{title:"自定义分步表单按钮",filename:"pro-packages/form/src/components/StepsForm/demos/customize-steps-from.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(t.Dl,{demo:{id:"stepsform-demo-multi-card-step-form"},previewerProps:{background:"var(--main-bg-color)",title:"分步表单-多卡片",filename:"pro-packages/form/src/components/StepsForm/demos/multi-card-step-form.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(0,c.jsxs)("h2",{id:"分步表单-与-modal-配合使用",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#分步表单-与-modal-配合使用",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"分步表单-与 Modal 配合使用"]})}),(0,c.jsx)(t.Dl,{demo:{id:"stepsform-demo-modal-step-form"},previewerProps:{background:"var(--main-bg-color)",title:"分步表单-与 Modal 配合使用",filename:"pro-packages/form/src/components/StepsForm/demos/modal-step-form.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(t.Dl,{demo:{id:"stepsform-demo-add-or-edit-step-form"},previewerProps:{title:"自定义分步表单按钮",filename:"pro-packages/form/src/components/StepsForm/demos/add-or-edit-step-form.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)(d.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:l.texts[8].value}),(0,c.jsx)("th",{children:l.texts[9].value}),(0,c.jsx)("th",{children:l.texts[10].value}),(0,c.jsx)("th",{children:l.texts[11].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[12].value}),(0,c.jsxs)("td",{children:[l.texts[13].value,(0,c.jsx)("code",{children:l.texts[14].value}),l.texts[15].value]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[16].value})}),(0,c.jsx)("td",{children:l.texts[17].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[18].value}),(0,c.jsx)("td",{children:l.texts[19].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[20].value})}),(0,c.jsx)("td",{children:l.texts[21].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[22].value}),(0,c.jsxs)("td",{children:[l.texts[23].value,(0,c.jsx)("code",{children:l.texts[24].value}),l.texts[25].value,(0,c.jsx)("code",{children:l.texts[26].value}),l.texts[27].value]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[28].value})}),(0,c.jsx)("td",{children:l.texts[29].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[30].value}),(0,c.jsxs)("td",{children:[l.texts[31].value,(0,c.jsx)("a",{href:"https://ant.design/components/steps-cn/",children:l.texts[32].value}),l.texts[33].value]}),(0,c.jsx)("td",{children:(0,c.jsx)("a",{href:"https://ant.design/components/steps-cn/#API",children:l.texts[34].value})}),(0,c.jsx)("td",{children:l.texts[35].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[36].value}),(0,c.jsx)("td",{children:l.texts[37].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[38].value})}),(0,c.jsx)("td",{children:l.texts[39].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[40].value}),(0,c.jsx)("td",{children:l.texts[41].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[42].value})}),(0,c.jsx)("td",{children:l.texts[43].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[44].value}),(0,c.jsx)("td",{children:l.texts[45].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[46].value})}),(0,c.jsx)("td",{children:l.texts[47].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:l.texts[48].value}),(0,c.jsx)("td",{children:l.texts[49].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:l.texts[50].value})}),(0,c.jsx)("td",{children:l.texts[51].value})]})]})]}),(0,c.jsxs)("h3",{id:"stepform",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#stepform",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"StepForm"]}),(0,c.jsxs)("p",{children:[l.texts[52].value,(0,c.jsx)(t.rU,{to:"/components/form",children:l.texts[53].value}),l.texts[54].value,(0,c.jsx)("code",{children:l.texts[55].value}),l.texts[56].value]}),(0,c.jsxs)("p",{children:[l.texts[57].value,(0,c.jsx)("code",{children:l.texts[58].value}),l.texts[59].value]})]})]})})})}},58451:function(e,a,s){s.r(a),s.d(a,{texts:function(){return d}});const d=[{value:"StepsForm 通过 Provider 来管理子表单的数据，每个子表单都是完整的数据，在 StepsForm 组合成最后的数据。同时自带了一个进度条，和管理进度条的相关 API.",paraId:0,tocIndex:0},{value:"StepsForm 继承了 Form.Provider ，相关文档可以看",paraId:1,tocIndex:0},{value:"这里",paraId:1,tocIndex:0},{value:",转化 moment 的值是 ProForm 提供的功能，所以 ",paraId:1,tocIndex:0},{value:"onFormFinish",paraId:1,tocIndex:0},{value:" 和 ",paraId:1,tocIndex:0},{value:"onFormChange",paraId:1,tocIndex: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:"current",paraId:2,tocIndex:13},{value:"当前表单的步骤数，从 ",paraId:2,tocIndex:13},{value:"0",paraId:2,tocIndex:13},{value:" 开始",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"0",paraId:2,tocIndex:13},{value:"onCurrentChange",paraId:2,tocIndex:13},{value:"current 发生改变的事件",paraId:2,tocIndex:13},{value:"(current:number)=>void",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"onFinish",paraId:2,tocIndex:13},{value:"表单最后一步提交成功触发，如果返回",paraId:2,tocIndex:13},{value:"true",paraId:2,tocIndex:13},{value:"就会自动重置表单(包括",paraId:2,tocIndex:13},{value:"StepForm",paraId:2,tocIndex:13},{value:"变回第一步)",paraId:2,tocIndex:13},{value:"(values:T)=>void | boolean",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepsProps",paraId:2,tocIndex:13},{value:"StepsForm 自带的 Steps 的 props，使用方式与 ",paraId:2,tocIndex:13},{value:"antd",paraId:2,tocIndex:13},{value:" 相同，但是去掉了 current 和 onChange",paraId:2,tocIndex:13},{value:"props",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepFormRender",paraId:2,tocIndex:13},{value:"自定义当前展示的表单，返回 dom 在表单内部",paraId:2,tocIndex:13},{value:"(form) => ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepsFormRender",paraId:2,tocIndex:13},{value:"自定义整个表单区域，返回的 dom 在表单的外部",paraId:2,tocIndex:13},{value:"(form,submitter) => ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepsRender",paraId:2,tocIndex:13},{value:"自定义步骤器",paraId:2,tocIndex:13},{value:"(steps,dom)=>ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"formRef",paraId:2,tocIndex:13},{value:"StepForm action 的引用，便于自定义触发",paraId:2,tocIndex:13},{value:"MutableRefObject<FormInstance>",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"与 ",paraId:3,tocIndex:14},{value:"ProForm",paraId:4,tocIndex:14},{value:" 完全相同，只是 onFinish 支持了 Promise，如果返回 ",paraId:3,tocIndex:14},{value:"false",paraId:3,tocIndex:14},{value:", 就不会跳转下一步。",paraId:3,tocIndex:14},{value:"| onFinish | 表单提交成功触发 | ",paraId:5,tocIndex:14},{value:"(values:T)=>Promise<false>",paraId:5,tocIndex:14},{value:" | - |",paraId:5,tocIndex:14}]}}]);

package/dist/pro-packages__form__src__components__form.md.55038306.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[8402],{77422:function(e,s,t){t.r(s);t(24532),t(68521),t(61788),t(2951),t(23018);var l=t(73525),d=t(28089),r=(t(25673),t(82259),t(78897),t(78990),t(19909),t(24913),t(57335)),x=t(19952),n=t(67294),c=t(82809),i=t(85893);s.default=function(){return(0,i.jsx)(r.dY,{children:(0,i.jsx)(n.Suspense,{fallback:(0,i.jsx)(x.Z,{}),children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h1",{id:"proform-高级表单",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proform-高级表单",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProForm 高级表单"]}),(0,i.jsx)("p",{children:c.texts[0].value}),(0,i.jsx)("p",{children:c.texts[1].value}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[c.texts[2].value,(0,i.jsx)("code",{children:c.texts[3].value}),c.texts[4].value,(0,i.jsx)("code",{children:c.texts[5].value}),c.texts[6].value,(0,i.jsx)("code",{children:c.texts[7].value}),c.texts[8].value]}),(0,i.jsx)("li",{children:c.texts[9].value}),(0,i.jsx)("li",{children:c.texts[10].value}),(0,i.jsxs)("li",{children:[c.texts[11].value,(0,i.jsx)("code",{children:c.texts[12].value}),c.texts[13].value]}),(0,i.jsx)("li",{children:c.texts[14].value})]}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[15].value}),(0,i.jsxs)("h2",{id:"何时使用-proform",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用-proform",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"何时使用 ProForm？"]}),(0,i.jsx)("p",{children:c.texts[16].value}),(0,i.jsx)("p",{children:c.texts[17].value}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[18].value}),(0,i.jsx)("th",{children:c.texts[19].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)(r.rU,{to:"/components/form#proform",children:c.texts[20].value})}),(0,i.jsxs)("td",{children:[c.texts[21].value,(0,i.jsx)("code",{children:c.texts[22].value}),c.texts[23].value,(0,i.jsx)("code",{children:c.texts[24].value}),c.texts[25].value,(0,i.jsx)("code",{children:c.texts[26].value}),c.texts[27].value]})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)(r.rU,{to:"/components/modal-form",children:c.texts[28].value})}),(0,i.jsxs)("td",{children:[c.texts[29].value,(0,i.jsx)("code",{children:c.texts[30].value}),c.texts[31].value,(0,i.jsx)("code",{children:c.texts[32].value}),c.texts[33].value]})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)(r.rU,{to:"/components/query-filter",children:c.texts[34].value})}),(0,i.jsx)("td",{children:c.texts[35].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)(r.rU,{to:"/components/query-filter",children:c.texts[36].value})}),(0,i.jsx)("td",{children:c.texts[37].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)(r.rU,{to:"/components/steps-form",children:c.texts[38].value})}),(0,i.jsx)("td",{children:c.texts[39].value})]})]})]})]}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-layout-change"},previewerProps:{title:"Form 的 layout 切换",filename:"pro-packages/form/src/demos/layout-change.tsx"}}),(0,i.jsxs)("div",{className:"markdown",children:[(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.jsxs)("p",{children:[c.texts[40].value,(0,i.jsx)("code",{children:c.texts[41].value}),c.texts[42].value,(0,i.jsx)("code",{children:c.texts[43].value}),c.texts[44].value]}),(0,i.jsxs)("h3",{id:"convertvalue-前置转化",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#convertvalue-前置转化",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"convertValue 前置转化"]}),(0,i.jsx)("p",{children:c.texts[45].value}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[46].value}),(0,i.jsxs)("h3",{id:"transform-提交时转化",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#transform-提交时转化",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"transform 提交时转化"]}),(0,i.jsx)("p",{children:c.texts[47].value}),(0,i.jsxs)("p",{children:[c.texts[48].value,(0,i.jsx)("code",{children:c.texts[49].value}),c.texts[50].value,(0,i.jsx)("code",{children:c.texts[51].value}),c.texts[52].value,(0,i.jsx)("code",{children:c.texts[53].value}),c.texts[54].value]}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[55].value}),(0,i.jsx)("p",{children:c.texts[56].value}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[57].value}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[58].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)(r.Dl,{demo:{id:"proform-demo-base"},previewerProps:{title:"基本使用",filename:"pro-packages/form/src/demos/base.tsx"}}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h3",{id:"标签与表单项布局",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#标签与表单项布局",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"标签与表单项布局"]}),(0,i.jsxs)("p",{children:[c.texts[59].value,(0,i.jsx)("code",{children:c.texts[60].value}),c.texts[61].value,(0,i.jsx)("code",{children:c.texts[62].value}),c.texts[63].value,(0,i.jsx)("code",{children:c.texts[64].value}),c.texts[65].value]})]}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-form-layout"},previewerProps:{filename:"pro-packages/form/src/demos/form-layout.tsx"}}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h3",{id:"栅格化布局",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#栅格化布局",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"栅格化布局"]}),(0,i.jsxs)("p",{children:[c.texts[66].value,(0,i.jsx)("code",{children:c.texts[67].value}),c.texts[68].value,(0,i.jsx)("code",{children:c.texts[69].value}),c.texts[70].value,(0,i.jsx)("code",{children:c.texts[71].value}),c.texts[72].value,(0,i.jsx)("code",{children:c.texts[73].value}),c.texts[74].value,(0,i.jsx)("code",{children:c.texts[75].value}),c.texts[76].value]})]}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-form-layout-grid"},previewerProps:{filename:"pro-packages/form/src/demos/form-layout-grid.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-dependency"},previewerProps:{title:"表单联动",filename:"pro-packages/form/src/demos/dependency.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-formref"},previewerProps:{description:"<p>你可以通过 <code>formRef</code> 获取到表单实例的引用，通过引用可以调用表单方法实现表单重置，设置表单，获取表单值等功能。</p>",title:"表单方法调用",filename:"pro-packages/form/src/demos/formRef.tsx"}}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h3",{id:"同步提交结果到-url",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#同步提交结果到-url",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"同步提交结果到 url"]}),(0,i.jsx)("p",{children:c.texts[77].value})]}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-sync-to-url"},previewerProps:{filename:"pro-packages/form/src/demos/sync-to-url.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-money"},previewerProps:{title:"金额",filename:"pro-packages/form/src/demos/money.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-layout-footer"},previewerProps:{iframe:"580",title:"固定页脚",filename:"pro-packages/form/src/demos/layout-footer.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-pro-form-editabletable"},previewerProps:{title:"ProForm 和 EditableTable 同时使用",filename:"pro-packages/form/src/demos/pro-form-editableTable.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-linkage-customization"},previewerProps:{debug:!0,filename:"pro-packages/form/src/demos/linkage-customization.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-pro-form-dependency.debug"},previewerProps:{debug:!0,filename:"pro-packages/form/src/demos/pro-form-dependency.debug.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-label-col"},previewerProps:{debug:!0,filename:"pro-packages/form/src/demos/label-col.tsx"}}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsxs)("h2",{id:"proform",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proform",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProForm"]}),(0,i.jsx)("p",{children:c.texts[78].value}),(0,i.jsx)("blockquote",{children:(0,i.jsxs)("p",{children:[c.texts[79].value,(0,i.jsx)("a",{href:"https://ant.design/components/form-cn/",children:c.texts[80].value}),c.texts[81].value,(0,i.jsx)("a",{href:"https://procomponents.ant.design/docs/faq",children:c.texts[82].value})]})}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[83].value}),(0,i.jsx)("th",{children:c.texts[84].value}),(0,i.jsx)("th",{children:c.texts[85].value}),(0,i.jsx)("th",{children:c.texts[86].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[87].value}),(0,i.jsxs)("td",{children:[c.texts[88].value,(0,i.jsx)("code",{children:c.texts[89].value}),c.texts[90].value]}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[91].value})}),(0,i.jsx)("td",{children:c.texts[92].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[93].value}),(0,i.jsx)("td",{children:c.texts[94].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[95].value})}),(0,i.jsx)("td",{children:c.texts[96].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[97].value}),(0,i.jsx)("td",{children:c.texts[98].value}),(0,i.jsxs)("td",{children:[(0,i.jsx)("code",{children:c.texts[99].value}),c.texts[100].value,(0,i.jsx)("code",{children:c.texts[101].value})]}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[102].value})})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[103].value}),(0,i.jsxs)("td",{children:[c.texts[104].value,(0,i.jsx)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams",children:c.texts[105].value})]}),(0,i.jsxs)("td",{children:[(0,i.jsx)("code",{children:c.texts[106].value}),c.texts[107].value,(0,i.jsx)("code",{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:(0,i.jsx)("code",{children:c.texts[112].value})}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{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:(0,i.jsx)("code",{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:(0,i.jsx)("code",{children:c.texts[120].value})}),(0,i.jsx)("td",{children:c.texts[121].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[122].value}),(0,i.jsx)("td",{children:c.texts[123].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[124].value})}),(0,i.jsx)("td",{children:c.texts[125].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[126].value}),(0,i.jsx)("td",{children:c.texts[127].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[128].value})}),(0,i.jsx)("td",{children:c.texts[129].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[130].value}),(0,i.jsx)("td",{children:c.texts[131].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[132].value})}),(0,i.jsx)("td",{children:c.texts[133].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[134].value}),(0,i.jsx)("td",{children:c.texts[135].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[136].value})}),(0,i.jsx)("td",{children:c.texts[137].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[138].value}),(0,i.jsx)("td",{children:c.texts[139].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[140].value})}),(0,i.jsx)("td",{children:c.texts[141].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[142].value})}),(0,i.jsxs)("td",{children:[c.texts[143].value,(0,i.jsx)("code",{children:c.texts[144].value}),c.texts[145].value,(0,i.jsx)(r.rU,{to:"/components/form#%E6%A0%85%E6%A0%BC%E5%8C%96%E5%B8%83%E5%B1%80",children:c.texts[146].value})]}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[147].value})}),(0,i.jsx)("td",{children:c.texts[148].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[149].value}),(0,i.jsxs)("td",{children:[c.texts[150].value,(0,i.jsx)("code",{children:c.texts[151].value}),c.texts[152].value,(0,i.jsx)("code",{children:c.texts[153].value}),c.texts[154].value,(0,i.jsx)("code",{children:c.texts[155].value}),c.texts[156].value,(0,i.jsx)("code",{children:c.texts[157].value}),c.texts[158].value,(0,i.jsx)("code",{children:c.texts[159].value}),c.texts[160].value]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"https://ant.design/components/grid/#Row",children:c.texts[161].value})}),(0,i.jsx)("td",{children:c.texts[162].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"https://ant.design/components/form-cn/",children:c.texts[163].value})}),(0,i.jsxs)("td",{children:[c.texts[164].value,(0,i.jsx)("code",{children:c.texts[165].value}),c.texts[166].value,(0,i.jsx)("code",{children:c.texts[167].value}),c.texts[168].value,(0,i.jsx)("code",{children:c.texts[169].value}),c.texts[170].value,(0,i.jsx)("code",{children:c.texts[171].value}),c.texts[172].value,(0,i.jsx)("code",{children:c.texts[173].value}),c.texts[174].value,(0,i.jsx)("code",{children:c.texts[175].value}),c.texts[176].value]}),(0,i.jsx)("td",{children:c.texts[177].value}),(0,i.jsx)("td",{children:c.texts[178].value})]})]})]}),(0,i.jsxs)("h3",{id:"proforminstance",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proforminstance",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProFormInstance"]}),(0,i.jsx)("p",{children:c.texts[179].value}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[180].value}),(0,i.jsxs)("h3",{id:"proformgroup",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#proformgroup",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"ProForm.Group"]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[181].value}),(0,i.jsx)("th",{children:c.texts[182].value}),(0,i.jsx)("th",{children:c.texts[183].value}),(0,i.jsx)("th",{children:c.texts[184].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[185].value}),(0,i.jsx)("td",{children:c.texts[186].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[187].value})}),(0,i.jsx)("td",{children:c.texts[188].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[189].value}),(0,i.jsx)("td",{children:c.texts[190].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[191].value})}),(0,i.jsx)("td",{children:c.texts[192].value})]})]})]}),(0,i.jsxs)("h4",{id:"submitter",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#submitter",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"submitter"]}),(0,i.jsx)("p",{children:c.texts[193].value}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:c.texts[194].value}),(0,i.jsx)("th",{children:c.texts[195].value}),(0,i.jsx)("th",{children:c.texts[196].value}),(0,i.jsx)("th",{children:c.texts[197].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[198].value}),(0,i.jsx)("td",{children:c.texts[199].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[200].value})}),(0,i.jsx)("td",{children:c.texts[201].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[202].value}),(0,i.jsx)("td",{children:c.texts[203].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[204].value})}),(0,i.jsx)("td",{children:c.texts[205].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[206].value}),(0,i.jsx)("td",{children:c.texts[207].value}),(0,i.jsx)("td",{children:(0,i.jsx)("code",{children:c.texts[208].value})}),(0,i.jsx)("td",{children:c.texts[209].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[210].value}),(0,i.jsx)("td",{children:c.texts[211].value}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"https://ant.design/components/button-cn/",children:c.texts[212].value})}),(0,i.jsx)("td",{children:c.texts[213].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[214].value}),(0,i.jsx)("td",{children:c.texts[215].value}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"https://ant.design/components/button-cn/",children:c.texts[216].value})}),(0,i.jsx)("td",{children:c.texts[217].value})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:c.texts[218].value}),(0,i.jsx)("td",{children:c.texts[219].value}),(0,i.jsxs)("td",{children:[(0,i.jsx)("code",{children:c.texts[220].value}),c.texts[221].value,(0,i.jsx)("code",{children:c.texts[222].value})]}),(0,i.jsx)("td",{children:c.texts[223].value})]})]})]}),(0,i.jsx)("blockquote",{children:(0,i.jsx)("p",{children:c.texts[224].value})}),(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[225].value}),(0,i.jsxs)("h3",{id:"formref",children:[(0,i.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#formref",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"formRef"]}),(0,i.jsxs)("p",{children:[c.texts[226].value,(0,i.jsx)("code",{children:c.texts[227].value}),c.texts[228].value]})]}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-demosformref"},previewerProps:{id:"demosformRef",title:"formRef的使用",filename:"pro-packages/form/src/demos/formRef.tsx"}}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)(l.Z,{lang:"tsx",children:c.texts[229].value}),(0,i.jsxs)("p",{children:[(0,i.jsx)("code",{children:c.texts[230].value}),c.texts[231].value,(0,i.jsx)("code",{children:c.texts[232].value}),c.texts[233].value]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{align:"center",children:c.texts[234].value}),(0,i.jsx)("th",{align:"center",children:c.texts[235].value}),(0,i.jsx)("th",{align:"center",children:c.texts[236].value})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{align:"center",children:(0,i.jsx)("code",{children:c.texts[237].value})}),(0,i.jsxs)("td",{align:"center",children:[c.texts[238].value,(0,i.jsx)("code",{children:c.texts[239].value}),c.texts[240].value,(0,i.jsx)("code",{children:c.texts[241].value}),c.texts[242].value]}),(0,i.jsx)("td",{align:"center"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{align:"center",children:(0,i.jsx)("code",{children:c.texts[243].value})}),(0,i.jsxs)("td",{align:"center",children:[c.texts[244].value,(0,i.jsx)("code",{children:c.texts[245].value}),c.texts[246].value,(0,i.jsx)("code",{children:c.texts[247].value}),c.texts[248].value]}),(0,i.jsx)("td",{align:"center"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{align:"center",children:(0,i.jsx)("code",{children:c.texts[249].value})}),(0,i.jsxs)("td",{align:"center",children:[c.texts[250].value,(0,i.jsx)("code",{children:c.texts[251].value}),c.texts[252].value,(0,i.jsx)("code",{children:c.texts[253].value}),c.texts[254].value]}),(0,i.jsx)("td",{align:"center"})]})]})]})]}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-modalform-test"},previewerProps:{debug:!0,filename:"pro-packages/form/src/demos/modalform-test.tsx"}}),(0,i.jsx)(r.Dl,{demo:{id:"proform-demo-params-formref"},previewerProps:{debug:!0,filename:"pro-packages/form/src/demos/params-formref.tsx"}})]})})})}}}]);

package/dist/pro-packages__layout__src__components__PageContainer__index.md.7800775a.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[6242],{9679:function(e,a,t){t.r(a);t(24532),t(68521),t(61788),t(2951),t(23018);var d=t(73525),n=t(28089),r=(t(25673),t(82259),t(78897),t(78990),t(19909),t(24913),t(57335)),s=t(19952),l=t(67294),x=t(76241),c=t(85893);a.default=function(){return(0,c.jsx)(r.dY,{children:(0,c.jsx)(l.Suspense,{fallback:(0,c.jsx)(s.Z,{}),children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"markdown",children:[(0,c.jsxs)("h1",{id:"pagecontainer---页容器",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#pagecontainer---页容器",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"PageContainer - 页容器"]}),(0,c.jsx)("p",{children:x.texts[0].value}),(0,c.jsx)("p",{children:x.texts[1].value}),(0,c.jsx)("p",{children:x.texts[2].value}),(0,c.jsx)(d.Z,{lang:"tsx",children:x.texts[3].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)(r.Dl,{demo:{id:"pagecontainer-demo-basic"},previewerProps:{title:"基本使用",iframe:"650px",desc:"基本使用",filename:"pro-packages/layout/src/components/PageContainer/demos/basic.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(r.Dl,{demo:{id:"pagecontainer-demo-fixheader"},previewerProps:{title:"固定表头",iframe:"650px",desc:"通过 `fixedHeader` 固定表头，只有在溢出容器时才会开始计算。",filename:"pro-packages/layout/src/components/PageContainer/demos/fixHeader.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(r.Dl,{demo:{id:"pagecontainer-demo-hidebreadmenu"},previewerProps:{title:"隐藏面包屑",iframe:"650px",desc:"不配置 `header` 属性中的 `breadcrumb` 即可。",filename:"pro-packages/layout/src/components/PageContainer/demos/hideBreadMenu.tsx"}}),(0,c.jsx)("div",{className:"markdown",children:(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)(r.Dl,{demo:{id:"pagecontainer-demo-loading"},previewerProps:{title:"页面加载中",iframe:"650px",desc:"通过 `loading` 属性配置页面加载。",filename:"pro-packages/layout/src/components/PageContainer/demos/loading.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:[x.texts[4].value,(0,c.jsx)("a",{href:"https://ant.design/components/tabs-cn/",children:x.texts[5].value}),x.texts[6].value,(0,c.jsx)("a",{href:"https://4x.ant.design/components/page-header-cn/",children:x.texts[7].value}),x.texts[8].value]}),(0,c.jsxs)(n.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:x.texts[9].value}),(0,c.jsx)("th",{children:x.texts[10].value}),(0,c.jsx)("th",{children:x.texts[11].value}),(0,c.jsx)("th",{children:x.texts[12].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[13].value}),(0,c.jsx)("td",{children:x.texts[14].value}),(0,c.jsx)("td",{children:x.texts[15].value}),(0,c.jsx)("td",{children:x.texts[16].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[17].value}),(0,c.jsx)("td",{children:x.texts[18].value}),(0,c.jsx)("td",{children:x.texts[19].value}),(0,c.jsx)("td",{children:x.texts[20].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[21].value}),(0,c.jsx)("td",{children:x.texts[22].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[23].value})}),(0,c.jsx)("td",{children:x.texts[24].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[25].value}),(0,c.jsx)("td",{children:x.texts[26].value}),(0,c.jsx)("td",{children:x.texts[27].value}),(0,c.jsx)("td",{children:x.texts[28].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[29].value}),(0,c.jsx)("td",{children:x.texts[30].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[31].value})}),(0,c.jsx)("td",{children:x.texts[32].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[33].value}),(0,c.jsx)("td",{children:x.texts[34].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[35].value})}),(0,c.jsx)("td",{children:x.texts[36].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[37].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("a",{href:"https://ant.design/components/page-header-cn/",children:x.texts[38].value}),x.texts[39].value]}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[40].value})}),(0,c.jsx)("td",{children:x.texts[41].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[42].value}),(0,c.jsx)("td",{children:x.texts[43].value}),(0,c.jsx)("td",{children:x.texts[44].value}),(0,c.jsx)("td",{children:x.texts[45].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[46].value}),(0,c.jsx)("td",{children:x.texts[47].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[48].value})}),(0,c.jsx)("td",{children:x.texts[49].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[50].value}),(0,c.jsx)("td",{children:x.texts[51].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[52].value})}),(0,c.jsx)("td",{children:x.texts[53].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[54].value}),(0,c.jsx)("td",{children:x.texts[55].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[56].value})}),(0,c.jsx)("td",{children:x.texts[57].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[58].value}),(0,c.jsx)("td",{children:x.texts[59].value}),(0,c.jsx)("td",{children:(0,c.jsx)(r.rU,{to:"/components/water-mark",children:x.texts[60].value})}),(0,c.jsx)("td",{children:x.texts[61].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[62].value}),(0,c.jsxs)("td",{children:[x.texts[63].value,(0,c.jsx)("code",{children:x.texts[64].value}),x.texts[65].value]}),(0,c.jsx)("td",{children:(0,c.jsx)("a",{href:"https://ant.design/components/tabs-cn/#Tabs",children:x.texts[66].value})}),(0,c.jsx)("td",{children:x.texts[67].value})]})]})]}),(0,c.jsx)("blockquote",{children:(0,c.jsxs)("p",{children:[x.texts[68].value,(0,c.jsx)("a",{href:"https://ant.design/components/affix-cn/",children:x.texts[69].value}),x.texts[70].value]})}),(0,c.jsxs)("h3",{id:"footertoolbar",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#footertoolbar",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"FooterToolbar"]}),(0,c.jsxs)(n.Z,{children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{children:[(0,c.jsx)("th",{children:x.texts[71].value}),(0,c.jsx)("th",{children:x.texts[72].value}),(0,c.jsx)("th",{children:x.texts[73].value}),(0,c.jsx)("th",{children:x.texts[74].value})]})}),(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[75].value}),(0,c.jsx)("td",{children:x.texts[76].value}),(0,c.jsx)("td",{children:(0,c.jsx)("code",{children:x.texts[77].value})}),(0,c.jsx)("td",{children:x.texts[78].value})]}),(0,c.jsxs)("tr",{children:[(0,c.jsx)("td",{children:x.texts[79].value}),(0,c.jsx)("td",{children:x.texts[80].value}),(0,c.jsxs)("td",{children:[(0,c.jsx)("code",{children:x.texts[81].value}),x.texts[82].value,(0,c.jsx)("code",{children:x.texts[83].value})]}),(0,c.jsx)("td",{children:x.texts[84].value})]})]})]}),(0,c.jsx)("p",{children:x.texts[85].value}),(0,c.jsx)(d.Z,{lang:"tsx",children:x.texts[86].value}),(0,c.jsxs)("h3",{id:"probreadcrumb",children:[(0,c.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#probreadcrumb",children:(0,c.jsx)("span",{className:"icon icon-link"})}),"ProBreadcrumb"]}),(0,c.jsx)("p",{children:x.texts[87].value}),(0,c.jsx)(d.Z,{lang:"tsx",children:x.texts[88].value})]})]})})})}},76241:function(e,a,t){t.r(a),t.d(a,{texts:function(){return d}});const d=[{value:"PageContainer 是为了减少繁杂的面包屑配置和标题，很多页面都需要面包屑和标题的配置。当然也可以关掉自动生成的，而使用自己的配置。",paraId:0,tocIndex:0},{value:"PageContainer 封装了 antd 的 PageHeader 组件，增加了 tabList 和 content。根据当前的路由填入 title 和 breadcrumb。它依赖 Layout 的 route 属性。当然你可以传入参数来复写默认值。 PageContainer 支持 Tabs 和 PageHeader 的所有属性。",paraId:1,tocIndex:0},{value:"为了方便进行表单等操作我们增加了一个 footer 属性，可以获得一个一直悬浮在底部的操作栏。如果觉得不方便也可以直接使用 FooterToolbar 来承载操作，两者表现基本相同，但是 FooterToolbar 拥有更多自定义的配置。",paraId:2,tocIndex:0},{value:'<PageContainer\n content="欢迎使用 ProLayout 组件"\n tabList={[\n {\n tab: \'基本信息\',\n key: \'base\',\n },\n {\n tab: \'详细信息\',\n key: \'info\',\n },\n ]}\n extra={[\n <Button key="3">操作</Button>,\n <Button key="2">操作</Button>,\n <Button key="1" type="primary">\n 主操作\n </Button>,\n ]}\n footer={[\n <Button key="rest">重置</Button>,\n <Button key="submit" type="primary">\n 提交\n </Button>,\n ]}\n>\n {children}\n</PageContainer>\n',paraId:3,tocIndex:0},{value:"PageContainer 封装了 ant design 的 PageHeader 组件，增加了 tabList 和 content。根据当前的路由填入 title 和 breadcrumb。它依赖 Layout 的 route 属性。当然你可以传入参数来复写默认值。 PageContainer 支持 ",paraId:4,tocIndex:10},{value:"Tabs",paraId:4,tocIndex:10},{value:" 和 ",paraId:4,tocIndex:10},{value:"PageHeader",paraId:4,tocIndex:10},{value:" 的所有属性。",paraId:4,tocIndex:10},{value:"参数",paraId:5,tocIndex:10},{value:"说明",paraId:5,tocIndex:10},{value:"类型",paraId:5,tocIndex:10},{value:"默认值",paraId:5,tocIndex:10},{value:"content",paraId:5,tocIndex:10},{value:"内容区",paraId:5,tocIndex:10},{value:"ReactNode",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"extraContent",paraId:5,tocIndex:10},{value:"额外内容区，位于 content 的右侧",paraId:5,tocIndex:10},{value:"ReactNode",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabList",paraId:5,tocIndex:10},{value:"tab 标题列表",paraId:5,tocIndex:10},{value:"{key: string, tab: ReactNode}[]",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabActiveKey",paraId:5,tocIndex:10},{value:"当前高亮的 tab 项",paraId:5,tocIndex:10},{value:"string",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"onTabChange",paraId:5,tocIndex:10},{value:"切换面板的回调",paraId:5,tocIndex:10},{value:"(key) => void",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabBarExtraContent",paraId:5,tocIndex:10},{value:"tab bar 上额外的元素",paraId:5,tocIndex:10},{value:"React.ReactNode",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"header",paraId:5,tocIndex:10},{value:"PageHeader",paraId:5,tocIndex:10},{value:" 的所有属性",paraId:5,tocIndex:10},{value:"PageHeaderProps",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"ghost",paraId:5,tocIndex:10},{value:"配置头部区域的背景颜色为透明",paraId:5,tocIndex:10},{value:"boolean",paraId:5,tocIndex:10},{value:"false",paraId:5,tocIndex:10},{value:"fixedHeader",paraId:5,tocIndex:10},{value:"固定 pageHeader 的内容到顶部，如果页面内容较少，最好不要使用，会有严重的遮挡问题",paraId:5,tocIndex:10},{value:"boolean",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"affixProps",paraId:5,tocIndex:10},{value:"固钉的配置，与 antd 完全相同",paraId:5,tocIndex:10},{value:"AffixProps",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"footer",paraId:5,tocIndex:10},{value:"悬浮在底部的操作栏，传入一个数组，会自动加空格",paraId:5,tocIndex:10},{value:"ReactNode[]",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"waterMarkProps",paraId:5,tocIndex:10},{value:"配置水印，Layout 会透传给 PageContainer，但是以 PageContainer 的配置优先",paraId:5,tocIndex:10},{value:"WaterMarkProps",paraId:6,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabProps",paraId:5,tocIndex:10},{value:"Tabs 的相关属性，只有卡片样式的页签支持新增和关闭选项。使用 ",paraId:5,tocIndex:10},{value:"closable={false}",paraId:5,tocIndex:10},{value:" 禁止关闭",paraId:5,tocIndex:10},{value:"TabsProps",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"fixedHeader 使用了 antd 的 Affix 实现，默认监听 body，如果你的滚动条不在 body 上需要人肉",paraId:7,tocIndex:10},{value:"设置",paraId:7,tocIndex:10},{value:"一下。",paraId:7,tocIndex:10},{value:"参数",paraId:8,tocIndex:11},{value:"说明",paraId:8,tocIndex:11},{value:"类型",paraId:8,tocIndex:11},{value:"默认值",paraId:8,tocIndex:11},{value:"extra",paraId:8,tocIndex:11},{value:"额外内容区，位于 content 的右侧",paraId:8,tocIndex:11},{value:"ReactNode",paraId:8,tocIndex:11},{value:"-",paraId:8,tocIndex:11},{value:"children",paraId:8,tocIndex:11},{value:"内容区域",paraId:8,tocIndex:11},{value:"ReactNode",paraId:8,tocIndex:11},{value:"|",paraId:8,tocIndex:11},{value:"ReactNode[]",paraId:8,tocIndex:11},{value:"-",paraId:8,tocIndex:11},{value:"FooterToolbar api 比较简单，主要功能是实现了在 layout 中自动控制浮动，使其不会挡住菜单。如果你没有使用 ProLayout 需要通过 style 来自定义宽度和浮动。",paraId:9,tocIndex:11},{value:"<FooterToolbar\n style={{\n left: 208,\n width: `calc(100% - 208px)`,\n }}\n>\n <Button>提交</Button>\n</FooterToolbar>\n",paraId:10,tocIndex:11},{value:"配置与面包屑相同，只是增加了自动根据路由计算面包屑的功能。此功能必须要在 ProLayout 中使用。",paraId:11,tocIndex:12},{value:"import { ProBreadcrumb, ProLayout } from '@szc-ft/szcd';\n\nreturn (props) => (\n <ProLayout\n {...props}\n // 将面包屑显示在顶部\n headerContentRender={() => {\n return <ProBreadcrumb />;\n }}\n />\n);\n",paraId:12,tocIndex:12}]}}]);

package/dist/pro-packages__layout__src__components__PageHeader__index.md.26d1bef9.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[9945],{36009:function(e,t,a){a.r(t);a(24532),a(68521),a(61788),a(2951),a(23018),a(73525);var d=a(28089),l=(a(25673),a(82259),a(78897),a(78990),a(19909),a(24913),a(57335)),x=a(19952),r=a(67294),s=a(66016),n=a(85893);t.default=function(){return(0,n.jsx)(l.dY,{children:(0,n.jsx)(r.Suspense,{fallback:(0,n.jsx)(x.Z,{}),children:(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:s.texts[0].value}),(0,n.jsxs)("h2",{id:"何时使用",children:[(0,n.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#何时使用",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"何时使用"]}),(0,n.jsx)("p",{children:s.texts[1].value}),(0,n.jsxs)("h2",{id:"api",children:[(0,n.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:s.texts[2].value}),(0,n.jsx)("th",{children:s.texts[3].value}),(0,n.jsx)("th",{children:s.texts[4].value}),(0,n.jsx)("th",{children:s.texts[5].value}),(0,n.jsx)("th",{children:s.texts[6].value})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[7].value}),(0,n.jsx)("td",{children:s.texts[8].value}),(0,n.jsx)("td",{children:(0,n.jsx)(l.rU,{to:"/components/avatar/",children:s.texts[9].value})}),(0,n.jsx)("td",{children:s.texts[10].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[11].value}),(0,n.jsx)("td",{children:s.texts[12].value}),(0,n.jsx)("td",{children:s.texts[13].value}),(0,n.jsx)("td",{children:s.texts[14].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[15].value}),(0,n.jsx)("td",{children:s.texts[16].value}),(0,n.jsx)("td",{children:(0,n.jsx)(l.rU,{to:"/components/breadcrumb/",children:s.texts[17].value})}),(0,n.jsx)("td",{children:s.texts[18].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[19].value}),(0,n.jsx)("td",{children:s.texts[20].value}),(0,n.jsx)("td",{children:(0,n.jsx)("code",{children:s.texts[21].value})}),(0,n.jsx)("td",{children:s.texts[22].value}),(0,n.jsx)("td",{children:s.texts[23].value})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[24].value}),(0,n.jsx)("td",{children:s.texts[25].value}),(0,n.jsx)("td",{children:s.texts[26].value}),(0,n.jsx)("td",{children:s.texts[27].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[28].value}),(0,n.jsx)("td",{children:s.texts[29].value}),(0,n.jsx)("td",{children:s.texts[30].value}),(0,n.jsx)("td",{children:s.texts[31].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[32].value}),(0,n.jsx)("td",{children:s.texts[33].value}),(0,n.jsx)("td",{children:s.texts[34].value}),(0,n.jsx)("td",{children:s.texts[35].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[36].value}),(0,n.jsx)("td",{children:s.texts[37].value}),(0,n.jsx)("td",{children:s.texts[38].value}),(0,n.jsx)("td",{children:s.texts[39].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[40].value}),(0,n.jsx)("td",{children:s.texts[41].value}),(0,n.jsxs)("td",{children:[(0,n.jsx)(l.rU,{to:"/components/tag/",children:s.texts[42].value}),s.texts[43].value,(0,n.jsx)(l.rU,{to:"/components/tag/",children:s.texts[44].value})]}),(0,n.jsx)("td",{children:s.texts[45].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[46].value}),(0,n.jsx)("td",{children:s.texts[47].value}),(0,n.jsx)("td",{children:s.texts[48].value}),(0,n.jsx)("td",{children:s.texts[49].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s.texts[50].value}),(0,n.jsx)("td",{children:s.texts[51].value}),(0,n.jsx)("td",{children:s.texts[52].value}),(0,n.jsx)("td",{children:s.texts[53].value}),(0,n.jsx)("td",{})]})]})]}),(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'\n [data-theme="dark"] .site-page-header {\n border: 1px solid #303030;\n }\n [data-theme="dark"] .site-page-header-ghost-wrapper {\n background-color: rgba(255,255,255,0.08);\n }\n'}})]})})})})}},66016: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:2,tocIndex:1},{value:"说明",paraId:2,tocIndex:1},{value:"类型",paraId:2,tocIndex:1},{value:"默认值",paraId:2,tocIndex:1},{value:"版本",paraId:2,tocIndex:1},{value:"avatar",paraId:2,tocIndex:1},{value:"标题栏旁的头像",paraId:2,tocIndex:1},{value:"AvatarProps",paraId:3,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"backIcon",paraId:2,tocIndex:1},{value:"自定义 back icon ，如果为 false 不渲染 back icon",paraId:2,tocIndex:1},{value:"ReactNode | boolean",paraId:2,tocIndex:1},{value:"<ArrowLeft />",paraId:2,tocIndex:1},{value:"breadcrumb",paraId:2,tocIndex:1},{value:"面包屑的配置",paraId:2,tocIndex:1},{value:"Breadcrumb",paraId:4,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"breadcrumbRender",paraId:2,tocIndex:1},{value:"自定义面包屑区域的内容",paraId:2,tocIndex:1},{value:"(props, originBreadcrumb) => ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"4.11.0",paraId:2,tocIndex:1},{value:"extra",paraId:2,tocIndex:1},{value:"操作区，位于 title 行的行尾",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"footer",paraId:2,tocIndex:1},{value:"PageHeader 的页脚，一般用于渲染 TabBar",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"ghost",paraId:2,tocIndex:1},{value:"pageHeader 的类型，将会改变背景颜色",paraId:2,tocIndex:1},{value:"boolean",paraId:2,tocIndex:1},{value:"true",paraId:2,tocIndex:1},{value:"subTitle",paraId:2,tocIndex:1},{value:"自定义的二级标题文字",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"tags",paraId:2,tocIndex:1},{value:"title 旁的 tag 列表",paraId:2,tocIndex:1},{value:"Tag",paraId:5,tocIndex:1},{value:"[] | ",paraId:2,tocIndex:1},{value:"Tag",paraId:6,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"title",paraId:2,tocIndex:1},{value:"自定义标题文字",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"onBack",paraId:2,tocIndex:1},{value:"返回按钮的点击事件",paraId:2,tocIndex:1},{value:"() => void",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1}]}}]);

package/dist/pro-packages__layout__src__components__WaterMark__index.md.8d1fb4cd.async.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[2102],{97741:function(e,a,d){d.r(a);d(24532),d(68521),d(61788),d(2951),d(23018),d(73525);var t=d(28089),s=(d(25673),d(82259),d(78897),d(78990),d(19909),d(24913),d(57335)),l=d(19952),r=d(67294),n=d(52820),x=d(85893);a.default=function(){return(0,x.jsx)(s.dY,{children:(0,x.jsx)(r.Suspense,{fallback:(0,x.jsx)(l.Z,{}),children:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h1",{id:"watermark-水印组件",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#watermark-水印组件",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"WaterMark 水印组件"]}),(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.jsxs)("h3",{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[2].value})]}),(0,x.jsx)(s.Dl,{demo:{id:"watermark-demo-frontend"},previewerProps:{filename:"pro-packages/layout/src/components/WaterMark/demos/frontend.tsx"}}),(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h3",{id:"文字水印",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#文字水印",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"文字水印"]}),(0,x.jsxs)("p",{children:[n.texts[3].value,(0,x.jsx)("code",{children:n.texts[4].value}),n.texts[5].value]})]}),(0,x.jsx)(s.Dl,{demo:{id:"watermark-demo-text"},previewerProps:{filename:"pro-packages/layout/src/components/WaterMark/demos/text.tsx"}}),(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h3",{id:"多行文字水印",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#多行文字水印",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"多行文字水印"]}),(0,x.jsxs)("p",{children:[n.texts[6].value,(0,x.jsx)("code",{children:n.texts[7].value}),n.texts[8].value]})]}),(0,x.jsx)(s.Dl,{demo:{id:"watermark-demo-textrows"},previewerProps:{filename:"pro-packages/layout/src/components/WaterMark/demos/textRows.tsx"}}),(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h3",{id:"图片水印",children:[(0,x.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#图片水印",children:(0,x.jsx)("span",{className:"icon icon-link"})}),"图片水印"]}),(0,x.jsxs)("p",{children:[n.texts[9].value,(0,x.jsx)("code",{children:n.texts[10].value}),n.texts[11].value]})]}),(0,x.jsx)(s.Dl,{demo:{id:"watermark-demo-image"},previewerProps:{filename:"pro-packages/layout/src/components/WaterMark/demos/image.tsx"}}),(0,x.jsxs)("div",{className:"markdown",children:[(0,x.jsxs)("h3",{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[12].value})]}),(0,x.jsx)(s.Dl,{demo:{id:"watermark-demo-custom"},previewerProps:{background:"var(--main-bg-color)",filename:"pro-packages/layout/src/components/WaterMark/demos/custom.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)("h3",{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[13].value}),(0,x.jsx)("th",{children:n.texts[14].value}),(0,x.jsx)("th",{children:n.texts[15].value}),(0,x.jsx)("th",{children:n.texts[16].value}),(0,x.jsx)("th",{children:n.texts[17].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(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.jsx)("td",{children:n.texts[22].value})]}),(0,x.jsxs)("tr",{children:[(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.jsx)("td",{children:n.texts[27].value})]}),(0,x.jsxs)("tr",{children:[(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.jsx)("td",{children:n.texts[32].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[33].value}),(0,x.jsx)("td",{children:n.texts[34].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[35].value})}),(0,x.jsx)("td",{children:n.texts[36].value}),(0,x.jsx)("td",{children:n.texts[37].value})]}),(0,x.jsxs)("tr",{children:[(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.jsx)("td",{children:n.texts[42].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[43].value}),(0,x.jsx)("td",{children:n.texts[44].value}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:n.texts[45].value}),n.texts[46].value,(0,x.jsx)("code",{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.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[50].value}),(0,x.jsx)("td",{children:n.texts[51].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[52].value})}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[53].value})}),(0,x.jsx)("td",{children:n.texts[54].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[55].value}),(0,x.jsx)("td",{children:n.texts[56].value}),(0,x.jsxs)("td",{children:[(0,x.jsx)("code",{children:n.texts[57].value}),n.texts[58].value,(0,x.jsx)("code",{children:n.texts[59].value})]}),(0,x.jsx)("td",{children:n.texts[60].value}),(0,x.jsx)("td",{children:n.texts[61].value})]})]})]}),(0,x.jsxs)("h3",{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[62].value}),(0,x.jsx)("th",{children:n.texts[63].value}),(0,x.jsx)("th",{children:n.texts[64].value}),(0,x.jsx)("th",{children:n.texts[65].value}),(0,x.jsx)("th",{children:n.texts[66].value})]})}),(0,x.jsxs)("tbody",{children:[(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[67].value}),(0,x.jsx)("td",{children:n.texts[68].value}),(0,x.jsx)("td",{children:n.texts[69].value}),(0,x.jsx)("td",{children:n.texts[70].value}),(0,x.jsx)("td",{children:n.texts[71].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children: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.jsx)("td",{children:n.texts[76].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[77].value}),(0,x.jsx)("td",{children:n.texts[78].value}),(0,x.jsx)("td",{children:n.texts[79].value}),(0,x.jsx)("td",{children:n.texts[80].value}),(0,x.jsx)("td",{children:n.texts[81].value})]}),(0,x.jsxs)("tr",{children:[(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.jsx)("td",{children:n.texts[85].value}),(0,x.jsx)("td",{children:n.texts[86].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[87].value}),(0,x.jsxs)("td",{children:[n.texts[88].value,(0,x.jsx)("code",{children:n.texts[89].value})]}),(0,x.jsx)("td",{children:n.texts[90].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[91].value})}),(0,x.jsx)("td",{children:n.texts[92].value})]}),(0,x.jsxs)("tr",{children:[(0,x.jsx)("td",{children:n.texts[93].value}),(0,x.jsxs)("td",{children:[n.texts[94].value,(0,x.jsx)("code",{children:n.texts[95].value})]}),(0,x.jsx)("td",{children:n.texts[96].value}),(0,x.jsx)("td",{children:(0,x.jsx)("code",{children:n.texts[97].value})}),(0,x.jsx)("td",{children:n.texts[98].value})]})]})]}),(0,x.jsxs)("h3",{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.jsx)(s.Dl,{demo:{id:"watermark-demo-0",inline:!0},previewerProps:{}})]})})})}},52820:function(e,a,d){d.r(a),d.d(a,{texts:function(){return t}});const t=[{value:"给页面的某个区域加上水印。",paraId:0,tocIndex:0},{value:"页面需要添加水印标识版权时使用。",paraId:1,tocIndex:1},{value:"水印组件默认实现为前置水印，即设想水印会显示在内容的上方，zIndex 默认设置为 9，如果你不希望水印遮挡上层内容，可以调整该值到小于上层内容的 zIndex。",paraId:2,tocIndex:3},{value:"通过 ",paraId:3,tocIndex:4},{value:"content",paraId:3,tocIndex:4},{value:" 指定文字水印内容。",paraId:3,tocIndex:4},{value:"通过 ",paraId:4,tocIndex:5},{value:"content",paraId:4,tocIndex:5},{value:"设置字符串数组指定多行文字水印内容。",paraId:4,tocIndex:5},{value:"通过 ",paraId:5,tocIndex:6},{value:"image",paraId:5,tocIndex:6},{value:" 指定图片地址。为保证图片高清且不被拉伸，请传入水印图片的宽高 width 和 height, 并上传至少两倍的宽高的 logo 图片地址。",paraId:5,tocIndex:6},{value:"这里给出一些通用配置项。如需进一步配置请联系我们。",paraId:6,tocIndex:7},{value:"参数",paraId:7,tocIndex:9},{value:"说明",paraId:7,tocIndex:9},{value:"类型",paraId:7,tocIndex:9},{value:"默认值",paraId:7,tocIndex:9},{value:"版本",paraId:7,tocIndex:9},{value:"width",paraId:7,tocIndex:9},{value:"水印的宽度",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"120",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"height",paraId:7,tocIndex:9},{value:"水印的高度",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"64",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"rotate",paraId:7,tocIndex:9},{value:"水印绘制时，旋转的角度，单位 °",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"-22",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"image",paraId:7,tocIndex:9},{value:"图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:"-",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"zIndex",paraId:7,tocIndex:9},{value:"追加的水印元素的 z-index",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"9",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"content",paraId:7,tocIndex:9},{value:"水印文字内容",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"string[]",paraId:7,tocIndex:9},{value:"-",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"fontColor",paraId:7,tocIndex:9},{value:"水印文字颜色",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:"rgba(0,0,0,.15)",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"fontSize",paraId:7,tocIndex:9},{value:"文字大小",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"16",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"参数",paraId:8,tocIndex:10},{value:"说明",paraId:8,tocIndex:10},{value:"类型",paraId:8,tocIndex:10},{value:"默认值",paraId:8,tocIndex:10},{value:"版本",paraId:8,tocIndex:10},{value:"markStyle",paraId:8,tocIndex:10},{value:"水印层的样式",paraId:8,tocIndex:10},{value:"React.CSSProperties",paraId:8,tocIndex:10},{value:"-",paraId:8,tocIndex:10},{value:"2.3.0",paraId:8,tocIndex:10},{value:"markClassName",paraId:8,tocIndex:10},{value:"水印层的类名",paraId:8,tocIndex:10},{value:"string",paraId:8,tocIndex:10},{value:"-",paraId:8,tocIndex:10},{value:"2.3.0",paraId:8,tocIndex:10},{value:"gapX",paraId:8,tocIndex:10},{value:"水印之间的水平间距",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"212",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10},{value:"gapY",paraId:8,tocIndex:10},{value:"水印之间的垂直间距",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"222",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10},{value:"offsetLeft",paraId:8,tocIndex:10},{value:"水印在 canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 ",paraId:8,tocIndex:10},{value:"offsetLeft = gapX / 2",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"offsetLeft = gapX / 2",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10},{value:"offsetTop",paraId:8,tocIndex:10},{value:"水印在 canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 ",paraId:8,tocIndex:10},{value:"offsetTop = gapY / 2",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"offsetTop = gapY / 2",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10}]}}]);