3 lines
12 KiB
JavaScript
3 lines
12 KiB
JavaScript
import{c as t,d as s,b as e,D as n,o as a,e as o,f as c,E as l,p as r,g as i,h as $,i as m,j as f,k as p,F as h,l as d,m as v,A as u,y as g,G as I,a as E}from"./chunk.82446879.js";import{n as x,o as C}from"./chunk.f5a3f321.js";import"./chunk.e8a2e241.js";import{a as w}from"./chunk.4b4ee497.js";import"./chunk.b01e898f.js";import{a as D}from"./chunk.fb378401.js";import{a as V}from"./chunk.94a6e723.js";function j(t){let s,e,n,l,h,u,g;return{c(){s=o("div"),e=o("div"),n=o("h3"),l=c("Subtitle"),h=a(),u=o("p"),g=c("Lorem ipsum dolor..."),this.h()},l(t){s=i(t,"DIV",{class:!0});var a=$(s);e=i(a,"DIV",{class:!0});var o=$(e);n=i(o,"H3",{});var c=$(n);l=m(c,"Subtitle"),c.forEach(f),h=r(o),u=i(o,"P",{});var p=$(u);g=m(p,"Lorem ipsum dolor..."),p.forEach(f),o.forEach(f),a.forEach(f),this.h()},h(){p(e,"class","content"),p(s,"class","notification svelte-112ld36")},m(t,a){d(t,s,a),v(s,e),v(e,n),v(n,l),v(e,h),v(e,u),v(u,g)},d(t){t&&f(s)}}}function y(t){let s,e,n,a;return{c(){s=o("div"),e=o("div"),n=o("p"),a=c("娱乐八卦天天有"),this.h()},l(t){s=i(t,"DIV",{class:!0});var o=$(s);e=i(o,"DIV",{class:!0});var c=$(e);n=i(c,"P",{});var l=$(n);a=m(l,"娱乐八卦天天有"),l.forEach(f),c.forEach(f),o.forEach(f),this.h()},h(){p(e,"class","content"),p(s,"class","notification svelte-112ld36")},m(t,o){d(t,s,o),v(s,e),v(e,n),v(n,a)},d(t){t&&f(s)}}}function b(t){let s,e,n,a;return{c(){s=o("div"),e=o("div"),n=o("p"),a=c("这里有你最喜欢的体育趣闻"),this.h()},l(t){s=i(t,"DIV",{class:!0});var o=$(s);e=i(o,"DIV",{class:!0});var c=$(e);n=i(c,"P",{});var l=$(n);a=m(l,"这里有你最喜欢的体育趣闻"),l.forEach(f),c.forEach(f),o.forEach(f),this.h()},h(){p(e,"class","content"),p(s,"class","notification svelte-112ld36")},m(t,o){d(t,s,o),v(s,e),v(e,n),v(n,a)},d(t){t&&f(s)}}}function k(t){let s,e,o;const c=new C({props:{title:"Click Me!",name:"1",$$slots:{default:[j]},$$scope:{ctx:t}}}),i=new C({props:{title:"娱乐新闻",name:"2",$$slots:{default:[y]},$$scope:{ctx:t}}}),$=new C({props:{title:"体育新闻",name:"3",$$slots:{default:[b]},$$scope:{ctx:t}}});return{c(){n(c.$$.fragment),s=a(),n(i.$$.fragment),e=a(),n($.$$.fragment)},l(t){l(c.$$.fragment,t),s=r(t),l(i.$$.fragment,t),e=r(t),l($.$$.fragment,t)},m(t,n){h(c,t,n),d(t,s,n),h(i,t,n),d(t,e,n),h($,t,n),o=!0},p(t,s){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),c.$set(e);const n={};2&s&&(n.$$scope={dirty:s,ctx:t}),i.$set(n);const a={};2&s&&(a.$$scope={dirty:s,ctx:t}),$.$set(a)},i(t){o||(u(c.$$.fragment,t),u(i.$$.fragment,t),u($.$$.fragment,t),o=!0)},o(t){g(c.$$.fragment,t),g(i.$$.fragment,t),g($.$$.fragment,t),o=!1},d(t){I(c,t),t&&f(s),I(i,t),t&&f(e),I($,t)}}}function P(t){let s,e;const a=new x({props:{activeNames:B,$$slots:{default:[k]},$$scope:{ctx:t}}});return a.$on("change",J),{c(){s=o("div"),n(a.$$.fragment),this.h()},l(t){s=i(t,"DIV",{slot:!0});var e=$(s);l(a.$$.fragment,e),e.forEach(f),this.h()},h(){p(s,"slot","preview")},m(t,n){d(t,s,n),h(a,s,null),e=!0},p(t,s){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),a.$set(e)},i(t){e||(u(a.$$.fragment,t),e=!0)},o(t){g(a.$$.fragment,t),e=!1},d(t){t&&f(s),I(a)}}}function L(t){let s,e,n,l,h,u,g;return{c(){s=o("div"),e=o("div"),n=o("h3"),l=c("Subtitle"),h=a(),u=o("p"),g=c("Lorem ipsum dolor..."),this.h()},l(t){s=i(t,"DIV",{class:!0});var a=$(s);e=i(a,"DIV",{class:!0});var o=$(e);n=i(o,"H3",{});var c=$(n);l=m(c,"Subtitle"),c.forEach(f),h=r(o),u=i(o,"P",{});var p=$(u);g=m(p,"Lorem ipsum dolor..."),p.forEach(f),o.forEach(f),a.forEach(f),this.h()},h(){p(e,"class","content"),p(s,"class","notification svelte-112ld36")},m(t,a){d(t,s,a),v(s,e),v(e,n),v(n,l),v(e,h),v(e,u),v(u,g)},d(t){t&&f(s)}}}function S(t){let s,e,n,a;return{c(){s=o("div"),e=o("div"),n=o("p"),a=c("我最喜欢的颜色"),this.h()},l(t){s=i(t,"DIV",{class:!0});var o=$(s);e=i(o,"DIV",{class:!0});var c=$(e);n=i(c,"P",{});var l=$(n);a=m(l,"我最喜欢的颜色"),l.forEach(f),c.forEach(f),o.forEach(f),this.h()},h(){p(e,"class","content"),p(s,"class","notification svelte-112ld36")},m(t,o){d(t,s,o),v(s,e),v(e,n),v(n,a)},d(t){t&&f(s)}}}function N(t){let s,e;const o=new C({props:{title:"目录一",name:"1",$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new C({props:{title:"目录二",name:"2",$$slots:{default:[S]},$$scope:{ctx:t}}});return{c(){n(o.$$.fragment),s=a(),n(c.$$.fragment)},l(t){l(o.$$.fragment,t),s=r(t),l(c.$$.fragment,t)},m(t,n){h(o,t,n),d(t,s,n),h(c,t,n),e=!0},p(t,s){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),o.$set(e);const n={};2&s&&(n.$$scope={dirty:s,ctx:t}),c.$set(n)},i(t){e||(u(o.$$.fragment,t),u(c.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),g(c.$$.fragment,t),e=!1},d(t){I(o,t),t&&f(s),I(c,t)}}}function H(t){let s,e;const a=new x({props:{accordion:!0,activeNames:"1",$$slots:{default:[N]},$$scope:{ctx:t}}});return{c(){s=o("div"),n(a.$$.fragment),this.h()},l(t){s=i(t,"DIV",{slot:!0});var e=$(s);l(a.$$.fragment,e),e.forEach(f),this.h()},h(){p(s,"slot","preview")},m(t,n){d(t,s,n),h(a,s,null),e=!0},p(t,s){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),a.$set(e)},i(t){e||(u(a.$$.fragment,t),e=!0)},o(t){g(a.$$.fragment,t),e=!1},d(t){t&&f(s),I(a)}}}function M(t){let s,e,n;return{c(){s=o("div"),e=c("我是自定义面板!\n "),n=o("i"),this.h()},l(t){s=i(t,"DIV",{slot:!0});var a=$(s);e=m(a,"我是自定义面板!\n "),n=i(a,"I",{class:!0}),$(n).forEach(f),a.forEach(f),this.h()},h(){p(n,"class","fa fa-check"),p(s,"slot","title")},m(t,a){d(t,s,a),v(s,e),v(s,n)},d(t){t&&f(s)}}}function R(t){let s,e,n,l,h,u,g,I;return{c(){s=a(),e=o("div"),n=o("div"),l=o("h3"),h=c("Subtitle"),u=a(),g=o("p"),I=c("Lorem ipsum dolor..."),this.h()},l(t){s=r(t),e=i(t,"DIV",{class:!0});var a=$(e);n=i(a,"DIV",{class:!0});var o=$(n);l=i(o,"H3",{});var c=$(l);h=m(c,"Subtitle"),c.forEach(f),u=r(o),g=i(o,"P",{});var p=$(g);I=m(p,"Lorem ipsum dolor..."),p.forEach(f),o.forEach(f),a.forEach(f),this.h()},h(){p(n,"class","content"),p(e,"class","notification svelte-112ld36")},m(t,a){d(t,s,a),d(t,e,a),v(e,n),v(n,l),v(l,h),v(n,u),v(n,g),v(g,I)},p:E,d(t){t&&f(s),t&&f(e)}}}function A(t){let s,e,n,a;return{c(){s=o("div"),e=o("div"),n=o("p"),a=c("我最喜欢的颜色"),this.h()},l(t){s=i(t,"DIV",{class:!0});var o=$(s);e=i(o,"DIV",{class:!0});var c=$(e);n=i(c,"P",{});var l=$(n);a=m(l,"我最喜欢的颜色"),l.forEach(f),c.forEach(f),o.forEach(f),this.h()},h(){p(e,"class","content"),p(s,"class","notification svelte-112ld36")},m(t,o){d(t,s,o),v(s,e),v(e,n),v(n,a)},d(t){t&&f(s)}}}function F(t){let s,e;const o=new C({props:{name:"1",$$slots:{default:[R],title:[M]},$$scope:{ctx:t}}}),c=new C({props:{title:"我是标题面板",name:"2",$$slots:{default:[A]},$$scope:{ctx:t}}});return{c(){n(o.$$.fragment),s=a(),n(c.$$.fragment)},l(t){l(o.$$.fragment,t),s=r(t),l(c.$$.fragment,t)},m(t,n){h(o,t,n),d(t,s,n),h(c,t,n),e=!0},p(t,s){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),o.$set(e);const n={};2&s&&(n.$$scope={dirty:s,ctx:t}),c.$set(n)},i(t){e||(u(o.$$.fragment,t),u(c.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),g(c.$$.fragment,t),e=!1},d(t){I(o,t),t&&f(s),I(c,t)}}}function G(t){let s,e;const a=new x({props:{$$slots:{default:[F]},$$scope:{ctx:t}}});return{c(){s=o("div"),n(a.$$.fragment),this.h()},l(t){s=i(t,"DIV",{slot:!0});var e=$(s);l(a.$$.fragment,e),e.forEach(f),this.h()},h(){p(s,"slot","preview")},m(t,n){d(t,s,n),h(a,s,null),e=!0},p(t,s){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),a.$set(e)},i(t){e||(u(a.$$.fragment,t),e=!0)},o(t){g(a.$$.fragment,t),e=!1},d(t){t&&f(s),I(a)}}}function q(t){let s,e,E,x,C,j,y,b,k,L,S,N,M,R,A,F,q,z;const B=new w({props:{title:"Collapse",subtitle:"可折叠元素"}}),J=new D({props:{code:'<script>\n import { Collapse, CollapseItem } from \'svelma-pro\'\n\n let activeNames = [\'1\', \'2\'];\n\n function change(e) {\n console.log(e.detail)\n }\n<\/script>\n\n<Collapse activeNames={activeNames} on:change={change}>\n <CollapseItem title="Click Me!" name=\'1\'>\n <div class="notification">\n <div class="content">\n <h3>Subtitle</h3>\n <p>Lorem ipsum dolor...</p>\n </div>\n </div>\n </CollapseItem>\n <CollapseItem title="娱乐新闻" name=\'2\'>\n <div class="notification"> \n <div class="content">\n <p>娱乐八卦天天有</p>\n </div>\n </div>\n </CollapseItem>\n <CollapseItem title="体育新闻" name=\'3\'>\n <div class="notification"> \n <div class="content">\n <p>这里有你最喜欢的体育趣闻</p>\n </div>\n </div>\n </CollapseItem>\n</Collapse>',$$slots:{preview:[P]},$$scope:{ctx:t}}}),K=new D({props:{code:'<script>\n import { Collapse, CollapseItem } from \'svelma-pro\'\n\n let accordion = true;\n\n function change(e) {\n console.log(e.detail)\n }\n<\/script>\n\n<Collapse accordion activeNames=\'1\' on:change={change}>\n <CollapseItem active="{true}" title="目录一" name="1">\n <div class="notification">\n <div class="content">\n <h3>Subtitle</h3>\n <p>Lorem ipsum dolor...</p>\n </div>\n </div>\n </CollapseItem>\n <CollapseItem title="目录二" name="3">\n <div class="notification">\n <div class="content">\n <p>我最喜欢的颜色</p>\n </div>\n </div>\n </CollapseItem>\n</Collapse>',$$slots:{preview:[H]},$$scope:{ctx:t}}}),O=new D({props:{code:'<script>\n import { Collapse, CollapseItem } from \'svelma-pro\'\n\n<\/script>\n\n<Collapse>\n <CollapseItem name="1">\n <div slot="title">\n 我是自定义面板!\n <i class="fa fa-check"></i>\n </div>\n <div class="notification">\n <div class="content">\n <h3>Subtitle</h3>\n <p>Lorem ipsum dolor...</p>\n </div>\n </div>\n </CollapseItem>\n <CollapseItem title="我是标题面板" name="2">\n <div class="notification">\n <div class="content">\n <p>我最喜欢的颜色</p>\n </div>\n </div>\n </CollapseItem>\n</Collapse>',$$slots:{preview:[G]},$$scope:{ctx:t}}}),Q=new V({props:{jsdoc:t[0],showEvent:"true"}});return{c(){n(B.$$.fragment),s=a(),e=o("p"),E=c("基础用法"),x=a(),n(J.$$.fragment),C=a(),j=o("hr"),y=a(),b=o("p"),k=c("手风琴模式"),L=a(),n(K.$$.fragment),S=a(),N=o("hr"),M=a(),R=o("p"),A=c("自定义面板标题"),F=a(),n(O.$$.fragment),q=a(),n(Q.$$.fragment),this.h()},l(t){l(B.$$.fragment,t),s=r(t),e=i(t,"P",{class:!0});var n=$(e);E=m(n,"基础用法"),n.forEach(f),x=r(t),l(J.$$.fragment,t),C=r(t),j=i(t,"HR",{class:!0}),y=r(t),b=i(t,"P",{class:!0});var a=$(b);k=m(a,"手风琴模式"),a.forEach(f),L=r(t),l(K.$$.fragment,t),S=r(t),N=i(t,"HR",{class:!0}),M=r(t),R=i(t,"P",{class:!0});var o=$(R);A=m(o,"自定义面板标题"),o.forEach(f),F=r(t),l(O.$$.fragment,t),q=r(t),l(Q.$$.fragment,t),this.h()},h(){p(e,"class","title is-4"),p(j,"class","is-medium"),p(b,"class","title is-4"),p(N,"class","is-medium"),p(R,"class","title is-4")},m(t,n){h(B,t,n),d(t,s,n),d(t,e,n),v(e,E),d(t,x,n),h(J,t,n),d(t,C,n),d(t,j,n),d(t,y,n),d(t,b,n),v(b,k),d(t,L,n),h(K,t,n),d(t,S,n),d(t,N,n),d(t,M,n),d(t,R,n),v(R,A),d(t,F,n),h(O,t,n),d(t,q,n),h(Q,t,n),z=!0},p(t,[s]){const e={};2&s&&(e.$$scope={dirty:s,ctx:t}),J.$set(e);const n={};2&s&&(n.$$scope={dirty:s,ctx:t}),K.$set(n);const a={};2&s&&(a.$$scope={dirty:s,ctx:t}),O.$set(a);const o={};1&s&&(o.jsdoc=t[0]),Q.$set(o)},i(t){z||(u(B.$$.fragment,t),u(J.$$.fragment,t),u(K.$$.fragment,t),u(O.$$.fragment,t),u(Q.$$.fragment,t),z=!0)},o(t){g(B.$$.fragment,t),g(J.$$.fragment,t),g(K.$$.fragment,t),g(O.$$.fragment,t),g(Q.$$.fragment,t),z=!1},d(t){I(B,t),t&&f(s),t&&f(e),t&&f(x),I(J,t),t&&f(C),t&&f(j),t&&f(y),t&&f(b),t&&f(L),I(K,t),t&&f(S),t&&f(N),t&&f(M),t&&f(R),t&&f(F),I(O,t),t&&f(q),I(Q,t)}}}async function z(){const t=await this.fetch("components/collapse.json");return{jsdoc:await t.json()}}let B="1";function J(t){console.log(t.detail)}function K(t,s,e){let{jsdoc:n}=s;return t.$set=(t=>{"jsdoc"in t&&e(0,n=t.jsdoc)}),[n]}export default class extends t{constructor(t){super(),s(this,t,K,q,e,{jsdoc:0})}}export{z as preload};
|
|
//# sourceMappingURL=collapse.8816a02c.js.map
|