1 line
25 KiB
JavaScript
1 line
25 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{1462:function(t,s,a){"use strict";a.r(s);var e=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-switch defaultChecked="" @change="onChange"/>\n </div>\n',script:"\n export default {\n data() {\n return {};\n },\n methods: {\n onChange(checked) {\n console.log(`a-switch to ${checked}`);\n },\n },\n };\n",style:null,us:"\n#### basic Usage\nThe most basic usage.\n",cn:"\n#### 基本用法\n最简单的用法。\n",sourceCode:'<template>\n <div>\n <a-switch defaultChecked @change="onChange" />\n </div>\n</template>\n<script>\n export default {\n data() {\n return {};\n },\n methods: {\n onChange(checked) {\n console.log(`a-switch to ${checked}`);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-switch",{attrs:{defaultChecked:""},on:{change:t.onChange}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本用法"}},[t._v("基本用法 "),a("a",{staticClass:"anchor",attrs:{href:"#基本用法"}},[t._v("#")])]),t._v(" "),a("p",[t._v("最简单的用法。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"basic-Usage"}},[t._v("basic Usage "),a("a",{staticClass:"anchor",attrs:{href:"#basic-Usage"}},[t._v("#")])]),t._v(" "),a("p",[t._v("The most basic usage.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {};\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onChange(checked) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("`a-switch to "),a("span",{staticClass:"hljs-subst"},[t._v("${checked}")]),t._v("`")]),t._v(");\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};e._withStripped=!0;var n={data:function(){return{}},methods:{onChange:function(t){console.log("a-switch to "+t)}}},l=a(31),v=Object(l.a)(n,e,[],!1,null,null,null);v.options.__file="components/switch/demo/basic.md";var _=v.exports,i=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-switch defaultChecked="" :disabled="disabled" style="margin-bottom:5px"/>\n <br/>\n <a-button type="primary" @click="onToggle">Toggle disabled</a-button>\n </div>\n',script:"\n export default {\n data() {\n return {\n disabled: true,\n };\n },\n methods: {\n onToggle() {\n this.disabled = !this.disabled;\n },\n },\n };\n",style:null,us:"\n#### Disabled\nDisabled state of `Switch`.\n",cn:"\n#### 不可用\nSwitch 失效状态。\n",sourceCode:'<template>\n <div>\n <a-switch defaultChecked :disabled="disabled" style="margin-bottom:5px" />\n <br />\n <a-button type="primary" @click="onToggle">Toggle disabled</a-button>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n disabled: true,\n };\n },\n methods: {\n onToggle() {\n this.disabled = !this.disabled;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-switch",{staticStyle:{"margin-bottom":"5px"},attrs:{defaultChecked:"",disabled:t.disabled}}),t._v(" "),a("br"),t._v(" "),a("a-button",{attrs:{type:"primary"},on:{click:t.onToggle}},[t._v("Toggle disabled")])],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"不可用"}},[t._v("不可用 "),a("a",{staticClass:"anchor",attrs:{href:"#不可用"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Switch 失效状态。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Disabled"}},[t._v("Disabled "),a("a",{staticClass:"anchor",attrs:{href:"#Disabled"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Disabled state of "),a("code",[t._v("Switch")]),t._v(".")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":disabled")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"disabled"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-bottom:5px"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"primary"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@click")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onToggle"')]),t._v(">")]),t._v("Toggle disabled"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("disabled")]),t._v(": "),a("span",{staticClass:"hljs-literal"},[t._v("true")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onToggle() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".disabled = !"),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".disabled;\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};i._withStripped=!0;var c={data:function(){return{disabled:!0}},methods:{onToggle:function(){this.disabled=!this.disabled}}},d=Object(l.a)(c,i,[],!1,null,null,null);d.options.__file="components/switch/demo/disabled.md";var h=d.exports,r=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-switch checkedChildren="开" unCheckedChildren="关" defaultChecked=""/>\n <br/>\n <a-switch checkedChildren="1" unCheckedChildren="0"/>\n <br/>\n <a-switch defaultChecked="">\n <a-icon type="check" slot="checkedChildren"/>\n <a-icon type="close" slot="unCheckedChildren"/>\n </a-switch>\n </div>\n',script:null,style:null,us:"\n#### Text & icon\nWith text and icon.\n",cn:"\n#### 文字和图标\n带有文字和图标。\n",sourceCode:'<template>\n <div>\n <a-switch checkedChildren="开" unCheckedChildren="关" defaultChecked />\n <br />\n <a-switch checkedChildren="1" unCheckedChildren="0" />\n <br />\n <a-switch defaultChecked>\n <a-icon type="check" slot="checkedChildren" />\n <a-icon type="close" slot="unCheckedChildren" />\n </a-switch>\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-switch",{attrs:{checkedChildren:"开",unCheckedChildren:"关",defaultChecked:""}}),t._v(" "),a("br"),t._v(" "),a("a-switch",{attrs:{checkedChildren:"1",unCheckedChildren:"0"}}),t._v(" "),a("br"),t._v(" "),a("a-switch",{attrs:{defaultChecked:""}},[a("a-icon",{attrs:{slot:"checkedChildren",type:"check"},slot:"checkedChildren"}),t._v(" "),a("a-icon",{attrs:{slot:"unCheckedChildren",type:"close"},slot:"unCheckedChildren"})],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"文字和图标"}},[t._v("文字和图标 "),a("a",{staticClass:"anchor",attrs:{href:"#文字和图标"}},[t._v("#")])]),t._v(" "),a("p",[t._v("带有文字和图标。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Text-&-icon"}},[t._v("Text & icon "),a("a",{staticClass:"anchor",attrs:{href:"#Text-&-icon"}},[t._v("#")])]),t._v(" "),a("p",[t._v("With text and icon.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("checkedChildren")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"开"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("unCheckedChildren")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"关"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("checkedChildren")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("unCheckedChildren")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"0"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"check"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"checkedChildren"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"close"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"unCheckedChildren"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};r._withStripped=!0;var o=Object(l.a)({},r,[],!1,null,null,null);o.options.__file="components/switch/demo/text.md";var p=o.exports,C=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-switch defaultChecked=""/>\n <br/>\n <a-switch size="small" defaultChecked=""/>\n </div>\n',script:null,style:null,us:'\n#### Two sizes\n`size="small"` represents a small sized switch.\n',cn:'\n#### 两种大小\n`size="small"` 表示小号开关。\n',sourceCode:'<template>\n <div>\n <a-switch defaultChecked />\n <br />\n <a-switch size="small" defaultChecked />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-switch",{attrs:{defaultChecked:""}}),t._v(" "),a("br"),t._v(" "),a("a-switch",{attrs:{size:"small",defaultChecked:""}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"两种大小"}},[t._v("两种大小 "),a("a",{staticClass:"anchor",attrs:{href:"#两种大小"}},[t._v("#")])]),t._v(" "),a("p",[a("code",[t._v('size="small"')]),t._v(" 表示小号开关。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Two-sizes"}},[t._v("Two sizes "),a("a",{staticClass:"anchor",attrs:{href:"#Two-sizes"}},[t._v("#")])]),t._v(" "),a("p",[a("code",[t._v('size="small"')]),t._v(" represents a small sized switch.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};C._withStripped=!0;var m=Object(l.a)({},C,[],!1,null,null,null);m.options.__file="components/switch/demo/size.md";var u=m.exports,g=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-switch loading="" defaultChecked=""/>\n <br/>\n <a-switch size="small" loading=""/>\n </div>\n',script:null,style:null,us:"\n#### Loading\nMark a pending state of switch.\n",cn:"\n#### 加载中\n标识开关操作仍在执行中。\n",sourceCode:'<template>\n <div>\n <a-switch loading defaultChecked />\n <br />\n <a-switch size="small" loading />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-switch",{attrs:{loading:"",defaultChecked:""}}),t._v(" "),a("br"),t._v(" "),a("a-switch",{attrs:{size:"small",loading:""}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"加载中"}},[t._v("加载中 "),a("a",{staticClass:"anchor",attrs:{href:"#加载中"}},[t._v("#")])]),t._v(" "),a("p",[t._v("标识开关操作仍在执行中。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Loading"}},[t._v("Loading "),a("a",{staticClass:"anchor",attrs:{href:"#Loading"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Mark a pending state of switch.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("loading")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultChecked")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-switch")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("loading")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};g._withStripped=!0;var j=Object(l.a)({},g,[],!1,null,null,null);j.options.__file="components/switch/demo/loading.md";var b=j.exports,f=function(){var t=this.$createElement;this._self._c;return this._m(0)};f._withStripped=!0;var w=Object(l.a)({},f,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("autoFocus")]),t._v(" "),a("td",[t._v("组件自动获取焦点")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("checked(v-model)")]),t._v(" "),a("td",[t._v("指定当前是否选中")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("checkedChildren")]),t._v(" "),a("td",[t._v("选中时的内容")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("defaultChecked")]),t._v(" "),a("td",[t._v("初始是否选中")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("loading")]),t._v(" "),a("td",[t._v("加载中的开关")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("开关大小，可选值："),a("code",{pre:!0},[t._v("default")]),t._v(" "),a("code",{pre:!0},[t._v("small")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("default")])]),t._v(" "),a("tr",[a("td",[t._v("unCheckedChildren")]),t._v(" "),a("td",[t._v("非选中时的内容")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"事件"}},[t._v("事件 "),a("a",{staticClass:"anchor",attrs:{href:"#事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("变化时回调函数")]),t._v(" "),a("td",[t._v("Function(checked:Boolean, event: Event)")])]),t._v(" "),a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("点击时回调函数")]),t._v(" "),a("td",[t._v("Function(checked: boolean, event: Event)")])])])]),t._v(" "),a("h2",{attrs:{id:"方法"}},[t._v("方法 "),a("a",{staticClass:"anchor",attrs:{href:"#方法"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("名称")]),t._v(" "),a("th",[t._v("描述")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("blur()")]),t._v(" "),a("td",[t._v("移除焦点")])]),t._v(" "),a("tr",[a("td",[t._v("focus()")]),t._v(" "),a("td",[t._v("获取焦点")])])])])])}],!1,null,null,null);w.options.__file="components/switch/index.zh-CN.md";var k=w.exports,y=function(){var t=this.$createElement;this._self._c;return this._m(0)};y._withStripped=!0;var x=Object(l.a)({},y,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("autoFocus")]),t._v(" "),a("td",[t._v("get focus when component mounted")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("checked(v-model)")]),t._v(" "),a("td",[t._v("determine whether the "),a("code",{pre:!0},[t._v("Switch")]),t._v(" is checked")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("checkedChildren")]),t._v(" "),a("td",[t._v("content to be shown when the state is checked")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("defaultChecked")]),t._v(" "),a("td",[t._v("to set the initial state")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("Disable switch")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("loading")]),t._v(" "),a("td",[t._v("loading state of switch")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("the size of the "),a("code",{pre:!0},[t._v("Switch")]),t._v(", options: "),a("code",{pre:!0},[t._v("default")]),t._v(" "),a("code",{pre:!0},[t._v("small")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("default")])]),t._v(" "),a("tr",[a("td",[t._v("unCheckedChildren")]),t._v(" "),a("td",[t._v("content to be shown when the state is unchecked")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"Events"}},[t._v("Events "),a("a",{staticClass:"anchor",attrs:{href:"#Events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("trigger when the checked state is changing")]),t._v(" "),a("td",[t._v("Function(checked: boolean, event: Event)")])]),t._v(" "),a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("trigger when clicked")]),t._v(" "),a("td",[t._v("Function(checked: boolean, event: Event)")])])])]),t._v(" "),a("h2",{attrs:{id:"Methods"}},[t._v("Methods "),a("a",{staticClass:"anchor",attrs:{href:"#Methods"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("blur()")]),t._v(" "),a("td",[t._v("remove focus")])]),t._v(" "),a("tr",[a("td",[t._v("focus()")]),t._v(" "),a("td",[t._v("get focus")])])])])])}],!1,null,null,null);x.options.__file="components/switch/index.en-US.md";var T=x.exports,z="# Switch 开关\n\n 开关选择器。\n\n ## 何时使用\n\n - 需要表示开关状态/两种状态之间的切换时；\n - 和 `checkbox`的区别是，切换 `switch` 会直接触发状态改变，而 `checkbox` 一般用于状态标记，需要和提交操作配合。\n\n ## 代码演示",S="# Switch\n\n Switching Selector.\n\n ## When To Use\n\n - If you need to represent the switching between two states or on-off state.\n - The difference between `Switch` and `Checkbox` is that `Switch` will trigger a state change directly when you toggle it, while `Checkbox` is generally used for state marking, which should work in conjunction with submit operation.\n ## Examples ",E={category:"Components",subtitle:"开关",type:"Data Entry",title:"Switch",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:z,us:S}}),t(_),t("br"),t(h),t("br"),t(p),t("br"),t(u),t("br"),t(b),t("br"),t("api",[t("template",{slot:"cn"},[t(k)]),t(T)])])}},D=Object(l.a)(E,void 0,void 0,!1,null,null,null);D.options.__file="components/switch/demo/index.vue";s.default=D.exports}}]); |