ant-design/484ec217-async.4c972e35.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["484ec217"],{"484ec217":function(e,s,a){"use strict";a.d(s,"__esModule",{value:!0}),a.d(s,"default",{enumerable:!0,get:function(){return d;}});var l=a("777fffbe"),o=a("f19d2b93"),t=l._(a("75f4da45")),i=l._(a("97c488ea")),r=l._(a("c96b0d01")),n=a("5b220c3d"),c=a("9c86e52a");function h(){let{texts:e}=(0,c.useRouteMeta)();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsx)("p",{children:e[0].value}),(0,o.jsxs)("blockquote",{children:[(0,o.jsx)("img",{src:"https://os.alipayobjects.com/rmsportal/wAcbQmeqTWDqsnu.png",width:"150"}),e[1].value]}),(0,o.jsx)("hr",{}),(0,o.jsxs)("h2",{id:"always-visible-tools",children:[(0,o.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#always-visible-tools",sourceType:"a",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"Always-Visible Tools"]})]}),(0,o.jsxs)(t.default,{children:[e[2].value,(0,o.jsx)("img",{className:"preview-img",alt:"example of Always-Visible Tools, from Zhihu",description:"Status No.1: A clear clickable area makes it easier to highlight the button on the page.<br>Status No.2: As hovering over the button, the mouse pointer turns into a hand symbol, and the fill color of the button changes to a dark color, which provides a clear call to action.<br>Status No.3: The style of the button obviously changes once clicked.",src:"https://gw.alipayobjects.com/zos/rmsportal/ofpeZpgdrqXcRpTlVXTp.png"})]}),(0,o.jsxs)("div",{className:"markdown",children:[e[3].value,(0,o.jsx)("br",{}),(0,o.jsx)("hr",{}),(0,o.jsxs)("h2",{id:"hover-reveal-tools",children:[(0,o.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#hover-reveal-tools",sourceType:"a",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"Hover-Reveal Tools"]})]}),(0,o.jsxs)(t.default,{children:[e[4].value,(0,o.jsx)("img",{className:"preview-img",alt:"example of Hover-Reveal Tools",description:"On mouse hover, the tools are revealed.",src:"https://gw.alipayobjects.com/zos/rmsportal/XzKWrNfqIMNnIrwWNJYg.png"})]}),(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsx)("p",{children:e[5].value}),(0,o.jsx)("br",{}),(0,o.jsx)("hr",{}),(0,o.jsxs)("h2",{id:"toggle-reveal-tools",children:[(0,o.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#toggle-reveal-tools",sourceType:"a",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"Toggle-Reveal Tools"]})]}),(0,o.jsxs)(t.default,{children:[e[6].value,(0,o.jsx)("img",{className:"preview-img",alt:"example of Toggle-Reveal Tools",description:"The table reveals an input box from the text only when the edit mode is turned on for the area.",src:"https://gw.alipayobjects.com/zos/rmsportal/iLilpTYKqogBNlwpmVGw.png"})]}),(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsx)("p",{children:e[7].value}),(0,o.jsx)("br",{}),(0,o.jsx)("hr",{}),(0,o.jsxs)("h2",{id:"visible-area--clickable-area",children:[(0,o.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#visible-area--clickable-area",sourceType:"a",children:(0,o.jsx)("span",{className:"icon icon-link"})}),"Visible Area \u2260 Clickable Area"]})]}),(0,o.jsxs)(t.default,{children:[e[8].value,(0,o.jsx)("img",{className:"preview-img",alt:"example of hypertext hot spot",description:"When hovering on the cell in which the hypertext is positioned, the mouse turns from a cursor to a hand symbol. Click it and jump to another page.",src:"https://gw.alipayobjects.com/zos/rmsportal/lhOpWlaOzwsuHGxqHgPg.png"})]}),(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsx)("p",{children:e[9].value}),(0,o.jsx)("br",{})]}),(0,o.jsxs)(t.default,{children:[e[10].value,(0,o.jsx)("img",{className:"preview-img",alt:"example of button hot spot",description:"Move the mouse near the button and activate the hover state.",src:"https://gw.alipayobjects.com/zos/rmsportal/BlUnqNCHsgUnhnRjMTnX.png"})]}),(0,o.jsxs)("div",{className:"markdown",children:[(0,o.jsx)("p",{children:e[11].value}),(0,o.jsx)("blockquote",{children:(0,o.jsx)("p",{children:e[12].value})})]})]});}var d=function(){return(0,o.jsx)(c.DumiPage,{children:(0,o.jsx)(n.Suspense,{fallback:(0,o.jsx)(r.default,{}),children:(0,o.jsx)(h,{})})});};}}]);