svelma-pro/components/collapse/index.html

85 lines
18 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content=#333333 name=theme-color> <base href=/svelma-pro/ > <link href=global.css rel=stylesheet> <link href=manifest.json rel=manifest> <link href=favicon.ico rel=icon type=image/png> <link href=./all.css rel=stylesheet> <link href=client/main.1916252291.css rel=stylesheet><link href=client/collapse.8816a02c.css rel=stylesheet><link href=client/chunk.f5a3f321.css rel=stylesheet><link href=client/chunk.b01e898f.css rel=stylesheet><link href=client/chunk.fb378401.css rel=stylesheet><link href=client/chunk.94a6e723.css rel=stylesheet> <noscript id=sapper-head-start></noscript><title>svelma-pro</title><meta content=Svelma property=og:site_name><meta content=https://c0bra.github.io/svelma-pro/svelma-pro-logo.png property=og:image><meta content=200 property=og:image:width><meta content=200 property=og:image:height><meta property=og:url><meta content=article property=og:type><meta content="Collapse | Svelma" property=og:title><meta content=可折叠元素 property=og:description><noscript id=sapper-head-end></noscript> </head> <body> <div id=sapper> <nav class="has-shadow is-spaced navbar" id=navbar><div class=container style=height:50px;min-height:50px><div class=navbar-brand><a href=/ class="brand navbar-item svelte-19nr2rz"> svelma-pro </a></div></div></nav> <main><section class="svelte-1ib6y6h docs"><div class="svelte-h7woek sidebar-bg"></div> <aside class="svelte-h7woek sidebar"><p class="svelte-h7woek sidebar-label">Installation</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=install>Start</a></ul> <p class="svelte-h7woek sidebar-label">Bulma Elements</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=bulma/intro>Intro</a></li> <li class=svelte-h7woek><a href=bulma/hero>Hero</a> <li class=svelte-h7woek><a href=bulma/media>Media</a> <li class=svelte-h7woek><a href=bulma/table>Table</a> <li class=svelte-h7woek><a href=bulma/tiles>Tiles</a> </ul> <p class="svelte-h7woek sidebar-label">Svelma Components</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=components/button>Button </a> <li class=svelte-h7woek><a href=components/carousel>Carousel </a> <li class=svelte-h7woek><a href=components/collapse>Collapse </a> <li class=svelte-h7woek><a href=components/colorpicker>ColorPicker <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/datepicker>Datepicker <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/dialog>Dialog </a> <li class=svelte-h7woek><a href=components/district>District <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><p>Form</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=components/field>Field </a> <li class=svelte-h7woek><a href=components/input>Input </a> <li class=svelte-h7woek><a href=components/switch>Switch </a> </li> </ul> <li class=svelte-h7woek><a href=components/icon>Icon </a> <li class=svelte-h7woek><a href=components/layout>Layout <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/message>Message </a> <li class=svelte-h7woek><a href=components/modal>Modal </a> <li class=svelte-h7woek><a href=components/nav>Nav <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/notification>Notification </a> <li class=svelte-h7woek><a href=components/pagination>Pagination </a> <li class=svelte-h7woek><a href=components/progress>Progress </a> <li class=svelte-h7woek><a href=components/select>Select <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/slider>Slider <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/snackbar>Snackbar </a> <li class=svelte-h7woek><a href=components/stable>Stable <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/table>Table </a> <li class=svelte-h7woek><a href=components/tabs>Tabs </a> <li class=svelte-h7woek><a href=components/timepicker>Timepicker <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/tip>Tip <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/toast>Toast </a> </li> </ul></aside> <div class="svelte-1ib6y6h docs-main"> <header class=header><h1 class=title>Collapse</h1> <h2 class=subtitle>可折叠元素</h2></header> <p class="title is-4">基础用法</p> <div class="svelte-150a96u snippet"><form action=https://codesandbox.io/api/v1/sandboxes/define method=POST target=_blank><input name=parameters type=hidden value=N4IgZglgNgpgziAXKOBDAdgEwEYHsAeAdAMa7qQDmhAVnGUqKegC4wsMisC2ADlKqyQg4ANxhRBAX0kAaEBCwwiAC2ZcoHJq3aIQAHlXqAfAB10AAnN68mAJ6mLlq1AUBrM06cRMAXhMglVgAndFQoAFpiODh_D09zIPE_YWZbWDhlGBhmWMdPVJ4YZNZ8ZgB6KJiQOM9lRLBk1WYeOEQysoBXdB5XKlIuMuwOqC5UCujB4dHCLgUSaNz48y4YTAhUZLCoRacyh089F3R3PK9ff0CYELDI6IAmHc9EqGS4VPTM7MenAqL_EvKlW-ljqMAa_iaLTanTgMEIYDIzFQAHd4LgViR0WVnjBULC4GURABWQgAZkIAEZxgStvMqjUnCs1ht_Ftvns4npBrg7A4uYYoEYQLJ5IoiLRNIi2MwhBBeLggsxzABBHg8cxgILo8z-QhlVU8QiicSsfwAbjMZiYb3MqDV5h85nQMGRKrVAApgHEkUEKNlEOZMLhiB0VixCDZbGZJABKC3oMxKHgKpWYMGoYZKu08M3CuQGo1iCQwSUsaVCPRwYhBCA8Zj7cxy5OK8zAcwAYVwUH4LRgMg7XZ7sIAktxzJINVquOYAOTGkaocI8LUzy2OWBZ4jMCBiAByqBWcAd5gA2jOKTP-zO7jOALrxuJgLpbiBkczEZQYP3umAx1sM60uzhKBcAoH9CDTJFoBjOJJDMLkqxrOsHHgztuztWFbRfPcD3gHxgFQbCYH3Q8JzIRAPy_IpgEo9A_UkBs9DQocYFHGBp23ZhYGSdsXGIVxzAAWRgABCfwnVwnxzxnBtLD0NYRHffhomSdBcG3SBiAEV8ExAWSnHknclLxOBki0aV_H0g5lFJIwAGUOmwTjYH5WyGQOHgjAAGQVdjGxaUNAy7BVCFCrlPPcqwygU_SuRizkymYjDWO4Rikt7NiOIgLi_hAQBGLUABTlAAbTQBv1PE0IVikm9YoU4yVP8NSNIgLTtzISydVOOTauIZTTP8cyWEsyK5M8wrAGtFQAzZUASk0psASHNwqsqL4tOOKd0YxLB2SzK0s2jKx2c3LAGV5QAmgNK8rJJnUkZIZQzFJ6kzVPUiBNO0tq9I6pZbrqvqQAGnI9OGqxPMATfjABnE2bAAN5QAAc0AHNVACJrQAQtxOwBi2JKhbItWkRYuitaEvSkdUvgjb0N7IURR4QjXFQP0aDodBS20GVkBACqS10edRnCJQDz4Es5DEII4B0oQKUIAAGcWQDkNMRAAERgQpFHQYgIHgDhui4cIgi6cItiEAA9AAWSlCCJKWQC1bsOh4A3RYpCWKXNy2oGtpcXYoBRInRLgyAlXR9YATjJQhDadwdXb4DoPfQcI1LTLW0SgMQDeNu4yTDq2eDdqPPfnQR_ZJCXSQzl2s8j6PwmCWEghT8WQ_NoWghESIXANovKTzEA00VtNldVhBmbztmQH4Vg3gbotRiEUf4BlOQAAEEUVFE0RWMoERYFe6BWcJNSyaeBFn82hgXA-x5lEVENrZgB9AIZoEwIRnet8xInNjNmFwe-oEf3Rn_VSIr9kTmxlk_HW6o3ioEVIgGWtoOif2_o_OQkDFRCEbopHgjk-INx9MwGBMARBoIgE3cwmDsB8VfuEUB0gaFAA> <div class="slot-wrap svelte-7fflr3"><div class="svelte-150a96u codepen-button">Codesandbox <i class="is-small fa-external-link-alt fas icon"></i></div></div></form> <div class="svelte-150a96u preview"><div slot=preview><div class=smx-collapse><div class=collapse><div class=collapse-trigger name=1><div class="svelte-mdgo9w collapse-trigger-header">Click Me! <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right is-active"></i></div></div> <div class="svelte-mdgo9w collapse-content"><div class="notification svelte-112ld36"><div class=content><h3>Subtitle</h3> <p>Lorem ipsum dolor...</div></div></div></div> <div class=collapse><div class=collapse-trigger name=2><div class="svelte-mdgo9w collapse-trigger-header">娱乐新闻 <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right"></i></div></div> </div> <div class=collapse><div class=collapse-trigger name=3><div class="svelte-mdgo9w collapse-trigger-header">体育新闻 <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right"></i></div></div> </div></div></div></div> <div class="svelte-150a96u code"> <div class="svelte-1ccczge codeview"><figure class="svelte-1ccczge highlight is-expanded"><div class="svelte-1ccczge button-container"><button class="is-small button copy-code is-text">Copy</button></div> <pre class="svelte-1ccczge hidden"><code class="svelte-1ccczge xml"></code></pre> <pre class="svelte-1ccczge hidden"><code>&lt;script>
import { Collapse, CollapseItem } from 'svelma-pro'
let activeNames = ['1', '2'];
function change(e) {
console.log(e.detail)
}
&lt;/script>
&lt;Collapse activeNames={activeNames} on:change={change}>
&lt;CollapseItem title="Click Me!" name='1'>
&lt;div class="notification">
&lt;div class="content">
&lt;h3>Subtitle&lt;/h3>
&lt;p>Lorem ipsum dolor...&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;CollapseItem title="娱乐新闻" name='2'>
&lt;div class="notification">
&lt;div class="content">
&lt;p>娱乐八卦天天有&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;CollapseItem title="体育新闻" name='3'>
&lt;div class="notification">
&lt;div class="content">
&lt;p>这里有你最喜欢的体育趣闻&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;/Collapse></code></pre></figure></div> </div></div> <hr class=is-medium> <p class="title is-4">手风琴模式</p> <div class="svelte-150a96u snippet"><form action=https://codesandbox.io/api/v1/sandboxes/define method=POST target=_blank><input name=parameters type=hidden value=N4IgZglgNgpgziAXKOBDAdgEwEYHsAeAdAMa7qQDmhAVnGUqKegC4wsMisC2ADlKqyQg4ANxhRBAX0kAaEBCwwiAC2ZcoHJq3aIQAHlXqAfAB10AAnN68mAJ6mLlq1AUBrM06cRMAXhMglVgAndFQoAFpiODh_D09zIPE_YWZbWDhlGBhmWMdPVJ4YZNZ8ZgB6KJiQOM9lRLBk1WYeOEQysoBXdB5XKlIuMuwOqC5UCujB4dHCLgUSaNz48y4YTAhUZLCoRacyh089F3R3PK9ff0CYELDI6IAmHc9EqGS4VPTM7MenAqL_EvKlW-ljqMAa_iaLTanTgMEIYDIzFQAHd4LgViR0WVnjBULC4GURABWQgAZkIAEZxgStvMqjUnCs1ht_Ftvns4npBrg7A4uYYoEYQLJ5IoiLRNIi2MwhBBeLggsxzABBHg8cxgILo8z-QhlVU8QiicSsfwAbjMZiYb3MqDV5h85nQMGRKrVAApgHEkUEKNlEOZMLhiB0VixCDZbGZJABKC3oMxKHgKpWYMGoYZKu08M3CuQGo1iCQwSUsaVCPRwYhBCA8Zj7cxy5OK8zAcwAYVwUH4LRgMg7XZ7sIAktxzJINVquOYAOTGkaocI8LUzy2OWBZ4ikIJrMgO8zMIIdGDxuJgLrEZgQPfEZQYP3umAx1sM61duFQXAUR-ENNI6AxnEkhmFyVY1nWDggZ23Z2rCtpbgqu4WKgl4QGIAByqArHAPgzhSM6WGQiC3veRTACR6B-pIDZ6NBQ4wKOMDTihV5iMkwCHsewEgAeEDMLAySAHdugCq-oAAHL-E6WF_CAFL-A2lh6GsIjmMQ_DRMk6C4FekDEAI14JiA8lOIpaEqWpOH-Fo0pyQyBzKKSRgAModNgV78TA_IObZxk8EYAAyCpMY2LShoGXYKoQkVcr53lckpRlxWhNFlHRsEMdwNGpb2jHTm5An-CJgAxchJoQrMkpI2acJnKapeIWSAmnaRAulXmQlVLNVZl1ckVksO1SxWL5gCIRoAAOaADmqgBE1oAIW6ADkZgBOQdFRkKWU8UMolIjJVlI4ZSBKWDmlQoijwKGuKgfo0HQ6CltoMrIA1UlCPOozhEoWF8CWchiEEcD6UIFKEAADIDIByGmIgACIwIUijoMQEDwBw3RcOER7oOEWxCAAegALJShBEiDIBat2HQ8Fj_0UkDFKE8TUCk0udMUAokTolwZASromMAJxkoQ2M04O9N8B0TNo5paYo2iUBiFjuN3GSAskzwDMi8z86CJzJJA6Sit08rwui-EwSwkEsuA3zhM_UEIiRC4WPa5SeYgGm0NprD8MIHd6slro_CsG8ltFqMQh-_AMpyAAAgiioomiKxlAiLCx3QKzhJqWQhwIYeE0MC6Z_7MoimBtbMJ7oBDNAmBCLTpPmJEhMZswuAV1AVe6DX6qRHXyKE2D1ddEu5hvKgiqIGDtodE3LdV3Iw-Ko9EDW-YPAuS4xCWz6zBjzAIgL0vK_YGvdfhH30hn0AA> <div class="slot-wrap svelte-7fflr3"><div class="svelte-150a96u codepen-button">Codesandbox <i class="is-small fa-external-link-alt fas icon"></i></div></div></form> <div class="svelte-150a96u preview"><div slot=preview><div class=smx-collapse><div class=collapse><div class=collapse-trigger name=1><div class="svelte-mdgo9w collapse-trigger-header">目录一 <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right is-active"></i></div></div> <div class="svelte-mdgo9w collapse-content"><div class="notification svelte-112ld36"><div class=content><h3>Subtitle</h3> <p>Lorem ipsum dolor...</div></div></div></div> <div class=collapse><div class=collapse-trigger name=2><div class="svelte-mdgo9w collapse-trigger-header">目录二 <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right"></i></div></div> </div></div></div></div> <div class="svelte-150a96u code"> <div class="svelte-1ccczge codeview"><figure class="svelte-1ccczge highlight is-expanded"><div class="svelte-1ccczge button-container"><button class="is-small button copy-code is-text">Copy</button></div> <pre class="svelte-1ccczge hidden"><code class="svelte-1ccczge xml"></code></pre> <pre class="svelte-1ccczge hidden"><code>&lt;script>
import { Collapse, CollapseItem } from 'svelma-pro'
let accordion = true;
function change(e) {
console.log(e.detail)
}
&lt;/script>
&lt;Collapse accordion activeNames='1' on:change={change}>
&lt;CollapseItem active="{true}" title="目录一" name="1">
&lt;div class="notification">
&lt;div class="content">
&lt;h3>Subtitle&lt;/h3>
&lt;p>Lorem ipsum dolor...&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;CollapseItem title="目录二" name="3">
&lt;div class="notification">
&lt;div class="content">
&lt;p>我最喜欢的颜色&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;/Collapse></code></pre></figure></div> </div></div> <hr class=is-medium> <p class="title is-4">自定义面板标题</p> <div class="svelte-150a96u snippet"><form action=https://codesandbox.io/api/v1/sandboxes/define method=POST target=_blank><input name=parameters type=hidden value=N4IgZglgNgpgziAXKOBDAdgEwEYHsAeAdAMa7qQDmhAVnGUqKegC4wsMisC2ADlKqyQg4ANxhRBAX0kAaEBCwwiAC2ZcoHJq3aIQAHlXqAfAB10AAnN68mAJ6mLlq1AUBrM06cRMAXhMglVgAndFQoAFpiODh_D09zIPE_YWZbWDhlGBhmWMdPVJ4YZNZ8ZgB6KJiQOM9lRLBk1WYeOEQysoBXdB5XKlIuMuwOqC5UCujB4dHCLgUSaNz48y4YTAhUZLCoRacyh089F3R3PK9ff0CYELDI6IAmHc9EqGS4VPTM7MenAqL_EvKlW-ljqMAa_iaLTanTgMEIYDIzFQAHd4LgViR0WVnjBULC4GURABWQgAZkIAEZxgStvMqjUnCs1ht_Ftvns4npBrg7A4uYYoEYQLJ5IoiLRNIi2MwhBBeLggsxzABBHg8cxgILo8z-QhlVU8QiicSsfwAbjMZiYb3MqDV5h85nQMGRKrVAApgHEkUEKNlEOZMLhiB0VixCDZbGZJABKC3oMxKHgKpWYMGoYZKu08M3CuQGo1iCQwSUsaVCPRwYhBCA8Zj7cxy5OK8zAcwAYVwUH4LRgMg7XZ7sIAktxzJINVquOYAOTGkaocI8LUzy3oLlVmt1hxmPSd7t22ENveDw8wUcwaehFbJCn-BuWPRrETmOBQXDMYoQZiwe8MyyAIhGgD0ZoAV4GAFnagCScoARumAP7mACE_5WBA5jEPw0TJGAqAaouxCZMQ7ggEYXIQA-VhlM-pFPhAL6oXicDJOgH4QJAxACBAZB_qcj7PihaH0f4WjSpxSyPsopJGAAyh02DMN-sD8uJiGPjwRgADIKpejYtKGgZdgqhAGVyKmIVyFEMqZ1HHmU-5Due3DHjZZ4XtOsk_n8IDAYA4BaABkZsH-E6qA3v4DyEeZPG0eh_iMbJLFsRxoVcVY4V8ckgksMJIl6CpAGAADmgA5qoARNaACFugA5GYATkFGaRj7kZZ5k1SIVmOb2zl8tZp69kKIo8Kg-GoH6NB0OgpbaDKyAgNeJa6POozhEogV8CWchiEEcDsUNugUoQAAM20gHIaYiAAIjAhSKOgxAQPAHDdFw4RBF04RbEIAB6AAslKEESe0gFq3YdDwL2bRSO0Ut9v1QP9S4QxQCiROiXBkBKujPQAnGShCvWDg6Q3wHQw-g4SMWmd1olAYgve9dxkljf08FDeOw_OgjIySO2kjTEN07j-PhMEsJBBT20Y99q1BCIkQuC9bOUnmIBpqdabnZdCBjUzk0gPwrBvCLRajEImvwDKcgAAIIoqKJoisZQIiwFt0Cs4Salk-sCIb31DAuLtazKIqbrWzAq6AQzQJgQjg_95iRN9GbMLgwdQKHujh-qkSR8i30HWHD3qm8qCKogB22h0sfx6Hci54qQiiy-PDSS4xAiz6zAFzAIhVxAYvmLX2D15H4SZ9Ig9AA> <div class="slot-wrap svelte-7fflr3"><div class="svelte-150a96u codepen-button">Codesandbox <i class="is-small fa-external-link-alt fas icon"></i></div></div></form> <div class="svelte-150a96u preview"><div slot=preview><div class=smx-collapse><div class=collapse><div class=collapse-trigger name=1><div class="svelte-mdgo9w collapse-trigger-header"><div slot=title>我是自定义面板! <i class="fa fa-check"></i></div> <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right"></i></div></div> </div> <div class=collapse><div class=collapse-trigger name=2><div class="svelte-mdgo9w collapse-trigger-header">我是标题面板 <i class="svelte-mdgo9w collapse-icon-arrow fa fa-chevron-right"></i></div></div> </div></div></div></div> <div class="svelte-150a96u code"> <div class="svelte-1ccczge codeview"><figure class="svelte-1ccczge highlight is-expanded"><div class="svelte-1ccczge button-container"><button class="is-small button copy-code is-text">Copy</button></div> <pre class="svelte-1ccczge hidden"><code class="svelte-1ccczge xml"></code></pre> <pre class="svelte-1ccczge hidden"><code>&lt;script>
import { Collapse, CollapseItem } from 'svelma-pro'
&lt;/script>
&lt;Collapse>
&lt;CollapseItem name="1">
&lt;div slot="title">
我是自定义面板!
&lt;i class="fa fa-check">&lt;/i>
&lt;/div>
&lt;div class="notification">
&lt;div class="content">
&lt;h3>Subtitle&lt;/h3>
&lt;p>Lorem ipsum dolor...&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;CollapseItem title="我是标题面板" name="2">
&lt;div class="notification">
&lt;div class="content">
&lt;p>我最喜欢的颜色&lt;/p>
&lt;/div>
&lt;/div>
&lt;/CollapseItem>
&lt;/Collapse></code></pre></figure></div> </div></div> <hr class=is-medium> <section><h2 class="title is-4">API</h2> <div class="svelte-2ae2jn table-wrapper"><table class="is-fullwidth table"><thead><tr><th>Name</th> <th>Description</th> <th>Type</th> <th>Values</th> <th>Default</thead> <tr><td><code>activeNames</code></td> <td>当前激活的面板(如果是手风琴模式绑定值类型需要为string否则为array)</td> <td>string, number</td> <td></td> <td><code>[]</code></td> <tr><td><code>accordion</code></td> <td>是否手风琴模式</td> <td>Boolean</td> <td></td> <td><code>false</code></td> <tr><td><code>name</code></td> <td>组件唯一标识符</td> <td>string, number</td> <td></td> <td><code>随机数</code></td> <tr><td><code>title</code></td> <td>面板标题</td> <td>string</td> <td></td> <td><code>未定义标题</code></td> </table></div></section> <hr class=is-medium> <section><h2 class="title is-4">EVENT</h2> <div class="svelte-2ae2jn table-wrapper"><table class="is-fullwidth table"><thead><tr><th>Name</th> <th>Parameters</th> <th>Description</thead> <tr><td><code>change</code></td> <td>e</td> <td>改变折叠框事件</td> </table></div></section> </div></section></main></div> <script>__SAPPER__={baseUrl:"/svelma-pro",preloaded:[void 0,null,(function(a,b,c){return {jsdoc:[{description:"当前激活的面板(如果是手风琴模式绑定值类型需要为string否则为array)",type:[b,c],defaultvalue:"[]",name:"activeNames",values:a},{description:"是否手风琴模式",type:["Boolean"],defaultvalue:false,name:"accordion",values:a},{description:"组件唯一标识符",type:[b,c],defaultvalue:"随机数",name:"name",values:a},{description:"面板标题",type:[b],defaultvalue:"未定义标题",name:"title",values:a},{isEvent:true,description:"改变折叠框事件",name:"change",values:"e"}]}}("","string","number"))]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/svelma-pro/service-worker.js');var s=document.createElement("script");try{new Function("if(0)import('')")();s.src="/svelma-pro/client/client.3704696d.js";s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/svelma-pro/client/shimport@1.0.1.js";s.setAttribute("data-main","/svelma-pro/client/client.3704696d.js")}document.head.appendChild(s)</script>