ant-design/9a426a80-async.5f3c8041.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["9a426a80"],{"8a67494b":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"texts",{enumerable:!0,get:function(){return t;}}),s("9b69eddc");let t=[{value:"A result page is a page that provides feedback on the outcome of an operation. It is the strongest form of feedback mode.",paraId:0},{value:"When an operation process is completed and clear feedback is needed for the user, such as the final step of a step form.",paraId:1,tocIndex:0},{value:" When a large amount of information needs to be displayed on the result page.",paraId:1,tocIndex:0},{value:"Convey the task completion result to the user, guide the user to the next operation, and establish the user's trust in the system through effective feedback.",paraId:2,tocIndex:1},{value:"\n  ",paraId:3},{value:"\n    ",paraId:3},{value:"\n    ",paraId:3},{value:"\n      ",paraId:3},{value:"\n      ",paraId:3},{value:"The result page is a heavy feedback method, only suitable for scenarios where strong user attention is needed, the information volume is large, and the page stays permanently. It is not recommended for other scenarios.",paraId:4,tocIndex:3},{value:"\n    ",paraId:3},{value:"\n  ",paraId:3},{value:"\n  ",paraId:3},{value:"\n    ",paraId:3},{value:"\n    ",paraId:3},{value:"\n      ",paraId:3},{value:"\n      ",paraId:3},{value:"When the result status is successful, it can automatically jump after a few seconds (3-5 seconds is recommended).",paraId:5,tocIndex:4},{value:"\n    ",paraId:3},{value:"\n  ",paraId:3},{value:"\n  ",paraId:3},{value:"\n    ",paraId:3},{value:"\n    ",paraId:3},{value:"\n      ",paraId:3},{value:"\n      ",paraId:3},{value:"The information on the result page should be the result triggered by the submission action, such as validation should be completed in the form. The information on the result page should be concise, only displaying result-related content. Additional information can be added for special scenarios.",paraId:6,tocIndex:5},{value:"\n    ",paraId:3},{value:"\n  ",paraId:3},{value:'The title should be constructed as "Object + Action + Result/Status" or "Action + Result/Status".',paraId:7},{value:"It is recommended to limit the guidance operations to no more than 2 items, as too many operations can cause confusion for users.",paraId:8},{value:"For lighter feedback, it is not recommended to use a result page. Use global tips, warning tips, notification boxes, etc. Refer to feedback design guidelines for details.",paraId:9},{value:"If the result status is successful, inform the user that it will automatically jump after a few seconds on the main button.",paraId:10},{value:"The result page can provide the following content:",paraId:11},{value:"Result Feedback: Clearly inform the user of the submission result;",paraId:12},{value:"Result Explanation (optional): Used for brief explanations of the result if needed;",paraId:13},{value:"Suggested Actions: Guide the user to continue with subsequent tasks;",paraId:14},{value:"Additional Information (optional): Provide supplementary information to the user along with the result; marketing modules.",paraId:15},{value:"Displays the result status and guides the user to the next operation.",paraId:16},{value:"In addition to basic information like result status and guidance operations, it also displays related recommendations, process progress, error details, etc.",paraId:17},{value:"Feedback",paraId:18,tocIndex:13},{value:"Form Page",paraId:19,tocIndex:14},{value:"Fiori Message Feedback Component Rules",paraId:20,tocIndex:15},{value:"Aliyun Result Page Design",paraId:20,tocIndex:15},{value:"CANVAS Message Feedback Component Rules",paraId:20,tocIndex:15},{value:"PREDIX Notification and Alert Component Rules",paraId:20,tocIndex:15}];},"9a426a80":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"default",{enumerable:!0,get:function(){return u;}});var t=s("777fffbe"),n=s("f19d2b93"),i=t._(s("75f4da45")),l=t._(s("97c488ea")),r=t._(s("c96b0d01")),d=s("5b220c3d"),o=s("9c86e52a"),c=s("8a67494b"),u=function(){return(0,n.jsx)(o.DumiPage,{children:(0,n.jsx)(d.Suspense,{fallback:(0,n.jsx)(r.default,{}),children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[0].value}),(0,n.jsxs)("h2",{id:"when-to-use",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#when-to-use",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"When to Use"]}),(0,n.jsxs)("p",{children:[c.texts[1].value,(0,n.jsx)("br",{}),c.texts[2].value]}),(0,n.jsxs)("h2",{id:"design-goals",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-goals",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Design Goals"]}),(0,n.jsx)("p",{children:c.texts[3].value}),(0,n.jsxs)("h2",{id:"design-principles",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-principles",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Design Principles"]}),(0,n.jsxs)("div",{className:"design-inline-cards",children:[c.texts[4].value,(0,n.jsxs)("div",{children:[c.texts[5].value,(0,n.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*HHLnR5RgpWQAAAAAAAAAAABkARQnAQ"}),c.texts[6].value,(0,n.jsxs)("div",{children:[c.texts[7].value,(0,n.jsxs)("h4",{id:"use-cautiously",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#use-cautiously",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Use Cautiously"]}),c.texts[8].value,(0,n.jsx)("p",{children:c.texts[9].value}),c.texts[10].value]}),c.texts[11].value]}),c.texts[12].value,(0,n.jsxs)("div",{children:[c.texts[13].value,(0,n.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*hglURJfVdHoAAAAAAAAAAABkARQnAQ"}),c.texts[14].value,(0,n.jsxs)("div",{children:[c.texts[15].value,(0,n.jsxs)("h4",{id:"end-instantly",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#end-instantly",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"End Instantly"]}),c.texts[16].value,(0,n.jsx)("p",{children:c.texts[17].value}),c.texts[18].value]}),c.texts[19].value]}),c.texts[20].value,(0,n.jsxs)("div",{children:[c.texts[21].value,(0,n.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*tJC7RZviqzwAAAAAAAAAAABkARQnAQ"}),c.texts[22].value,(0,n.jsxs)("div",{children:[c.texts[23].value,(0,n.jsxs)("h4",{id:"simplify-information",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#simplify-information",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Simplify Information"]}),c.texts[24].value,(0,n.jsx)("p",{children:c.texts[25].value}),c.texts[26].value]}),c.texts[27].value]})]}),(0,n.jsxs)("h2",{id:"design-suggestions",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-suggestions",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Design Suggestions"]})]}),(0,n.jsxs)(i.default,{children:[(0,n.jsx)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*98B4QKjg-QoAAAAAAAAAAABkARQnAQ",alt:"Correct Example"}),(0,n.jsx)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*EgnGQ4zImuMAAAAAAAAAAABkARQnAQ",alt:"Incorrect Example"})]}),(0,n.jsxs)(i.default,{children:[(0,n.jsx)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*lVo2RKb6mL4AAAAAAAAAAABkARQnAQ",alt:"Correct Example"}),(0,n.jsx)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*4RFCTLatKrcAAAAAAAAAAABkARQnAQ",alt:"Incorrect Example"})]}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[28].value}),(0,n.jsx)("br",{})]}),(0,n.jsxs)(i.default,{children:[(0,n.jsx)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*r7UFSLbqTdYAAAAAAAAAAABkARQnAQ",alt:"Correct Example"}),(0,n.jsx)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*zXk0SI4qqYMAAAAAAAAAAABkARQnAQ",alt:"Incorrect Example"})]}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[29].value}),(0,n.jsx)("br",{})]}),(0,n.jsx)(i.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*9gvmRq3RmnQAAAAAAAAAAABkARQnAQ",alt:"Correct Example"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[30].value}),(0,n.jsx)("br",{})]}),(0,n.jsx)(i.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*JY1kR4qIR1wAAAAAAAAAAABkARQnAQ",alt:"Correct Example"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[31].value}),(0,n.jsxs)("h2",{id:"how-to-design",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-design",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"How to Design"]}),(0,n.jsxs)("h3",{id:"basic-layout",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#basic-layout",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Basic Layout"]})]}),(0,n.jsx)(i.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*PQotS7GJC1gAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[32].value}),(0,n.jsxs)("ol",{children:[(0,n.jsx)("li",{children:(0,n.jsx)("p",{children:c.texts[33].value})}),(0,n.jsx)("li",{children:(0,n.jsx)("p",{children:c.texts[34].value})}),(0,n.jsx)("li",{children:(0,n.jsx)("p",{children:c.texts[35].value})}),(0,n.jsx)("li",{children:(0,n.jsx)("p",{children:c.texts[36].value})})]}),(0,n.jsxs)("h4",{id:"template---basic-result-page",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#template---basic-result-page",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Template - Basic Result Page"]})]}),(0,n.jsx)(i.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*uXFNR4eef2oAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[37].value}),(0,n.jsxs)("h4",{id:"template---complex-result-page",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#template---complex-result-page",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Template - Complex Result Page"]})]}),(0,n.jsx)(i.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*SWabTZptxEcAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:c.texts[38].value}),(0,n.jsxs)("h4",{id:"additional-information-types",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#additional-information-types",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Additional Information Types"]})]}),(0,n.jsx)(i.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*avS5TZcMawwAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsxs)("h2",{id:"further-reading",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#further-reading",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Further Reading"]}),(0,n.jsxs)("h3",{id:"relevant-global-rules",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#relevant-global-rules",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Relevant Global Rules"]}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:(0,n.jsx)(l.default,{to:"/docs/spec/research-message-and-feedback",sourceType:"Link",children:c.texts[39].value})})}),(0,n.jsxs)("h3",{id:"relevant-modules-or-components",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#relevant-modules-or-components",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Relevant Modules or Components"]}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:(0,n.jsx)(l.default,{to:"/components/form-cn/",sourceType:"Link",children:c.texts[40].value})})}),(0,n.jsxs)("h3",{id:"external-reference-articles",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#external-reference-articles",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"External Reference Articles"]}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsx)(l.default,{href:"https://experience.sap.com/fiori-design-web/message-box/",sourceType:"a",children:c.texts[41].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(l.default,{href:"https://xconsole.aliyun-inc.com/scenes/resultpage",sourceType:"a",children:c.texts[42].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(l.default,{href:"https://canvas.hubspot.com/components/alerts-messaging",sourceType:"a",children:c.texts[43].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(l.default,{href:"https://www.predix-ui.com/#/design/communication/notifications",sourceType:"a",children:c.texts[44].value})})]})]})]})})});};}}]);