mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
1 line
4.2 KiB
JavaScript
1 line
4.2 KiB
JavaScript
|
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["85c259ae"],{"85c259ae":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"default",{enumerable:!0,get:function(){return h;}});var t=s("777fffbe"),i=s("f19d2b93"),n=t._(s("75f4da45")),r=t._(s("97c488ea")),l=t._(s("c96b0d01")),o=s("5b220c3d"),d=s("9c86e52a");function c(){let{texts:e}=(0,d.useRouteMeta)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)("p",{children:e[0].value}),(0,i.jsx)("hr",{}),(0,i.jsxs)("h2",{id:"in-page-editing",children:[(0,i.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#in-page-editing",sourceType:"a",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"In-Page Editing"]})]}),(0,i.jsx)(n.default,{children:(0,i.jsx)("img",{className:"preview-img",alt:"Example of click to edit",description:"Status 1: Common browsing mode, do not distinguish between editable and non-editable lines\uFF1B<br>Status 2: On mouse hover, the background is backlit with yellow. A tool tip invites the user to 'Click to edit'\uFF1B<br>Status 3: Once the user clicks on the title, the form elements \u300CInput box\u300D, \u300COK\u300D and \u300CCancel\u300D appear, and the cursor is positioned in the \u300Cinput box\u300D.",src:"https://gw.alipayobjects.com/zos/rmsportal/EXKwsvUkIUNkHBSsOlRi.png"})}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)("p",{children:e[1].value}),(0,i.jsx)("p",{children:e[2].value}),(0,i.jsx)("br",{})]}),(0,i.jsx)(n.default,{children:(0,i.jsx)("img",{className:"preview-img",alt:"Example of Text link/Icon Edit",description:"Status 1: Text link/icon appears near the editable line.\uFF1B<br>Status 2: Once the mouse clicks \u300Cedit\u300D,the form elements \u300CInput box\u300D, \u300COk\u300D and \u300CCancel\u300D appear, and the cursor is positioned in the \u300Cinput box\u300D. ",src:"https://gw.alipayobjects.com/zos/rmsportal/qiAYBQKcQnmavxHzkeaK.png"})}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)("p",{children:e[3].value}),(0,i.jsx)("br",{})]}),(0,i.jsx)(n.default,{children:(0,i.jsx)("img",{className:"preview-img",alt:"Example of Multi-Field Inline Edit",description:"Edit mode without destroying integrity can enlarge the space in order to put down the \u300CInput box\u300D and other form elements. Besides, when switching the edit mode in the Table, it is necessary to ensure that each column does not beat.",src:"https://gw.alipayobjects.com/zos/rmsportal/ukbXcTHrgPmTfHmCassD.png"})}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)("p",{children:e[4].value}),(0,i.jsx)("blockquote",{children:(0,i.jsxs)("p",{children:[e[5].value,(0,i.jsx)(r.default,{to:"/docs/spec/transition#%E8%A7%A3%E9%87%8A%E5%88%9A%E5%88%9A%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88",sourceType:"Link",children:e[6].value}),e[7].value]})}),(0,i.jsx)("br",{}),(0,i.jsx)("hr",{}),(0,i.jsxs)("h2",{id:"drag-and-drop",children:[(0,i.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#drag-and-drop",sourceType:"a",children:(0,i.jsx)("span",{className:"icon icon-link"})}),"Drag and Drop"]})]}),(0,i.jsx)(n.default,{children:(0,i.jsx)("img",{className:"preview-img",alt:"Example of Drag and Drop List",description:"Status 1: On mouse hover,a removable \u300Cicon\u300D appears.\uFF1B<br>Status 2\uFF1A When hovering over the \u300Cicon\u300D, the pointer changes into a \u300Chand\u300D, click-and-drag operation can be used\uFF1B<br>Status 3\uFF1ADrag target to the placeable block. When blue stroke appears, inform user that object can be placed in the block.",src:"https://gw.alipayobjects.com/zos/rmsportal/xZWSNecZhGXaAVluxOAK.png"})}),(0,i.jsxs)("div",{className:"markdown",children:[(0,i.jsx)("p",{children:e[8].value}),(0,i.jsx)("p",{children:e[9].value}),(0,i.jsx)("br",{})]}),(0,i.jsx)(n.default,{children:(0,i.jsx)("img",{className:"preview-img",alt:"Example of Drag and Drop picture/file",src:"https://gw.alipayobjects.com/zos/rmsportal/wuAOmxmpXkcZlHzTbIvY.png"})}),(0,i.jsx
|