[{"data":1,"prerenderedAt":304},["ShallowReactive",2],{"docs-\u002Fflat":3},{"doc":4,"all":288},{"id":5,"title":6,"body":7,"description":279,"extension":280,"kicker":281,"meta":282,"navigation":283,"path":284,"seo":285,"stem":286,"__hash__":287},"docs\u002Fdocs\u002F4.flat.md","flat",{"type":8,"value":9,"toc":269},"minimark",[10,14,76,83,88,91,95,109,111,115,119,185,188,258,262,265],[11,12,13],"p",{},"分段按钮上有一块滑块。开关是轨道加旋钮，旁边放当前状态的词。",[15,16,21],"pre",{"className":17,"code":18,"language":19,"meta":20,"style":20},"language-ts shiki shiki-themes vitesse-light vitesse-dark","import '@froq\u002Fui\u002Fflat\u002Fstyle.css'\nimport { Choice, Toggle } from '@froq\u002Fui\u002Fflat'\n","ts","",[22,23,24,44],"code",{"__ignoreMap":20},[25,26,29,33,37,41],"span",{"class":27,"line":28},"line",1,[25,30,32],{"class":31},"sTPum","import",[25,34,36],{"class":35},"scnC2"," '",[25,38,40],{"class":39},"spP0B","@froq\u002Fui\u002Fflat\u002Fstyle.css",[25,42,43],{"class":35},"'\n",[25,45,47,49,53,57,60,63,66,69,71,74],{"class":27,"line":46},2,[25,48,32],{"class":31},[25,50,52],{"class":51},"si6no"," {",[25,54,56],{"class":55},"s9nN2"," Choice",[25,58,59],{"class":51},",",[25,61,62],{"class":55}," Toggle",[25,64,65],{"class":51}," }",[25,67,68],{"class":31}," from",[25,70,36],{"class":35},[25,72,73],{"class":39},"@froq\u002Fui\u002Fflat",[25,75,43],{"class":35},[11,77,78,79,82],{},"页面或区块加上 ",[22,80,81],{},"class=\"ui-flat\"","。",[84,85,87],"h2",{"id":86},"choice","Choice",[89,90],"demo",{"name":86,"skin":6},[84,92,94],{"id":93},"toggle","Toggle",[11,96,97,98,101,102,105,106,82],{},"没写 ",[22,99,100],{},"on-label"," \u002F ",[22,103,104],{},"off-label"," 时，旁边的词就是 ",[22,107,108],{},"label",[89,110],{"name":93,"skin":6},[84,112,114],{"id":113},"props","Props",[116,117,87],"h3",{"id":118},"choice-1",[120,121,122,138],"table",{},[123,124,125],"thead",{},[126,127,128,132,135],"tr",{},[129,130,131],"th",{},"Prop",[129,133,134],{},"类型",[129,136,137],{},"说明",[139,140,141,157,172],"tbody",{},[126,142,143,149,154],{},[144,145,146],"td",{},[22,147,148],{},"v-model",[144,150,151],{},[22,152,153],{},"string",[144,155,156],{},"当前值，必填",[126,158,159,164,169],{},[144,160,161],{},[22,162,163],{},"options",[144,165,166],{},[22,167,168],{},"{ value, label }[]",[144,170,171],{},"选项",[126,173,174,178,182],{},[144,175,176],{},[22,177,108],{},[144,179,180],{},[22,181,153],{},[144,183,184],{},"可选。这组选择的名字，读屏用",[116,186,94],{"id":187},"toggle-1",[120,189,190,200],{},[123,191,192],{},[126,193,194,196,198],{},[129,195,131],{},[129,197,134],{},[129,199,137],{},[139,201,202,219,232,245],{},[126,203,204,208,213],{},[144,205,206],{},[22,207,148],{},[144,209,210],{},[22,211,212],{},"boolean",[144,214,215,216],{},"默认 ",[22,217,218],{},"false",[126,220,221,225,229],{},[144,222,223],{},[22,224,108],{},[144,226,227],{},[22,228,153],{},[144,230,231],{},"必填。读屏名称。没写 on\u002Foff 文案时也当作可见文字",[126,233,234,238,242],{},[144,235,236],{},[22,237,100],{},[144,239,240],{},[22,241,153],{},[144,243,244],{},"可选。打开时旁边的词",[126,246,247,251,255],{},[144,248,249],{},[22,250,104],{},[144,252,253],{},[22,254,153],{},[144,256,257],{},"可选。关闭时旁边的词",[84,259,261],{"id":260},"token","Token",[263,264],"token-board",{"skin":6},[266,267,268],"style",{},"html pre.shiki code .sTPum, html code.shiki .sTPum{--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .scnC2, html code.shiki .scnC2{--shiki-default:#B5695977;--shiki-dark:#C98A7D77}html pre.shiki code .spP0B, html code.shiki .spP0B{--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .si6no, html code.shiki .si6no{--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .s9nN2, html code.shiki .s9nN2{--shiki-default:#B07D48;--shiki-dark:#BD976A}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":20,"searchDepth":46,"depth":46,"links":270},[271,272,273,278],{"id":86,"depth":46,"text":87},{"id":93,"depth":46,"text":94},{"id":113,"depth":46,"text":114,"children":274},[275,277],{"id":118,"depth":276,"text":87},3,{"id":187,"depth":276,"text":94},{"id":260,"depth":46,"text":261},"没有比喻。中性色、系统字体、蓝色强调。项目还没有自己的声音时用它。","md","风格",{},true,"\u002Fdocs\u002Fflat",{"title":6,"description":279},"docs\u002F4.flat","Q1ayYdgk6G2742nD1mwYgl0B9tq57IyKKMOWLu4b_p0",[289,292,295,297,300,301],{"path":290,"title":291},"\u002Fdocs","概览",{"path":293,"title":294},"\u002Fdocs\u002Finstall","安装",{"path":296,"title":261},"\u002Fdocs\u002Ftokens",{"path":298,"title":299},"\u002Fdocs\u002Fpaper","paper",{"path":284,"title":6},{"path":302,"title":303},"\u002Fdocs\u002Fterm","term",1790678285133]