3 lines
20 KiB
JavaScript
3 lines
20 KiB
JavaScript
import{c as t,d as n,b as e,e as d,g as r,h as a,j as o,k as s,l,a as i,D as c,o as m,f as $,E as f,p as h,i as u,F as p,m as g,A as b,y,G as k,V as v,S as w,ab as _,ac as S}from"./chunk.82446879.js";import{z as x,g as A}from"./chunk.f5a3f321.js";import"./chunk.e8a2e241.js";import{a as E}from"./chunk.4b4ee497.js";import"./chunk.b01e898f.js";import{a as j}from"./chunk.fb378401.js";import"./chunk.94a6e723.js";function M(t){let n;return{c(){n=d("div"),this.h()},l(t){n=r(t,"DIV",{id:!0}),a(n).forEach(o),this.h()},h(){s(n,"id","smx-md-doc")},m(e,d){l(e,n,d),n.innerHTML=t[0]},p(t,[e]){1&e&&(n.innerHTML=t[0])},i:i,o:i,d(t){t&&o(n)}}}function B(t,n,e){let{html:d}=n;return t.$set=(t=>{"html"in t&&e(0,d=t.html)}),[d]}class C extends t{constructor(t){super(),n(this,t,B,M,e,{html:0})}}var D={html:'<h2 id="参数">参数</h2>\n<table>\n<thead>\n<tr>\n<th id="option">Option</th>\n<th id="type">Type</th>\n<th id="description">Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>columns</code></td>\n<td>Object[]</td>\n<td>列配置</td>\n</tr>\n<tr>\n<td><code>rows</code></td>\n<td>Object[]</td>\n<td>行数据</td>\n</tr>\n<tr>\n<td><code>sortBy</code></td>\n<td>String</td>\n<td>需要排序列key</td>\n</tr>\n<tr>\n<td><code>sortOrder</code></td>\n<td>Number</td>\n<td>排序 <code>1</code> = 升序, <code>-1</code> 降序</td>\n</tr>\n<tr>\n<td><code>clickCol</code></td>\n<td>function</td>\n<td>event listener/callback</td>\n</tr>\n<tr>\n<td><code>clickRow</code></td>\n<td>function</td>\n<td>event listener/callback</td>\n</tr>\n<tr>\n<td><code>clickCell</code></td>\n<td>function</td>\n<td>event listener/callback</td>\n</tr>\n<tr>\n<td><code>classNameTable</code></td>\n<td>String/Array</td>\n<td>class name(s) for table element</td>\n</tr>\n<tr>\n<td><code>classNameThead</code></td>\n<td>String/Array</td>\n<td>class name(s) for thead element</td>\n</tr>\n<tr>\n<td><code>classNameTbody</code></td>\n<td>String/Array</td>\n<td>class name(s) for tbody element</td>\n</tr>\n<tr>\n<td><code>classNameSelect</code></td>\n<td>String/Array</td>\n<td>class name(s) for select elements</td>\n</tr>\n<tr>\n<td><code>classNameRow</code></td>\n<td>String/Array</td>\n<td>class name(s) for row elements</td>\n</tr>\n<tr>\n<td><code>classNameCell</code></td>\n<td>String/Array</td>\n<td>class name(s) for cell elements</td>\n</tr>\n<tr>\n<td><code>fullwidth</code></td>\n<td>Boolean</td>\n<td>是否全宽度</td>\n</tr>\n<tr>\n<td><code>bordered</code></td>\n<td>Boolean</td>\n<td>为所有单元格添加边框</td>\n</tr>\n<tr>\n<td><code>hoverable</code></td>\n<td>Boolean</td>\n<td>在每行上添加悬停效果</td>\n</tr>\n<tr>\n<td><code>striped</code></td>\n<td>Boolean</td>\n<td>在表中添加条纹</td>\n</tr>\n<tr>\n<td><code>narrow</code></td>\n<td>Boolean</td>\n<td>使单元格变窄</td>\n</tr>\n<tr>\n<td><code>custom</code></td>\n<td>Boolean</td>\n<td>自定义列</td>\n</tr>\n<tr>\n<td><code>tWidth</code></td>\n<td>String</td>\n<td>宽度</td>\n</tr>\n<tr>\n<td><code>tHeight</code></td>\n<td>String</td>\n<td>高度</td>\n</tr>\n<tr>\n<td><code>fixedHeader</code></td>\n<td>Boolean</td>\n<td>固定表头,固定表头时需要设置父级div高度或者自定义<code>tHeight</code>。</td>\n</tr>\n<tr>\n<td><code>activedRowKey</code></td>\n<td>Array</td>\n<td>选中key</td>\n</tr>\n<tr>\n<td><code>key</code></td>\n<td>String</td>\n<td>唯一id，设置激活行时必须设置</td>\n</tr>\n</tbody>\n</table>\n<h3 id="events">Events</h3>\n<p>点击事件</p>\n<ul>\n<li>clickCell: <code>event</code>, <code>col</code>, <code>key</code></li>\n<li>clickRow: <code>event</code>, <code>row</code></li>\n<li>clickCol: <code>event</code>, <code>row</code>, <code>key</code></li>\n<li>checked: <code>event</code>,<code>checkbox</code></li>\n</ul>\n<p><em>‡</em> 字段允许双向绑定</p>\n<h2 id="列配置">列配置</h2>\n<table>\n<thead>\n<tr>\n<th id="option">Option</th>\n<th id="type">Type</th>\n<th id="description">Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>key</code></td>\n<td>String</td>\n<td>数据唯一key</td>\n</tr>\n<tr>\n<td><code>title</code></td>\n<td>String</td>\n<td>显示标题</td>\n</tr>\n<tr>\n<td><code>[class]</code></td>\n<td>String</td>\n<td>单元格指定样式类名</td>\n</tr>\n<tr>\n<td><code>[sortable]</code></td>\n<td>Boolean</td>\n<td>是否开启排序</td>\n</tr>\n<tr>\n<td><code>[filterOptions]</code></td>\n<td>Array/Function</td>\n<td><em>optional</em> array of objects with <code>name</code> and <code>value</code>. Function is provided array of rows</td>\n</tr>\n<tr>\n<td><code>[filterValue]</code></td>\n<td>String</td>\n<td>要过滤的值，通常与值相同</td>\n</tr>\n<tr>\n<td><code>[headerClass]</code></td>\n<td>String</td>\n<td>标题头指定样式类名</td>\n</tr>\n<tr>\n<td><code>[renderValue]</code></td>\n<td>Function</td>\n<td>自定义呈现渲染html</td>\n</tr>\n<tr>\n<td><code>component</code></td>\n<td>Boolean</td>\n<td>展示自定义组件,目前只允许针对某一列进行设置</td>\n</tr>\n</tbody>\n</table>\n<h2 id="样式配置">样式配置</h2>\n<p>在引入bluma的scss样式下，我们可以使用变量来控制表格风格样式。</p>\n<table>\n<thead>\n<tr>\n<th id="name">Name</th>\n<th id="type">Type</th>\n<th id="default_value">Default value</th>\n<th id="computed_value">Computed value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>$table-color</td>\n<td>color</td>\n<td>$text-strong</td>\n<td>hsl(0, 0%, 21%)</td>\n</tr>\n<tr>\n<td>$table-background-color</td>\n<td>color</td>\n<td>$scheme-main</td>\n<td>hsl(0, 0%, 100%)</td>\n</tr>\n<tr>\n<td>$table-cell-border</td>\n<td>size</td>\n<td>1px solid $border</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-cell-border-width</td>\n<td>size</td>\n<td>0 0 1px</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-cell-padding</td>\n<td>size</td>\n<td>0.5em 0.75em</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-cell-heading-color</td>\n<td>color</td>\n<td>$text-strong</td>\n<td>hsl(0, 0%, 21%)</td>\n</tr>\n<tr>\n<td>$table-head-cell-border-width</td>\n<td>size</td>\n<td>0 0 2px</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-head-cell-color</td>\n<td>color</td>\n<td>$text-strong</td>\n<td>hsl(0, 0%, 21%)</td>\n</tr>\n<tr>\n<td>$table-foot-cell-border-width</td>\n<td>size</td>\n<td>2px 0 0</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-foot-cell-color</td>\n<td>color</td>\n<td>$text-strong</td>\n<td>hsl(0, 0%, 21%)</td>\n</tr>\n<tr>\n<td>$table-head-background-color</td>\n<td>string</td>\n<td>transparent</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-body-background-color</td>\n<td>string</td>\n<td>transparent</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-foot-background-color</td>\n<td>string</td>\n<td>transparent</td>\n<td></td>\n</tr>\n<tr>\n<td>$table-row-hover-background-color</td>\n<td>color</td>\n<td>$scheme-main-bis</td>\n<td>hsl(0, 0%, 98%)</td>\n</tr>\n<tr>\n<td>$table-row-active-background-color</td>\n<td>color</td>\n<td>$primary</td>\n<td>hsl(171, 100%, 41%)</td>\n</tr>\n<tr>\n<td>$table-row-active-color</td>\n<td>color</td>\n<td>$primary-invert</td>\n<td>#fff</td>\n</tr>\n<tr>\n<td>$table-striped-row-even-background-color</td>\n<td>color</td>\n<td>$scheme-main-bis</td>\n<td>hsl(0, 0%, 98%)</td>\n</tr>\n<tr>\n<td>$table-striped-row-even-hover-background-color</td>\n<td>color</td>\n<td>$scheme-main-ter</td>\n<td>hsl(0, 0%, 96%)</td>\n</tr>\n<tr>\n<td>$table-colors</td>\n<td>function</td>\n<td>$colors</td>\n<td>mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)</td>\n</tr>\n</tbody>\n</table>\n<h2 id="案例">案例</h2>\n<pre><code class="html language-html"><script>\n import Table from "../../Table";\n const rows = [\n /** 数据体 */\n ];\n const columns = [\n /** 列设置 */\n ];\n</script>\n\n<Table columns="{columns}" rows="{rows}"></Table></code></pre>\n<h2 id="sample-data-and-config">Sample Data and config</h2>\n<pre><code class="js language-js">// define some sample data...\nconst rows = [\n { id: 1, first_name: "Marilyn", last_name: "Monroe", gender: "female" },\n { id: 2, first_name: "Abraham", last_name: "Lincoln", gender: "male" },\n { id: 3, first_name: "Mother", last_name: "Teresa", gender: "female" },\n { id: 4, first_name: "John F.", last_name: "Kennedy", gender: "male" },\n { id: 5, first_name: "Martin Luther", last_name: "King", gender: "male" },\n { id: 6, first_name: "Nelson", last_name: "Mandela", gender: "male" },\n { id: 7, first_name: "Winston", last_name: "Churchill", gender: "male" },\n { id: 8, first_name: "George", last_name: "Soros", gender: "male" },\n { id: 9, first_name: "Bill", last_name: "Gates", gender: "male" },\n { id: 10, first_name: "Muhammad", last_name: "Ali", gender: "male" },\n { id: 11, first_name: "Mahatma", last_name: "Gandhi", gender: "male" },\n { id: 12, first_name: "Margaret", last_name: "Thatcher", gender: "female" },\n { id: 13, first_name: "Christopher", last_name: "Columbus", gender: "male" },\n { id: 14, first_name: "Charles", last_name: "Darwin", gender: "male" },\n { id: 15, first_name: "Elvis", last_name: "Presley", gender: "male" },\n { id: 16, first_name: "Albert", last_name: "Einstein", gender: "male" },\n { id: 17, first_name: "Paul", last_name: "McCartney", gender: "male" },\n { id: 18, first_name: "Queen", last_name: "Victoria", gender: "female" },\n { id: 19, first_name: "Pope", last_name: "Francis", gender: "male" }\n // etc...\n];\n\n// define column configs\nconst columns = [\n {\n key: "id",\n title: "ID",\n sortable: true,\n filterOptions: rows => {\n // generate groupings of 0-10, 10-20 etc...\n let nums = {};\n rows.forEach(row => {\n let num = Math.floor(row.id / 10);\n if (nums[num] === undefined)\n nums[num] = { name: `${num * 10} to ${(num + 1) * 10}`, value: num };\n });\n // fix order\n nums = Object.entries(nums)\n .sort()\n .reduce((o, [k, v]) => ((o[k] = v), o), {});\n return Object.values(nums);\n },\n filterValue: v => Math.floor(v.id / 10),\n headerClass: "text-left"\n },\n {\n key: "first_name",\n title: "FIRST_NAME",\n sortable: true,\n filterOptions: rows => {\n // use first letter of first_name to generate filter\n let letrs = {};\n rows.forEach(row => {\n let letr = row.first_name.charAt(0);\n if (letrs[letr] === undefined)\n letrs[letr] = {\n name: `${letr.toUpperCase()}`,\n value: letr.toLowerCase()\n };\n });\n // fix order\n letrs = Object.entries(letrs)\n .sort()\n .reduce((o, [k, v]) => ((o[k] = v), o), {});\n return Object.values(letrs);\n },\n filterValue: v => v.first_name.charAt(0).toLowerCase()\n },\n {\n key: "last_name",\n title: "LAST_NAME",\n sortable: true,\n filterOptions: rows => {\n // use first letter of last_name to generate filter\n let letrs = {};\n rows.forEach(row => {\n let letr = row.last_name.charAt(0);\n if (letrs[letr] === undefined)\n letrs[letr] = {\n name: `${letr.toUpperCase()}`,\n value: letr.toLowerCase()\n };\n });\n // fix order\n letrs = Object.entries(letrs)\n .sort()\n .reduce((o, [k, v]) => ((o[k] = v), o), {});\n return Object.values(letrs);\n },\n filterValue: v => v.last_name.charAt(0).toLowerCase()\n },\n {\n key: "gender",\n title: "GENDER",\n renderValue: v => v.gender.charAt(0).toUpperCase() + v.gender.substring(1), // capitalize\n sortable: true,\n filterOptions: ["male", "female"] // provide array\n }\n];</code></pre>',metadata:{},filename:"stable.md",path:"/Users/keiferju/workplace/Publish/svelma-pro/docs/src/mddocs/stable.md"};function O(t){let n,e;const m=new x({props:{columns:t[2],rows:t[3]}});return{c(){n=d("div"),c(m.$$.fragment),this.h()},l(t){n=r(t,"DIV",{slot:!0,style:!0});var e=a(n);f(m.$$.fragment,e),e.forEach(o),this.h()},h(){s(n,"slot","preview"),v(n,"height","200px")},m(t,d){l(t,n,d),p(m,n,null),e=!0},p:i,i(t){e||(b(m.$$.fragment,t),e=!0)},o(t){y(m.$$.fragment,t),e=!1},d(t){t&&o(n),k(m)}}}function T(t){let n,e;const m=new x({props:{columns:t[2],rows:t[3],checkbox:!0,bordered:!0,narrow:!0}});return{c(){n=d("div"),c(m.$$.fragment),this.h()},l(t){n=r(t,"DIV",{slot:!0,style:!0});var e=a(n);f(m.$$.fragment,e),e.forEach(o),this.h()},h(){s(n,"slot","preview"),v(n,"height","200px")},m(t,d){l(t,n,d),p(m,n,null),e=!0},p:i,i(t){e||(b(m.$$.fragment,t),e=!0)},o(t){y(m.$$.fragment,t),e=!1},d(t){t&&o(n),k(m)}}}function I(t){let n;return{c(){n=$("Submit")},l(t){n=u(t,"Submit")},m(t,e){l(t,n,e)},d(t){t&&o(n)}}}function N(t){let n;return{c(){n=$("Reset")},l(t){n=u(t,"Reset")},m(t,e){l(t,n,e)},d(t){t&&o(n)}}}function R(t){let n,e,i;const $=new A({props:{type:"is-primary",size:"is-small",$$slots:{default:[I]},$$scope:{ctx:t}}});$.$on("click",function(...n){return t[7](t[10],...n)});const u=new A({props:{type:"is-primary",size:"is-small",$$slots:{default:[N]},$$scope:{ctx:t}}});return{c(){n=d("div"),c($.$$.fragment),e=m(),c(u.$$.fragment),this.h()},l(t){n=r(t,"DIV",{class:!0,slot:!0});var d=a(n);f($.$$.fragment,d),e=h(d),f(u.$$.fragment,d),d.forEach(o),this.h()},h(){s(n,"class","buttons"),s(n,"slot","component")},m(t,d){l(t,n,d),p($,n,null),g(n,e),p(u,n,null),i=!0},p(n,e){t=n;const d={};2048&e&&(d.$$scope={dirty:e,ctx:t}),$.$set(d);const r={};2048&e&&(r.$$scope={dirty:e,ctx:t}),u.$set(r)},i(t){i||(b($.$$.fragment,t),b(u.$$.fragment,t),i=!0)},o(t){y($.$$.fragment,t),y(u.$$.fragment,t),i=!1},d(t){t&&o(n),k($),k(u)}}}function z(t){let n,e,i,m;function $(n){t[8].call(null,n)}function h(n){t[9].call(null,n)}let u={columns:t[4],rows:t[5],key:"id",activedRowKey:[2],$$slots:{component:[R,({row:t})=>({10:t}),({row:t})=>t?1024:0]},$$scope:{ctx:t}};void 0!==t[0]&&(u.sortBy=t[0]),void 0!==t[1]&&(u.sortOrder=t[1]);const g=new x({props:u});return w.push(()=>_(g,"sortBy",$)),w.push(()=>_(g,"sortOrder",h)),{c(){n=d("div"),c(g.$$.fragment),this.h()},l(t){n=r(t,"DIV",{slot:!0,style:!0});var e=a(n);f(g.$$.fragment,e),e.forEach(o),this.h()},h(){s(n,"slot","preview"),v(n,"height","200px")},m(t,e){l(t,n,e),p(g,n,null),m=!0},p(t,n){const d={};2048&n&&(d.$$scope={dirty:n,ctx:t}),!e&&1&n&&(e=!0,d.sortBy=t[0],S(()=>e=!1)),!i&&2&n&&(i=!0,d.sortOrder=t[1],S(()=>i=!1)),g.$set(d)},i(t){m||(b(g.$$.fragment,t),m=!0)},o(t){y(g.$$.fragment,t),m=!1},d(t){t&&o(n),k(g)}}}function L(t){let n,e,i,v,w,_,S,x,A,M,B,I,N,R,L,V,F,P;const G=new E({props:{title:"stable",subtitle:"表格"}}),H=new j({props:{horizontal:!0,code:"<script>\n import { Stable } from 'svelma-pro'\n let colums = [\n {key: \"id\",title: \"ID\"},\n {key: \"name\",title: \"名称\"},\n {key: \"date\",title: \"时间\"},\n {key: \"admin\",title: \"权限\"},\n {key: \"desc\",title: \"描述\"}];\n let data = [\n {id: 1,name: 'A',date: '2017/10/01',admin: '01',desc: '我是01'},\n {id: 2,name: 'B',date: '2020/03/19',admin: '02',desc: '我是02'},\n {id: 3,name: 'C',date: '2019/07/15',admin: '03',desc: '我是03'},\n ];\n <\/script>\n <Stable columns={colums} rows={data}></Stable>\n ",$$slots:{preview:[O]},$$scope:{ctx:t}}}),K=new j({props:{horizontal:!0,code:"<script>\n import { Stable } from 'svelma-pro'\n let colums = [\n {key: \"id\",title: \"ID\"},\n {key: \"name\",title: \"名称\"},\n {key: \"date\",title: \"时间\"},\n {key: \"admin\",title: \"权限\"},\n {key: \"desc\",title: \"描述\"}];\n let data = [\n {id: 1,name: 'A',date: '2017/10/01',admin: '01',desc: '我是01'},\n {id: 2,name: 'B',date: '2020/03/19',admin: '02',desc: '我是02'},\n {id: 3,name: 'C',date: '2019/07/15',admin: '03',desc: '我是03'},\n ];\n <\/script>\n <Stable columns={colums} rows={data} checkbox={true} bordered={true} narrow={true}></Stable>\n ",$$slots:{preview:[T]},$$scope:{ctx:t}}}),U=new j({props:{horizontal:!0,code:'<script>\n import { Stable } from \'svelma-pro\'\n import {Button} from "svelma-pro";\n\n let sortBy = "first_name";\n let sortOrder = 1;\n\n const colums2 = [{\n key: "id",\n title: "ID",\n sortable: true,\n },\n {\n key: "first_name",\n title: "FIRST NAME",\n sortable: true,\n },\n {\n key: "last_name",\n title: "LAST NAME",\n sortable: true,\n component: true\n },\n {\n key: "email",\n title: "EMAIL",\n sortable: true\n },\n {\n key: "gender",\n title: "GENDER",\n sortable: true,\n },\n {\n key: "ip_address",\n title: "IP ADDRESS",\n sortable: true,\n },\n ];\n\n const data2 = [{\n id: 234,\n first_name: "1",\n last_name: "234",\n gender: "Mal1e",\n ip_address: "192.168.",\n email: "234",\n },\n {\n id: 234,\n first_name: "2",\n last_name: "234",\n gender: "Male",\n ip_address: "192.168.",\n email: "234",\n },\n ];\n\n function submit(v){\n alert(\'当前行为\'+v.id);\n }\n\n <Stable columns={colums2} rows={data2} bind:sortBy bind:sortOrder>\n <div class="buttons" slot="component" let:row>\n <Button type="is-primary" size="is-small" on:click={(e)=>submit(row)}>Submit</Button>\n <Button type="is-primary" size="is-small" >Reset</Button>\n </div>\n </Stable>\n ',$$slots:{preview:[z]},$$scope:{ctx:t}}}),W=new C({props:{html:D.html}});return{c(){c(G.$$.fragment),n=m(),e=d("p"),i=$("基础表格"),v=m(),c(H.$$.fragment),w=m(),_=d("hr"),S=m(),x=d("p"),A=$("表格设置"),M=$("\n更多设置参数见文档。\n"),c(K.$$.fragment),B=m(),I=d("hr"),N=m(),R=d("p"),L=$("高级表格配置"),V=$("\n更多高级配置项详见文档。\n"),c(U.$$.fragment),F=m(),c(W.$$.fragment),this.h()},l(t){f(G.$$.fragment,t),n=h(t),e=r(t,"P",{class:!0});var d=a(e);i=u(d,"基础表格"),d.forEach(o),v=h(t),f(H.$$.fragment,t),w=h(t),_=r(t,"HR",{class:!0}),S=h(t),x=r(t,"P",{class:!0});var s=a(x);A=u(s,"表格设置"),s.forEach(o),M=u(t,"\n更多设置参数见文档。\n"),f(K.$$.fragment,t),B=h(t),I=r(t,"HR",{class:!0}),N=h(t),R=r(t,"P",{class:!0});var l=a(R);L=u(l,"高级表格配置"),l.forEach(o),V=u(t,"\n更多高级配置项详见文档。\n"),f(U.$$.fragment,t),F=h(t),f(W.$$.fragment,t),this.h()},h(){s(e,"class","title is-4"),s(_,"class","is-medium"),s(x,"class","title is-4"),s(I,"class","is-medium"),s(R,"class","title is-4")},m(t,d){p(G,t,d),l(t,n,d),l(t,e,d),g(e,i),l(t,v,d),p(H,t,d),l(t,w,d),l(t,_,d),l(t,S,d),l(t,x,d),g(x,A),l(t,M,d),p(K,t,d),l(t,B,d),l(t,I,d),l(t,N,d),l(t,R,d),g(R,L),l(t,V,d),p(U,t,d),l(t,F,d),p(W,t,d),P=!0},p(t,[n]){const e={};2048&n&&(e.$$scope={dirty:n,ctx:t}),H.$set(e);const d={};2048&n&&(d.$$scope={dirty:n,ctx:t}),K.$set(d);const r={};2051&n&&(r.$$scope={dirty:n,ctx:t}),U.$set(r)},i(t){P||(b(G.$$.fragment,t),b(H.$$.fragment,t),b(K.$$.fragment,t),b(U.$$.fragment,t),b(W.$$.fragment,t),P=!0)},o(t){y(G.$$.fragment,t),y(H.$$.fragment,t),y(K.$$.fragment,t),y(U.$$.fragment,t),y(W.$$.fragment,t),P=!1},d(t){k(G,t),t&&o(n),t&&o(e),t&&o(v),k(H,t),t&&o(w),t&&o(_),t&&o(S),t&&o(x),t&&o(M),k(K,t),t&&o(B),t&&o(I),t&&o(N),t&&o(R),t&&o(V),k(U,t),t&&o(F),k(W,t)}}}async function V(t,n){const e=await this.fetch("components/stable.json");return{jsdoc:await e.json()}}function F(t,n,e){let{jsdoc:d}=n,r="first_name",a=1;return t.$set=(t=>{"jsdoc"in t&&e(6,d=t.jsdoc)}),[r,a,[{key:"id",title:"ID"},{key:"name",title:"名称"},{key:"date",title:"时间"},{key:"admin",title:"权限"},{key:"desc",title:"描述"}],[{id:1,name:"A",date:"2017/10/01",admin:"01",desc:"我是01"},{id:2,name:"B",date:"2020/03/19",admin:"02",desc:"我是02"},{id:3,name:"C",date:"2019/07/15",admin:"03",desc:"我是03"}],[{key:"id",title:"ID",sortable:!0},{key:"first_name",title:"FIRST NAME",sortable:!0},{key:"last_name",title:"LAST NAME",sortable:!0,component:!0},{key:"email",title:"EMAIL",sortable:!0},{key:"gender",title:"GENDER",sortable:!0},{key:"ip_address",title:"IP ADDRESS",sortable:!0}],[{id:1,first_name:"1",last_name:"234",gender:"Mal1e",ip_address:"192.168.",email:"234"},{id:2,first_name:"2",last_name:"234",gender:"Male",ip_address:"192.168.",email:"234"}],d,(t,n)=>(function(t){alert("当前行为"+t.id)})(t),function(t){e(0,r=t)},function(t){e(1,a=t)}]}export default class extends t{constructor(t){super(),n(this,t,F,L,e,{jsdoc:6})}}export{V as preload};
|
||
//# sourceMappingURL=stable.207832c2.js.map
|