You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

2 lines
4.7 KiB

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[7586],{427590:function(d,a,n){n.r(a);var m=n(502143),u=n(968521),g=n(720719),h=n(28840),c=n(759907),E=n(828089),p=n(825673),Z=n(902068),v=n(574399),P=n(863942),O=n(316073),M=n(24628),D=n(719260),x=n(956140),C=n(127179),I=n(905388),T=n(40428),t=n(606965),w=n(268696),b=n(587302),s=n(424128),A=n(249706),K=n(795127),L=n(116846),f=n(212039),y=n(73024),R=n(553913),i=n(606641),l=n(667294),_=n(370917);function o(){var r=(0,i.eL)(),e=r.texts;return(0,_.tZ)(i.dY,null,(0,_.tZ)(l.Fragment,null,(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[0].value),(0,_.tZ)("blockquote",null,(0,_.tZ)("p",null,(0,_.tZ)("strong",null,e[1].value),e[2].value)),(0,_.tZ)("blockquote",null,(0,_.tZ)("p",null,(0,_.tZ)("strong",null,e[3].value),e[4].value)),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"overlays"},(0,_.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#overlays",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Overlays")),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img good",alt:"good example",description:"As the user clicks delete, a success message and an undo button are displayed. When the user does nothing within one minute or click the undo button, the message and the button disappear.",src:"https://gw.alipayobjects.com/zos/rmsportal/YfhMlEIayfwnxiILcebI.png"}),(0,_.tZ)("img",{className:"preview-img good",alt:"good example (special case)",description:"If the undo operation is invalid, the Popconfirm is displayed after clicking the delete button. The user can stay on the page to double confirm.",src:"https://gw.alipayobjects.com/zos/rmsportal/AKtiXJTTQEjKFOCQGZMa.png"}),(0,_.tZ)("img",{className:"preview-img bad",alt:"bad example",description:`
Abusing the Modal can neither bring the context into the popup, which is prone to interrupt the user's flow, nor allow the user to undo the change.`,src:"https://gw.alipayobjects.com/zos/rmsportal/cGqkngXLMBlmMyoHtgFs.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[5].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of Detail Overlay ",description:"Click the eye icon to see more information.",src:"https://gw.alipayobjects.com/zos/rmsportal/yagQVxwdzuXOulzqdxEq.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[6].value),(0,_.tZ)("blockquote",null,(0,_.tZ)("p",null,e[7].value)),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of Input Overlay",description:"Click the edit icon to trigger the Input Overlay. Click the outside of it to preserve the input and close it.",src:"https://gw.alipayobjects.com/zos/rmsportal/lLhJKFcaJnIPxFCjvUKY.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[8].value),(0,_.tZ)("br",null),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"inlays"},(0,_.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#inlays",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Inlays")),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of List Inlay",src:"https://gw.alipayobjects.com/zos/rmsportal/TgoEocLVYXfMKzFGwJar.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[9].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of Tabs",src:"https://gw.alipayobjects.com/zos/rmsportal/CKwQXddFJnJHsyFAifsg.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[10].value),(0,_.tZ)("br",null),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"virtual-pages"},(0,_.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#virtual-pages",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Virtual Pages"),(0,_.tZ)("p",null,e[11].value),(0,_.tZ)("br",null),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"process-flows"},(0,_.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#process-flows",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Process Flows"),(0,_.tZ)("p",null,e[12].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of Responsive Disclosure",src:"https://gw.alipayobjects.com/zos/rmsportal/OIxzAapqoGokUSIuFOWC.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[13].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of Configurator Process",src:"https://gw.alipayobjects.com/zos/rmsportal/nVgSYAiXfKGMHxkjypPp.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[14].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,(0,_.tZ)("img",{className:"preview-img",alt:"example of Dialog Overlay Process",src:"https://gw.alipayobjects.com/zos/rmsportal/YutBaHmScUzpbKdFWDcg.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[15].value))))}a.default=o}}]);