jobsys-newbie
Version:
Enhanced component based on ant-design-vue
2 lines (1 loc) • 5.19 kB
JavaScript
import{_ as l,e as n,o as r,c as o,b as t,f as d,d as a,a as u}from"./app-e5356031.js";const s={},i=u('<h1 id="newbietable" tabindex="-1"><a class="header-anchor" href="#newbietable" aria-hidden="true">#</a> NewbieTable</h1><blockquote><p>Newbie 表格组件</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>title</td><td>表格标题</td><td>string</td><td>-</td><td>""</td></tr><tr><td>filterable</td><td>是否使用表单搜索</td><td>boolean</td><td>-</td><td>true</td></tr><tr><td>tableProps</td><td>原生表格属性</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>tableEvents</td><td>原生表格事件</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>pagination</td><td>是否使用分页，为 Object 时时使用自定义分页</td><td>boolean|object</td><td>-</td><td>true</td></tr><tr><td>pageEvents</td><td>原生翻页事件</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>autoQuery</td><td>是否在搜索条件变化时自动搜索</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>url</td><td>表格数据请求 URL</td><td>string</td><td>-</td><td>""</td></tr><tr><td>extraData</td><td>请求数据时额外提交的参数</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>afterFetched</td><td>请求后 Res 的处理方法, 如有 url， 则该方法必须传</td><td>func</td><td>-</td><td>null</td></tr><tr><td>columns</td><td>表格列定义, <a href="#tablecolunmconfig-%E9%85%8D%E7%BD%AE">TableColumnConfig </a></td><td>array|func</td><td>-</td><td>() => []</td></tr><tr><td>rowSelection</td><td>选择功能的配置</td><td>boolean|object</td><td>-</td><td>false</td></tr><tr><td>rowKey</td><td>数据值需要指定 key 值，当启用 <code>rowSelection</code> 时一定要指定这个 key</td><td>string|func</td><td>-</td><td>"id"</td></tr><tr><td>formData</td><td>表格数据</td><td>array</td><td>-</td><td>[]</td></tr><tr><td>expandRender</td><td>额外的展开行</td><td>string|func</td><td>-</td><td>null</td></tr><tr><td>expandedRowKeys</td><td>展开的行</td><td>array</td><td>-</td><td>[]</td></tr><tr><td>showRefresh</td><td>是否显示刷新按钮</td><td>boolean</td><td>-</td><td>true</td></tr></tbody></table><h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>fetch</td><td></td><td>未传入 <code>url</code> 时的手动请求方法</td></tr></tbody></table><hr><h2 id="详细参数" tabindex="-1"><a class="header-anchor" href="#详细参数" aria-hidden="true">#</a> 详细参数</h2><h3 id="tablecolumnconfig-配置" tabindex="-1"><a class="header-anchor" href="#tablecolumnconfig-配置" aria-hidden="true">#</a> <code>TableColumnConfig</code> 配置</h3>',10),c=t("thead",null,[t("tr",null,[t("th",null,"Prop name"),t("th",null,"Description"),t("th",null,"Type"),t("th",null,"Values"),t("th",null,"Default")])],-1),h=t("tr",null,[t("td",null,"title"),t("td",null,"列标题"),t("td",null,"string"),t("td",null,"-"),t("td",null,'""')],-1),b=t("tr",null,[t("td",null,"dataIndex"),t("td",null,"列数据在数据项中对应的 key，支持 a.b.c 的嵌套写法"),t("td",null,"string"),t("td",null,"-"),t("td",null,'""')],-1),_=t("tr",null,[t("td",null,"key"),t("td",null,"Vue 需要的 key，如果已经设置了唯一的 dataIndex，可以忽略这个属性"),t("td",null,"string"),t("td",null,"-"),t("td",null,'""')],-1),f=t("tr",null,[t("td",null,"width"),t("td",null,"列宽度"),t("td",null,"string"),t("td",null,"-"),t("td",null,'""')],-1),p=t("tr",null,[t("td",null,"align"),t("td",null,"对齐方式"),t("td",null,"string"),t("td",null,"-"),t("td",null,'""')],-1),m=t("tr",null,[t("td",null,"ellipsis"),t("td",null,"是否自动缩略"),t("td",null,"boolean"),t("td",null,"-"),t("td",null,'""')],-1),y=t("tr",null,[t("td",null,"fixed"),t("td",null,"列是否固定，可选 true(等效于 left) 'left' 'right'"),t("td",null,"boolean"),t("td",null,"-"),t("td",null,'""')],-1),g=t("td",null,"filterable",-1),x=t("code",null,"filterable.type = 'input'",-1),k=t("br",null,null,-1),w={href:"/components/search/NewbieSearch.html#searchitemconfig-%E9%85%8D%E7%BD%AE",target:"_blank",rel:"noopener noreferrer"},E=t("td",null,"boolean |Object",-1),D=t("td",null,"-",-1),v=t("td",null,'""',-1),N=t("tr",null,[t("td",null,"isOnlyForQuery"),t("td",null,"是否只用于搜索"),t("td",null,"boolean"),t("td",null,"-"),t("td",null,'""')],-1);function j(q,T){const e=n("ExternalLinkIcon");return r(),o("div",null,[i,t("table",null,[c,t("tbody",null,[h,b,_,f,p,m,y,t("tr",null,[g,t("td",null,[d("是否可过滤，如果是对象，则为过滤配置，为 true 时 "),x,d(),k,d(),t("a",w,[d("详细配置见 Search"),a(e)]),d(", key 与 title 如果不传,会直接使用 Column 的这两个属性")]),E,D,v]),N])])])}const C=l(s,[["render",j],["__file","NewbieTable.html.vue"]]);export{C as default};