(window["webpackJsonpVXETable"]=window["webpackJsonpVXETable"]||[]).push([["module"],{"063d":function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.input")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"textarea"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-textarea",{attrs:{placeholder:"默认尺寸"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}}),a("vxe-textarea",{attrs:{placeholder:"中等尺寸",size:"medium"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}}),a("vxe-textarea",{attrs:{placeholder:"小型尺寸",size:"small"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}}),a("vxe-textarea",{attrs:{placeholder:"超小尺寸",size:"mini"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1),a("p",[a("vxe-textarea",{attrs:{placeholder:"多行文本域"},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}}),a("vxe-textarea",{attrs:{placeholder:"只读的",readonly:""},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}}),a("vxe-textarea",{attrs:{placeholder:"禁用的",disabled:""},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}}),a("vxe-textarea",{attrs:{placeholder:"显示字数统计",maxlength:"100","show-word-count":""},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}}),a("vxe-textarea",{attrs:{placeholder:"自适应文本高度",autosize:{minRows:2,maxRows:4}},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}})],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value1:"",value2:"",value3:"",value4:"",value5:"",value6:"",value7:"",value8:"",value9:"",demoCodes:['\n        <p>\n          <vxe-textarea v-model="value1" placeholder="默认尺寸"></vxe-textarea>\n          <vxe-textarea v-model="value2" placeholder="中等尺寸" size="medium"></vxe-textarea>\n          <vxe-textarea v-model="value3" placeholder="小型尺寸" size="small"></vxe-textarea>\n          <vxe-textarea v-model="value4" placeholder="超小尺寸" size="mini"></vxe-textarea>\n        </p>\n\n        <p>\n          <vxe-textarea v-model="value5" placeholder="多行文本域"></vxe-textarea>\n          <vxe-textarea v-model="value6" placeholder="只读的" readonly></vxe-textarea>\n          <vxe-textarea v-model="value7" placeholder="禁用的" disabled></vxe-textarea>\n          <vxe-textarea v-model="value8" placeholder="显示字数统计" maxlength="100" show-word-count></vxe-textarea>\n          <vxe-textarea v-model="value9" placeholder="自适应文本高度" :autosize="{ minRows: 2, maxRows: 4 }"></vxe-textarea>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              vvalue1: '',\n              value2: '',\n              value3: '',\n              value4: '',\n              value5: '',\n              value6: '',\n              value7: '',\n              value8: '',\n              value9: ''\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},"0edb":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var n=window.document,l=n.createElement("textarea");function o(e){var t=l.style;l.id="$XECopy",t.width="48px",t.height="24px",t.position="fixed",t.zIndex="0",t.left="-500px",t.top="-500px",l.value=null===e||void 0===e?"":""+e,l.parentNode||n.body.appendChild(l)}function s(){return l.focus(),l.select(),l.setSelectionRange(0,l.value.length),n.execCommand("copy")}function v(e){var t=!1;try{o(e),t=s()}catch(a){}return t}v.copy=v;var u=v;t["default"]=u},"15a2":function(e,t,a){},1906:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.button")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"button"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-button",[e._v("默认尺寸")]),a("vxe-button",{attrs:{size:"medium"}},[e._v("中等尺寸")]),a("vxe-button",{attrs:{size:"small"}},[e._v("小型尺寸")]),a("vxe-button",{attrs:{size:"mini"}},[e._v("超小尺寸")])],1),a("p",[a("vxe-button",{attrs:{size:"mini"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("超小下拉按钮")]],2),a("vxe-button",{attrs:{size:"small"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("小型下拉按钮")]],2),a("vxe-button",{attrs:{size:"medium"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("中等下拉按钮")]],2),a("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("默认下拉按钮")]],2)],1),a("p",[a("vxe-button",{attrs:{type:"text"}},[e._v("默认颜色")]),a("vxe-button",{attrs:{type:"text",status:"primary"}},[e._v("主要颜色")]),a("vxe-button",{attrs:{type:"text",status:"success"}},[e._v("成功颜色")]),a("vxe-button",{attrs:{type:"text",status:"info"}},[e._v("信息颜色")]),a("vxe-button",{attrs:{type:"text",status:"warning"}},[e._v("警告颜色")]),a("vxe-button",{attrs:{type:"text",status:"danger"}},[e._v("危险颜色")])],1),a("p",[a("vxe-button",{attrs:{type:"text",disabled:""}},[e._v("默认禁用颜色")]),a("vxe-button",{attrs:{type:"text",status:"primary",disabled:""}},[e._v("主要禁用颜色")]),a("vxe-button",{attrs:{type:"text",status:"success",disabled:""}},[e._v("成功禁用颜色")]),a("vxe-button",{attrs:{type:"text",status:"info",disabled:""}},[e._v("信息禁用颜色")]),a("vxe-button",{attrs:{type:"text",status:"warning",disabled:""}},[e._v("警告禁用颜色")]),a("vxe-button",{attrs:{type:"text",status:"danger",disabled:""}},[e._v("危险禁用颜色")])],1),a("p",[a("vxe-button",{attrs:{type:"text",loading:""}},[e._v("默认颜色")]),a("vxe-button",{attrs:{type:"text",status:"primary",loading:""}},[e._v("主要颜色")]),a("vxe-button",{attrs:{type:"text",status:"success",loading:""}},[e._v("成功颜色")]),a("vxe-button",{attrs:{type:"text",status:"info",loading:""}},[e._v("信息颜色")]),a("vxe-button",{attrs:{type:"text",status:"warning",loading:""}},[e._v("警告颜色")]),a("vxe-button",{attrs:{type:"text",status:"danger",loading:""}},[e._v("危险颜色")])],1),a("p",[a("vxe-button",[e._v("默认颜色")]),a("vxe-button",{attrs:{status:"primary"}},[e._v("主要颜色")]),a("vxe-button",{attrs:{status:"success"}},[e._v("成功颜色")]),a("vxe-button",{attrs:{status:"info"}},[e._v("信息颜色")]),a("vxe-button",{attrs:{status:"warning"}},[e._v("警告颜色")]),a("vxe-button",{attrs:{status:"danger"}},[e._v("危险颜色")])],1),a("p",[a("vxe-button",{attrs:{disabled:""}},[e._v("默认禁用颜色")]),a("vxe-button",{attrs:{status:"primary",disabled:""}},[e._v("主要禁用颜色")]),a("vxe-button",{attrs:{status:"success",disabled:""}},[e._v("成功禁用颜色")]),a("vxe-button",{attrs:{status:"info",disabled:""}},[e._v("信息禁用颜色")]),a("vxe-button",{attrs:{status:"warning",disabled:""}},[e._v("警告禁用颜色")]),a("vxe-button",{attrs:{status:"danger",disabled:""}},[e._v("危险禁用颜色")])],1),a("p",[a("vxe-button",{attrs:{loading:""}},[e._v("默认颜色")]),a("vxe-button",{attrs:{status:"primary",loading:""}},[e._v("主要颜色")]),a("vxe-button",{attrs:{status:"success",loading:""}},[e._v("成功颜色")]),a("vxe-button",{attrs:{status:"info",loading:""}},[e._v("信息颜色")]),a("vxe-button",{attrs:{status:"warning",loading:""}},[e._v("警告颜色")]),a("vxe-button",{attrs:{status:"danger",loading:""}},[e._v("危险颜色")])],1),a("p",[a("vxe-button",{attrs:{transfer:""},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("默认颜色")]],2),a("vxe-button",{attrs:{status:"primary",transfer:""},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("主要颜色")]],2),a("vxe-button",{attrs:{status:"success",transfer:""},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("成功颜色")]],2),a("vxe-button",{attrs:{status:"info",transfer:""},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("信息颜色")]],2),a("vxe-button",{attrs:{status:"warning",transfer:""},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("警告颜色")]],2),a("vxe-button",{attrs:{status:"danger",transfer:""},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("危险颜色")]],2)],1),a("p",[a("vxe-button",{attrs:{icon:"fa fa-plus"}},[e._v("默认图标颜色")]),a("vxe-button",{attrs:{status:"primary",icon:"fa fa-save"}},[e._v("主要图标颜色")]),a("vxe-button",{attrs:{status:"success",icon:"fa fa-check"}},[e._v("成功图标颜色")]),a("vxe-button",{attrs:{status:"info",icon:"fa fa-info"}},[e._v("信息图标颜色")]),a("vxe-button",{attrs:{status:"warning",icon:"fa fa-warning"}},[e._v("警告图标颜色")]),a("vxe-button",{attrs:{status:"danger",icon:"fa fa-trash-o"}},[e._v("危险图标颜色")])],1),a("p",[a("vxe-button",{attrs:{icon:"fa fa-download"}},[e._v("默认图标颜色")]),a("vxe-button",{attrs:{icon:"fa fa-save vxe-primary-color"}},[e._v("主要图标颜色")]),a("vxe-button",{attrs:{icon:"fa fa-check vxe-success-color"}},[e._v("成功图标颜色")]),a("vxe-button",{attrs:{icon:"fa fa-info vxe-info-color"}},[e._v("信息图标颜色")]),a("vxe-button",{attrs:{icon:"fa fa-warning vxe-warning-color"}},[e._v("警告图标颜色")]),a("vxe-button",{attrs:{icon:"fa fa-trash-o vxe-danger-color"}},[e._v("危险图标颜色")])],1),a("p",[a("vxe-button",{attrs:{type:"text",icon:"fa fa-plus"}},[e._v("默认图标颜色")]),a("vxe-button",{attrs:{type:"text",status:"primary",icon:"fa fa-save"}},[e._v("主要图标颜色")]),a("vxe-button",{attrs:{type:"text",status:"success",icon:"fa fa-check"}},[e._v("成功图标颜色")]),a("vxe-button",{attrs:{type:"text",status:"info",icon:"fa fa-info"}},[e._v("信息图标颜色")]),a("vxe-button",{attrs:{type:"text",status:"warning",icon:"fa fa-warning"}},[e._v("警告图标颜色")]),a("vxe-button",{attrs:{type:"text",status:"danger",icon:"fa fa-trash-o"}},[e._v("危险图标颜色")])],1),a("p",[a("vxe-button",{attrs:{type:"text",icon:"fa fa-plus"}}),a("vxe-button",{attrs:{type:"text",icon:"fa fa-refresh"}}),a("vxe-button",{attrs:{status:"primary",icon:"fa fa-download"}},[e._v("图标按钮")]),a("vxe-button",{attrs:{status:"my-purple",icon:"fa fa-save"}},[e._v("自定义按钮颜色")]),a("vxe-button",{attrs:{icon:"fa fa-graduation-cap my-green"}},[e._v("自定义图标颜色")])],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"css"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Spacebar | 按下点击 |\n      | Enter | 点击 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{demoCodes:['\n        <p>\n          <vxe-button>默认尺寸</vxe-button>\n          <vxe-button size="medium">中等尺寸</vxe-button>\n          <vxe-button size="small">小型尺寸</vxe-button>\n          <vxe-button size="mini">超小尺寸</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button size="mini">\n            <template>超小下拉按钮</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button size="small">\n            <template>小型下拉按钮</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button size="medium">\n            <template>中等下拉按钮</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button>\n            <template>默认下拉按钮</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n        </p>\n\n        <p>\n          <vxe-button type="text">默认颜色</vxe-button>\n          <vxe-button type="text" status="primary">主要颜色</vxe-button>\n          <vxe-button type="text" status="success">成功颜色</vxe-button>\n          <vxe-button type="text" status="info">信息颜色</vxe-button>\n          <vxe-button type="text" status="warning">警告颜色</vxe-button>\n          <vxe-button type="text" status="danger">危险颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button type="text" disabled>默认禁用颜色</vxe-button>\n          <vxe-button type="text" status="primary" disabled>主要禁用颜色</vxe-button>\n          <vxe-button type="text" status="success" disabled>成功禁用颜色</vxe-button>\n          <vxe-button type="text" status="info" disabled>信息禁用颜色</vxe-button>\n          <vxe-button type="text" status="warning" disabled>警告禁用颜色</vxe-button>\n          <vxe-button type="text" status="danger" disabled>危险禁用颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button type="text" loading>默认颜色</vxe-button>\n          <vxe-button type="text" status="primary" loading>主要颜色</vxe-button>\n          <vxe-button type="text" status="success" loading>成功颜色</vxe-button>\n          <vxe-button type="text" status="info" loading>信息颜色</vxe-button>\n          <vxe-button type="text" status="warning" loading>警告颜色</vxe-button>\n          <vxe-button type="text" status="danger" loading>危险颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button>默认颜色</vxe-button>\n          <vxe-button status="primary">主要颜色</vxe-button>\n          <vxe-button status="success">成功颜色</vxe-button>\n          <vxe-button status="info">信息颜色</vxe-button>\n          <vxe-button status="warning">警告颜色</vxe-button>\n          <vxe-button status="danger">危险颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button disabled>默认禁用颜色</vxe-button>\n          <vxe-button status="primary" disabled>主要禁用颜色</vxe-button>\n          <vxe-button status="success" disabled>成功禁用颜色</vxe-button>\n          <vxe-button status="info" disabled>信息禁用颜色</vxe-button>\n          <vxe-button status="warning" disabled>警告禁用颜色</vxe-button>\n          <vxe-button status="danger" disabled>危险禁用颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button loading>默认颜色</vxe-button>\n          <vxe-button status="primary" loading>主要颜色</vxe-button>\n          <vxe-button status="success" loading>成功颜色</vxe-button>\n          <vxe-button status="info" loading>信息颜色</vxe-button>\n          <vxe-button status="warning" loading>警告颜色</vxe-button>\n          <vxe-button status="danger" loading>危险颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button transfer>\n            <template>默认颜色</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button status="primary" transfer>\n            <template>主要颜色</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button status="success" transfer>\n            <template>成功颜色</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button status="info" transfer>\n            <template>信息颜色</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button status="warning" transfer>\n            <template>警告颜色</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n          <vxe-button status="danger" transfer>\n            <template>危险颜色</template>\n            <template v-slot:dropdowns>\n              <vxe-button type="text">下拉按钮1</vxe-button>\n              <vxe-button type="text">下拉按钮2</vxe-button>\n              <vxe-button type="text">下拉按钮3</vxe-button>\n            </template>\n          </vxe-button>\n        </p>\n\n        <p>\n          <vxe-button icon="fa fa-plus">默认图标颜色</vxe-button>\n          <vxe-button status="primary" icon="fa fa-save">主要图标颜色</vxe-button>\n          <vxe-button status="success" icon="fa fa-check">成功图标颜色</vxe-button>\n          <vxe-button status="info" icon="fa fa-info">信息图标颜色</vxe-button>\n          <vxe-button status="warning" icon="fa fa-warning">警告图标颜色</vxe-button>\n          <vxe-button status="danger" icon="fa fa-trash-o">危险图标颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button icon="fa fa-download">默认图标颜色</vxe-button>\n          <vxe-button icon="fa fa-save vxe-primary-color">主要图标颜色</vxe-button>\n          <vxe-button icon="fa fa-check vxe-success-color">成功图标颜色</vxe-button>\n          <vxe-button icon="fa fa-info vxe-info-color">信息图标颜色</vxe-button>\n          <vxe-button icon="fa fa-warning vxe-warning-color">警告图标颜色</vxe-button>\n          <vxe-button icon="fa fa-trash-o vxe-danger-color">危险图标颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button type="text" icon="fa fa-plus">默认图标颜色</vxe-button>\n          <vxe-button type="text" status="primary" icon="fa fa-save">主要图标颜色</vxe-button>\n          <vxe-button type="text" status="success" icon="fa fa-check">成功图标颜色</vxe-button>\n          <vxe-button type="text" status="info" icon="fa fa-info">信息图标颜色</vxe-button>\n          <vxe-button type="text" status="warning" icon="fa fa-warning">警告图标颜色</vxe-button>\n          <vxe-button type="text" status="danger" icon="fa fa-trash-o">危险图标颜色</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button type="text" icon="fa fa-plus"></vxe-button>\n          <vxe-button type="text" icon="fa fa-refresh"></vxe-button>\n          <vxe-button status="primary" icon="fa fa-download">图标按钮</vxe-button>\n          <vxe-button status="my-purple" icon="fa fa-save">自定义按钮颜色</vxe-button>\n          <vxe-button icon="fa fa-graduation-cap my-green">自定义图标颜色</vxe-button>\n        </p>\n        ',"\n        .vxe-button.type--button.theme--my-purple,\n        .vxe-button.type--button.theme--my-purple:hover {\n          color: #fff;\n        }\n        .vxe-button.type--button.theme--my-purple {\n          background-color: #800080;\n        }\n        .vxe-button.type--button.theme--my-purple:active {\n          background-color: #a50aa5;\n        }\n        .my-green {\n          color: #008000;\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},u=v,r=(a("457c"),a("2877")),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},"1b04":function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.radio")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"radio"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-radio",{attrs:{name:"n1",label:"1"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("默认尺寸")]),a("vxe-radio",{attrs:{name:"n1",label:"2",size:"medium"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("中等尺寸")]),a("vxe-radio",{attrs:{name:"n1",label:"3",size:"small"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("小型尺寸")]),a("vxe-radio",{attrs:{name:"n1",label:"4",size:"mini"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("超小尺寸")])],1),a("p",[a("vxe-radio",{attrs:{name:"n2",label:"1"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("单选1")]),a("vxe-radio",{attrs:{name:"n2",label:"2",disabled:""},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("禁用2")]),a("vxe-radio",{attrs:{name:"n2",label:"3"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("单选3")])],1),a("p",[a("vxe-radio-group",{model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},[a("vxe-radio",{attrs:{label:"1"}},[e._v("HTML")]),a("vxe-radio",{attrs:{label:"2"}},[e._v("CSS")]),a("vxe-radio",{attrs:{label:"3"}},[e._v("Javascript")]),a("vxe-radio",{attrs:{label:"4"}},[e._v("SASS")]),a("vxe-radio",{attrs:{label:"5"}},[e._v("LESS")])],1)],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Arrow Up ↑ | 如果在分组内则移动到上一个选项 |\n      | Arrow Left ← | 如果在分组内则移动到上一个选项 |\n      | Arrow Down ↓ | 如果在分组内则移动到下一个选项 |\n      | Arrow Right → | 如果在分组内则移动到下一个选项 |\n      | Spacebar | 按下勾选 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value1:"1",value2:"2",value3:"3",demoCodes:['\n        <p>\n          <vxe-radio name="n1" v-model="value1" label="1">默认尺寸</vxe-radio>\n          <vxe-radio name="n1" v-model="value1" label="2" size="medium">中等尺寸</vxe-radio>\n          <vxe-radio name="n1" v-model="value1" label="3" size="small">小型尺寸</vxe-radio>\n          <vxe-radio name="n1" v-model="value1" label="4" size="mini">超小尺寸</vxe-radio>\n        </p>\n\n        <p>\n          <vxe-radio name="n2" v-model="value2" label="1">单选1</vxe-radio>\n          <vxe-radio name="n2" v-model="value2" label="2" disabled>禁用2</vxe-radio>\n          <vxe-radio name="n2" v-model="value2" label="3">单选3</vxe-radio>\n        </p>\n\n        <p>\n          <vxe-radio-group v-model="value3">\n            <vxe-radio label="1">HTML</vxe-radio>\n            <vxe-radio label="2">CSS</vxe-radio>\n            <vxe-radio label="3">Javascript</vxe-radio>\n            <vxe-radio label="4">SASS</vxe-radio>\n            <vxe-radio label="5">LESS</vxe-radio>\n          </vxe-radio-group>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value1: '1',\n              value2: '2'\n              value3: '3'\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},2107:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.modal")))]),a("p",{staticClass:"tip"},[e._v(" 查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"modal"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数"),a("br"),e._v(" 对于某些场景如果需要动态创建的窗口，可以通过以下 API 全局调用"),a("br"),e._v(" ModalController.open(options) 创建窗口"),a("br"),e._v(" ModalController.message(message, title, options) 创建消息框"),a("br"),e._v(" ModalController.alert(message, title, options) 创建提示框"),a("br"),e._v(" ModalController.confirm(message, title, options) 创建确认框"),a("br"),e._v(" ModalController.close(id?: string) 手动关闭动态创建的窗口"),a("br"),e._v(" 还可以自行挂载到 vue 实例中，例如"),a("br"),e._v(" Vue.prototype.$alert = ModalController.alert"),a("br"),e._v(" Vue.prototype.$confirm = ModalController.confirm"),a("br"),e._v(" Vue.prototype.$message = ModalController.message ")],1),a("p",[a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"消息提示"})}}},[e._v("默认消息框")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"info 消息提示",status:"info"})}}},[e._v("info")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"warning 消息提示",status:"warning"})}}},[e._v("warning")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"question 消息提示",status:"question"})}}},[e._v("question")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"success 消息提示",status:"success"})}}},[e._v("success")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"error 消息提示",status:"error"})}}},[e._v("error")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"loading 消息提示",status:"loading"})}}},[e._v("loading")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"iconStatus 自定义图标",status:"success",iconStatus:"fa fa-thumbs-up"})}}},[e._v("自定义图标")]),a("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"不允许重复点击",id:"unique1"})}}},[e._v("不允许重复点击")])],1),a("p",[a("vxe-button",{on:{click:function(t){return e.$XModal.alert("基本提示框","标题1")}}},[e._v("基本提示框")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"info 提示框",status:"info"})}}},[e._v("info")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"warning 提示框",status:"warning"})}}},[e._v("warning")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"question 提示框",status:"question"})}}},[e._v("question")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"success 提示框",status:"success"})}}},[e._v("success")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"error 提示框",title:"app.body.msg.error",status:"error"})}}},[e._v("error")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"loading 提示框",status:"loading"})}}},[e._v("loading")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"iconStatus 自定义图标",status:"error",iconStatus:"fa fa-hand-peace-o"})}}},[e._v("自定义图标")]),a("vxe-button",{on:{click:function(t){return e.$XModal.confirm("您确定要删除吗？")}}},[e._v("确认提示框")])],1),a("p",[a("vxe-button",{on:{click:function(t){e.value1=!e.value1}}},[e._v("默认尺寸")]),a("vxe-modal",{model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[a("div",[e._v("默认尺寸")]),a("div",[e._v("xxxxxxxxx")]),a("div",[e._v("xxxxxxxxxx")])]),a("vxe-button",{attrs:{size:"medium"},on:{click:function(t){e.value2=!e.value2}}},[e._v("中等尺寸")]),a("vxe-modal",{attrs:{size:"medium"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[a("div",[e._v("中等尺寸")]),a("div",[e._v("xxxxxxxxx")]),a("div",[e._v("xxxxxxxxxx")])]),a("vxe-button",{attrs:{size:"small"},on:{click:function(t){e.value3=!e.value3}}},[e._v("小型尺寸")]),a("vxe-modal",{attrs:{size:"small"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},[a("div",[e._v("小型尺寸")]),a("div",[e._v("xxxxxxxxx")]),a("div",[e._v("xxxxxxxxxx")])]),a("vxe-button",{attrs:{size:"mini"},on:{click:function(t){e.value4=!e.value4}}},[e._v("超小尺寸")]),a("vxe-modal",{attrs:{size:"mini"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}},[a("div",[e._v("超小尺寸")]),a("div",[e._v("xxxxxxxxx")]),a("div",[e._v("xxxxxxxxxx")])])],1),a("p",[a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"点击遮罩层可以关闭",maskClosable:!0})}}},[e._v("点击遮罩层可以关闭")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"按 Esc 键可以关闭",escClosable:!0})}}},[e._v("按 Esc 键可以关闭")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"锁界面不要遮罩层",mask:!1})}}},[e._v("锁界面不要遮罩层")]),a("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"不锁界面不要遮罩层（一旦脱离当前实例，需要配合手动关闭）",lockView:!1,mask:!1})}}},[e._v("不锁界面不要遮罩层")])],1),a("p",[a("vxe-button",{on:{click:function(t){e.value5=!e.value5}}},[e._v("基本窗口")]),a("vxe-modal",{attrs:{"lock-scroll":!1,"show-footer":""},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}},[a("vxe-table",{attrs:{"show-overflow":"",height:"auto","sync-resize":e.value5,data:e.tableData}},[a("vxe-table-column",{attrs:{type:"seq",width:"60"}}),a("vxe-table-column",{attrs:{field:"name",title:"app.body.label.name"}}),a("vxe-table-column",{attrs:{field:"sex",title:"app.body.label.sex"}}),a("vxe-table-column",{attrs:{field:"age",title:"app.body.label.age"}})],1)],1),a("vxe-button",{on:{click:function(t){e.value6=!e.value6}}},[e._v("拖动窗口调整大小")]),a("vxe-modal",{attrs:{resize:""},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}},[a("div",{staticStyle:{color:"red"}},[e._v("按住头部移动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住左边距拖动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"red"}},[e._v("按住右边距拖动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住底边距拖动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住左下角拖动 ！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住右下角拖动！！！！！！！！！！！！！！！")])]),a("vxe-button",{on:{click:function(t){e.value7=!e.value7}}},[e._v("记忆功能的窗口")]),a("vxe-modal",{attrs:{title:"记忆功能的窗口",width:"600",height:"400",resize:"",remember:""},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}},[a("vxe-form",{attrs:{data:e.formData3,rules:e.formRules3,"title-align":"right","title-width":"60"}},[a("vxe-form-item",{attrs:{title:"基本信息",span:"24","title-align":"left","title-width":"200px","title-prefix":{icon:"fa fa-address-card-o"}}}),a("vxe-form-item",{attrs:{title:"名称",field:"name",span:"12","item-render":{name:"input",attrs:{placeholder:"请输入名称"}}}}),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname",span:"12","item-render":{name:"input",attrs:{placeholder:"请输入昵称"}}}}),a("vxe-form-item",{attrs:{title:"性别",field:"sex",span:"12","item-render":{name:"$select",options:e.sexList}}}),a("vxe-form-item",{attrs:{title:"年龄",field:"age",span:"12","item-render":{name:"input",attrs:{type:"number",placeholder:"请输入年龄"}}}}),a("vxe-form-item",{attrs:{title:"其他信息",span:"24","title-align":"left","title-width":"200px","title-prefix":{icon:"fa fa-info-circle"}}}),a("vxe-form-item",{attrs:{title:"地址",field:"address",span:"24","item-render":{name:"textarea",attrs:{placeholder:"请输入地址"}}}}),a("vxe-form-item",{attrs:{align:"center",span:"24"}},[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("提交")]),a("vxe-button",{attrs:{type:"reset"}},[e._v("重置")])],1)],1)],1),a("vxe-button",{on:{click:function(t){e.value8=!e.value8}}},[e._v("最大化显示")]),a("vxe-modal",{attrs:{title:"最大化显示",width:"600",height:"400",resize:"",remember:"",fullscreen:""},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}},[[a("div",{staticStyle:{color:"red"}},[e._v("默认最大化显示")]),a("div",{staticStyle:{color:"red"}},[e._v("按住头部移动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住左边距拖动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"red"}},[e._v("按住右边距拖动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住底边距拖动！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住左下角拖动 ！！！！！！！！！！！！！！！")]),a("div",{staticStyle:{color:"blue"}},[e._v("按住右下角拖动！！！！！！！！！！！！！！！")])]],2),a("vxe-button",{on:{click:function(t){e.value9=!e.value9}}},[e._v("缩放表格的窗口")]),a("vxe-modal",{attrs:{title:"缩放表格的窗口",width:"800",height:"400",resize:""},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}},[a("vxe-table",{attrs:{border:"",resizable:"","show-overflow":"","auto-resize":"",height:"auto","sync-resize":e.value9,data:e.tableData}},[a("vxe-table-column",{attrs:{type:"seq",width:"60"}}),a("vxe-table-column",{attrs:{field:"name",title:"app.body.label.name"}}),a("vxe-table-column",{attrs:{field:"sex",title:"app.body.label.sex"}}),a("vxe-table-column",{attrs:{field:"age",title:"app.body.label.age"}})],1)],1),a("vxe-button",{on:{click:function(t){e.value10=!e.value10}}},[e._v("完整功能的窗口（移动、拖动、状态保存）")]),a("vxe-modal",{attrs:{id:"myModal6",width:"800",height:"400","min-width":"460","min-height":"320",resize:"",remember:"",storage:"",transfer:""},scopedSlots:e._u([{key:"title",fn:function(){return[a("span",{staticStyle:{color:"red"}},[e._v("完整功能的窗口（移动、拖动、状态保存）")]),a("span",{staticStyle:{color:"red"}},[e._v("通过设置 transfer 将弹框容器插入 body")])]},proxy:!0}]),model:{value:e.value10,callback:function(t){e.value10=t},expression:"value10"}},[[a("vxe-grid",{attrs:{border:"",resizable:"","show-overflow":"","auto-resize":"",height:"auto","sync-resize":e.value10,"pager-config":e.tablePage,"proxy-config":e.tableProxy,columns:e.tableColumn,toolbar:e.tableToolbar}})]],2)],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Esc | 如果开启配置，则支持关闭窗口 |\n    ")]),e._v("\n  ")])}],o=(a("99af"),a("4160"),a("a630"),a("fb6a"),a("3ca3"),a("159b"),a("628a")),s=a.n(o),v=a("1487"),u=a.n(v),r={data:function(){return{value1:!1,value2:!1,value3:!1,value4:!1,value5:!1,value6:!1,value7:!1,value8:!1,value9:!1,value10:!1,sexList:[{label:"",value:""},{label:"女",value:"0"},{label:"男",value:"1"}],formData3:{name:"",nickname:"",sex:"",age:26,address:null},formRules3:{name:[{required:!0,message:"请输入名称"},{min:3,max:5,message:"长度在 3 到 5 个字符"}],nickname:[{required:!0,message:"请输入昵称"}],sex:[{required:!0,message:"请选择性别"}]},tablePage:{pageSize:10},tableProxy:{props:{result:"result",total:"page.total"},ajax:{query:function(e){var t=e.page;return s.a.get("/api/user/page/list/".concat(t.pageSize,"/").concat(t.currentPage))}}},tableToolbar:{buttons:[{code:"myBtn1",name:"按钮1"},{code:"myBtn2",name:"按钮2"}],refresh:!0,custom:!0},tableColumn:[{type:"checkbox",width:50},{type:"seq",width:60},{field:"name",title:"Name"},{field:"nickname",title:"Nickname"},{field:"role",title:"Role",filters:[{label:"前端",value:"前端"},{label:"后端",value:"后端"}]},{field:"describe",title:"Describe"}],demoCodes:['\n        <p>\n          <vxe-button @click="$XModal.message({ message: \'消息提示\' })">默认消息框</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'info 消息提示\', status: \'info\' })">info</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'warning 消息提示\', status: \'warning\' })">warning</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'question 消息提示\', status: \'question\' })">question</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'success 消息提示\', status: \'success\' })">success</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'error 消息提示\', status: \'error\' })">error</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'loading 消息提示\', status: \'loading\' })">loading</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'iconStatus 自定义图标\', status:\'success\', iconStatus: \'fa fa-thumbs-up\' })">自定义图标</vxe-button>\n          <vxe-button @click="$XModal.message({ message: \'不允许重复点击\', id: \'unique1\' })">不允许重复点击</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button @click="$XModal.alert(\'基本提示框\', \'标题1\')">基本提示框</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'info 提示框\', status: \'info\' })">info</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'warning 提示框\', status: \'warning\' })">warning</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'question 提示框\', status: \'question\' })">question</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'success 提示框\', status: \'success\' })">success</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'error 提示框\', title:\'app.body.msg.error\', status: \'error\' })">error</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'loading 提示框\', status: \'loading\' })">loading</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'iconStatus 自定义图标\', status:\'error\', iconStatus: \'fa fa-hand-peace-o\' })">自定义图标</vxe-button>\n          <vxe-button @click="$XModal.confirm(\'您确定要删除吗？\')">确认提示框</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button @click="value1 = !value1">默认尺寸</vxe-button>\n          <vxe-modal v-model="value1">\n            <div>默认尺寸</div>\n            <div>xxxxxxxxx</div>\n            <div>xxxxxxxxxx</div>\n          </vxe-modal>\n          <vxe-button @click="value2 = !value2" size="medium">中等尺寸</vxe-button>\n          <vxe-modal v-model="value2" size="medium">\n            <div>中等尺寸</div>\n            <div>xxxxxxxxx</div>\n            <div>xxxxxxxxxx</div>\n          </vxe-modal>\n          <vxe-button @click="value3 = !value3" size="small">小型尺寸</vxe-button>\n          <vxe-modal v-model="value3" size="small">\n            <div>小型尺寸</div>\n            <div>xxxxxxxxx</div>\n            <div>xxxxxxxxxx</div>\n          </vxe-modal>\n          <vxe-button @click="value4 = !value4" size="mini">超小尺寸</vxe-button>\n          <vxe-modal v-model="value4" size="mini">\n            <div>超小尺寸</div>\n            <div>xxxxxxxxx</div>\n            <div>xxxxxxxxxx</div>\n          </vxe-modal>\n        </p>\n\n        <p>\n          <vxe-button @click="$XModal.alert({ message: \'点击遮罩层可以关闭\', maskClosable: true })">点击遮罩层可以关闭</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'按 Esc 键可以关闭\', escClosable: true })">按 Esc 键可以关闭</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'锁界面不要遮罩层\', mask: false })">锁界面不要遮罩层</vxe-button>\n          <vxe-button @click="$XModal.alert({ message: \'不锁界面不要遮罩层（一旦脱离当前实例，需要配合手动关闭）\', lockView: false, mask: false })">不锁界面不要遮罩层</vxe-button>\n        </p>\n\n        <p>\n          <vxe-button @click="value5 = !value5">基本窗口</vxe-button>\n          <vxe-modal v-model="value5" :lock-scroll="false" show-footer>\n            <vxe-table\n              show-overflow\n              height="auto"\n              :sync-resize="value5"\n              :data="tableData">\n              <vxe-table-column type="seq" width="60"></vxe-table-column>\n              <vxe-table-column field="name" title="app.body.label.name"></vxe-table-column>\n              <vxe-table-column field="sex" title="app.body.label.sex"></vxe-table-column>\n              <vxe-table-column field="age" title="app.body.label.age"></vxe-table-column>\n            </vxe-table>\n          </vxe-modal>\n\n          <vxe-button @click="value6 = !value6">拖动窗口调整大小</vxe-button>\n          <vxe-modal v-model="value6" resize>\n            <div style="color: red">按住头部移动！！！！！！！！！！！！！！！</div>\n            <div style="color: blue">按住左边距拖动！！！！！！！！！！！！！！！</div>\n            <div style="color: red">按住右边距拖动！！！！！！！！！！！！！！！</div>\n            <div style="color: blue">按住底边距拖动！！！！！！！！！！！！！！！</div>\n            <div style="color: blue">按住左下角拖动 ！！！！！！！！！！！！！！！</div>\n            <div style="color: blue">按住右下角拖动！！！！！！！！！！！！！！！</div>\n          </vxe-modal>\n\n          <vxe-button @click="value7 = !value7">记忆功能的窗口</vxe-button>\n          <vxe-modal v-model="value7" title="记忆功能的窗口" width="600" height="400" resize remember>\n            <vxe-form :data="formData3" :rules="formRules3" title-align="right" title-width="60">\n              <vxe-form-item title="基本信息" span="24" title-align="left" title-width="200px" :title-prefix="{icon: \'fa fa-address-card-o\'}"></vxe-form-item>\n              <vxe-form-item title="名称" field="name" span="12" :item-render="{name: \'input\', attrs: {placeholder: \'请输入名称\'}}"></vxe-form-item>\n              <vxe-form-item title="昵称" field="nickname" span="12" :item-render="{name: \'input\', attrs: {placeholder: \'请输入昵称\'}}"></vxe-form-item>\n              <vxe-form-item title="性别" field="sex" span="12" :item-render="{name: \'$select\', options: sexList}"></vxe-form-item>\n              <vxe-form-item title="年龄" field="age" span="12" :item-render="{name: \'input\', attrs: {type: \'number\', placeholder: \'请输入年龄\'}}"></vxe-form-item>\n              <vxe-form-item title="其他信息" span="24" title-align="left" title-width="200px" :title-prefix="{icon: \'fa fa-info-circle\'}"></vxe-form-item>\n              <vxe-form-item title="地址" field="address" span="24" :item-render="{name: \'textarea\', attrs: {placeholder: \'请输入地址\'}}"></vxe-form-item>\n              <vxe-form-item align="center" span="24">\n                <vxe-button type="submit" status="primary">提交</vxe-button>\n                <vxe-button type="reset">重置</vxe-button>\n              </vxe-form-item>\n            </vxe-form>\n          </vxe-modal>\n\n          <vxe-button @click="value8 = !value8">最大化显示</vxe-button>\n          <vxe-modal v-model="value8" title="最大化显示" width="600" height="400" resize remember fullscreen>\n            <template>\n              <div style="color: red">默认最大化显示</div>\n              <div style="color: red">按住头部移动！！！！！！！！！！！！！！！</div>\n              <div style="color: blue">按住左边距拖动！！！！！！！！！！！！！！！</div>\n              <div style="color: red">按住右边距拖动！！！！！！！！！！！！！！！</div>\n              <div style="color: blue">按住底边距拖动！！！！！！！！！！！！！！！</div>\n              <div style="color: blue">按住左下角拖动 ！！！！！！！！！！！！！！！</div>\n              <div style="color: blue">按住右下角拖动！！！！！！！！！！！！！！！</div>\n            </template>\n          </vxe-modal>\n\n          <vxe-button @click="value9 = !value9">缩放表格的窗口</vxe-button>\n          <vxe-modal v-model="value9" title="缩放表格的窗口" width="800" height="400" resize>\n            <vxe-table\n              border\n              resizable\n              show-overflow\n              auto-resize\n              height="auto"\n              :sync-resize="value9"\n              :data="tableData">\n              <vxe-table-column type="seq" width="60"></vxe-table-column>\n              <vxe-table-column field="name" title="app.body.label.name"></vxe-table-column>\n              <vxe-table-column field="sex" title="app.body.label.sex"></vxe-table-column>\n              <vxe-table-column field="age" title="app.body.label.age"></vxe-table-column>\n            </vxe-table>\n          </vxe-modal>\n\n          <vxe-button @click="value10 = !value10">完整功能的窗口（移动、拖动、状态保存）</vxe-button>\n          <vxe-modal v-model="value10" id="myModal6" width="800" height="400" min-width="460" min-height="320" resize remember storage transfer>\n            <template v-slot:title>\n              <span style="color: red;">完整功能的窗口（移动、拖动、状态保存）</span>\n              <span style="color: red;">通过设置 transfer 将弹框容器插入 body</span>\n            </template>\n            <template>\n              <vxe-grid\n                border\n                resizable\n                show-overflow\n                auto-resize\n                height="auto"\n                :sync-resize="value10"\n                :pager-config="tablePage"\n                :proxy-config="tableProxy"\n                :columns="tableColumn"\n                :toolbar="tableToolbar"></vxe-grid>\n            </template>\n          </vxe-modal>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value1: false,\n              value2: false,\n              value3: false,\n              value4: false,\n              value5: false,\n              value6: false,\n              value7: false,\n              value8: false,\n              value9: false,\n              value10: false,\n              sexList: [\n                { label: '', value: '' },\n                { label: '女', value: '0' },\n                { label: '男', value: '1' }\n              ],\n              formData3: {\n                name: '',\n                nickname: '',\n                sex: '',\n                age: 26,\n                address: null\n              },\n              formRules3: {\n                name: [\n                  { required: true, message: '请输入名称' },\n                  { min: 3, max: 5, message: '长度在 3 到 5 个字符' }\n                ],\n                nickname: [\n                  { required: true, message: '请输入昵称' }\n                ],\n                sex: [\n                  { required: true, message: '请选择性别' }\n                ]\n              },\n              tablePage: {\n                pageSize: 10\n              },\n              tableProxy: {\n                props: {\n                  result: 'result',\n                  total: 'page.total'\n                },\n                ajax: {\n                  query: ({ page }) => XEAjax.get(`/api/user/page/list/${page.pageSize}/${page.currentPage}`)\n                }\n              },\n              tableToolbar: {\n                buttons: [\n                  { code: 'myBtn1', name: '按钮1' },\n                  { code: 'myBtn2', name: '按钮2' }\n                ],\n                refresh: true,\n                custom: true\n              },\n              tableColumn: [\n                { type: 'checkbox', width: 50 },\n                { type: 'seq', width: 60 },\n                { field: 'name', title: 'Name' },\n                { field: 'nickname', title: 'Nickname' },\n                {\n                  field: 'role',\n                  title: 'Role',\n                  filters: [\n                    {\n                      label: '前端',\n                      value: '前端'\n                    },\n                    {\n                      label: '后端',\n                      value: '后端'\n                    }\n                  ]\n                },\n                { field: 'describe', title: 'Describe' }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 8)\n          }\n        }\n        "]}},created:function(){this.tableData=window.MOCK_DATA_LIST.slice(0,8)},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){u.a.highlightBlock(e)}))}},i=r,c=a("2877"),x=Object(c["a"])(i,n,l,!1,null,null,null);t["default"]=x.exports},"2f3a":function(e,t,a){},4236:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.switch")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"switch"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-switch",{model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}}),a("vxe-switch",{attrs:{size:"medium"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}}),a("vxe-switch",{attrs:{size:"small"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}}),a("vxe-switch",{attrs:{size:"mini"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1),a("p",[a("vxe-switch",{attrs:{"on-label":"是","off-label":"否"},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}}),a("vxe-switch",{attrs:{size:"medium","on-label":"是","off-label":"否"},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}}),a("vxe-switch",{attrs:{size:"small","on-label":"开","off-label":"关"},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}}),a("vxe-switch",{attrs:{size:"mini","on-label":"开","off-label":"关"},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}})],1),a("p",[a("vxe-switch",{attrs:{"on-label":"开","on-value":"Y","off-label":"关","off-value":"N"},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}}),a("vxe-switch",{attrs:{"on-label":"打开","on-value":1,"off-label":"关闭","off-value":0},model:{value:e.value10,callback:function(t){e.value10=t},expression:"value10"}}),a("vxe-switch",{attrs:{disabled:""},model:{value:e.value11,callback:function(t){e.value11=t},expression:"value11"}}),a("vxe-switch",{attrs:{"on-label":"是","off-label":"否",disabled:""},model:{value:e.value12,callback:function(t){e.value12=t},expression:"value12"}})],1),a("p",[a("vxe-switch",{attrs:{"on-icon":"fa fa-check","off-icon":"fa fa-close"},model:{value:e.value13,callback:function(t){e.value13=t},expression:"value13"}}),a("vxe-switch",{attrs:{"on-label":"app.body.label.on","off-label":"app.body.label.off","on-icon":"fa fa-bell","off-icon":"fa fa-bell-slash"},model:{value:e.value14,callback:function(t){e.value14=t},expression:"value14"}}),a("vxe-switch",{staticClass:"my-switch1",attrs:{"on-label":"app.body.label.on","off-label":"app.body.label.off"},model:{value:e.value15,callback:function(t){e.value15=t},expression:"value15"}}),a("vxe-switch",{staticClass:"my-switch2",attrs:{"on-label":"app.body.label.on","off-label":"app.body.label.off"},model:{value:e.value16,callback:function(t){e.value16=t},expression:"value16"}}),a("vxe-switch",{staticClass:"my-switch3",attrs:{"on-label":"ON","off-label":"OFF"},model:{value:e.value17,callback:function(t){e.value17=t},expression:"value17"}})],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Spacebar | 按下点击 |\n      | Enter | 点击 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("fb6a"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value1:null,value2:null,value3:null,value4:null,value5:!0,value6:null,value7:null,value8:null,value9:"Y",value10:1,value11:!1,value12:!0,value13:!1,value14:!1,value15:!0,value16:!1,value17:!1,demoCodes:['\n        <p>\n          <vxe-switch v-model="value1"></vxe-switch>\n          <vxe-switch v-model="value2" size="medium"></vxe-switch>\n          <vxe-switch v-model="value3" size="small"></vxe-switch>\n          <vxe-switch v-model="value4" size="mini"></vxe-switch>\n        </p>\n\n        <p>\n          <vxe-switch v-model="value5" on-label="是" off-label="否"></vxe-switch>\n          <vxe-switch v-model="value6" size="medium" on-label="是" off-label="否"></vxe-switch>\n          <vxe-switch v-model="value7" size="small" on-label="开" off-label="关"></vxe-switch>\n          <vxe-switch v-model="value8" size="mini" on-label="开" off-label="关"></vxe-switch>\n        </p>\n\n        <p>\n          <vxe-switch v-model="value9" on-label="开" on-value="Y" off-label="关" off-value="N"></vxe-switch>\n          <vxe-switch v-model="value10" on-label="打开" :on-value="1" off-label="关闭" :off-value="0"></vxe-switch>\n          <vxe-switch v-model="value11" disabled></vxe-switch>\n          <vxe-switch v-model="value12" on-label="是" off-label="否" disabled></vxe-switch>\n        </p>\n\n        <p>\n          <vxe-switch v-model="value13" on-icon="fa fa-check" off-icon="fa fa-close"></vxe-switch>\n          <vxe-switch v-model="value14" on-label="app.body.label.on" off-label="app.body.label.off" on-icon="fa fa-bell" off-icon="fa fa-bell-slash"></vxe-switch>\n          <vxe-switch v-model="value15" on-label="app.body.label.on" off-label="app.body.label.off" class="my-switch1"></vxe-switch>\n          <vxe-switch v-model="value16" on-label="app.body.label.on" off-label="app.body.label.off" class="my-switch2"></vxe-switch>\n          <vxe-switch v-model="value17" on-label="ON" off-label="OFF" class="my-switch3"></vxe-switch>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value1: null,\n              value2: null,\n              value3: null,\n              value4: null,\n              value5: true,\n              value6: null,\n              value7: null,\n              value8: null,\n              value9: 'Y',\n              value10: 1,\n              value11: false,\n              value12: true,\n              value13: false,\n              value14: false,\n              value15: true,\n              value16: false,\n              value17: false\n            }\n          }\n        }\n        ","\n        .my-switch1.vxe-switch .vxe-switch--button {\n          background-color: #13ce66;\n        }\n        .my-switch2.vxe-switch.is--on .vxe-switch--button {\n          background-color: #13ce66;\n        }\n        .my-switch2.vxe-switch.is--off .vxe-switch--button {\n          background-color: #ff4949;\n        }\n        .my-switch3.vxe-switch .vxe-switch--button {\n          background-color: #7b7b48;\n        }\n        .my-switch3.vxe-switch .vxe-switch--icon {\n          background-color: rgba(0,0,0,.5);\n        }\n        .my-switch3.vxe-switch .vxe-switch--label {\n          color: #c0c4cc;\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},created:function(){this.tableData=window.MOCK_DATA_LIST.slice(0,8)}},u=v,r=(a("7dd2"),a("2877")),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},"457c":function(e,t,a){"use strict";var n=a("15a2"),l=a.n(n);l.a},"48b7":function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.icon")))]),a("p",{staticClass:"tip"},[e._v("内置轻量级的 icon 图标，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartIcons"}}},[e._v("setup")]),e._v(" 替换默认的图标")],1),a("ul",{staticClass:"icon-list",attrs:{title:"点击复制内容"}},e._l(e.list,(function(t){return a("li",{key:t.icon,on:{click:function(a){return e.copyEvent(t)}}},[a("i",{class:t.icon}),a("div",{staticClass:"title"},[e._v(e._s(t.icon))])])})),0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n  ")])])},l=[],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v=a("0edb"),u=a.n(v),r={data:function(){return{list:[{icon:"vxe-icon--caret-top"},{icon:"vxe-icon--caret-bottom"},{icon:"vxe-icon--caret-left"},{icon:"vxe-icon--caret-right"},{icon:"vxe-icon--arrow-top"},{icon:"vxe-icon--arrow-bottom"},{icon:"vxe-icon--arrow-left"},{icon:"vxe-icon--arrow-right"},{icon:"vxe-icon--d-arrow-left"},{icon:"vxe-icon--d-arrow-right"},{icon:"vxe-icon--menu"},{icon:"vxe-icon--edit-outline"},{icon:"vxe-icon--more"},{icon:"vxe-icon--close"},{icon:"vxe-icon--plus"},{icon:"vxe-icon--minus"},{icon:"vxe-icon--refresh"},{icon:"vxe-icon--refresh roll"},{icon:"vxe-icon--funnel"},{icon:"vxe-icon--question"},{icon:"vxe-icon--info"},{icon:"vxe-icon--warning"},{icon:"vxe-icon--success"},{icon:"vxe-icon--error"},{icon:"vxe-icon--remove"},{icon:"vxe-icon--circle-plus"},{icon:"vxe-icon--zoomin"},{icon:"vxe-icon--zoomout"},{icon:"vxe-icon--upload"},{icon:"vxe-icon--download"},{icon:"vxe-icon--eye"},{icon:"vxe-icon--eye-slash"},{icon:"vxe-icon--calendar"},{icon:"vxe-icon--dot"}],demoCodes:['\n        <i class="vxe-icon--caret-top"></i>\n        ']}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},methods:{copyEvent:function(e){var t=e.icon;u.a.copy(t)&&this.$XModal.message({message:"已复制到剪贴板！",status:"success"})}}},i=r,c=(a("d570"),a("2877")),x=Object(c["a"])(i,n,l,!1,null,"57144020",null);t["default"]=x.exports},"4c33":function(e,t,a){"use strict";var n=a("2f3a"),l=a.n(n);l.a},"7dd2":function(e,t,a){"use strict";var n=a("eaa6"),l=a.n(n);l.a},8193:function(e,t,a){},"8e22":function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.toolbar")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"toolbar"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-toolbar",{scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",[e._v("默认尺寸")]),a("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0}])}),a("vxe-toolbar",{attrs:{size:"medium"},scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",[e._v("中等尺寸")]),a("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0}])}),a("vxe-toolbar",{attrs:{size:"small"},scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",[e._v("小型尺寸")]),a("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0}])}),a("vxe-toolbar",{attrs:{size:"mini"},scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",[e._v("超小尺寸")]),a("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("按钮1")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮2")]),a("vxe-button",{attrs:{type:"text"}},[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0}])})],1),a("p",[a("vxe-toolbar",{attrs:{perfect:""},scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",{attrs:{type:"text",icon:"fa fa-plus"}},[e._v("新增")]),a("vxe-button",{attrs:{type:"text",icon:"fa fa-trash-o"}},[e._v("删除")]),a("vxe-button",{attrs:{type:"text",icon:"fa fa-save"}},[e._v("保存")])]},proxy:!0}])}),a("vxe-toolbar",{attrs:{perfect:""},scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",{attrs:{icon:"fa fa-plus",status:"perfect"}},[e._v("新增")]),a("vxe-button",{attrs:{icon:"fa fa-trash-o",status:"perfect"}},[e._v("删除")]),a("vxe-button",{attrs:{icon:"fa fa-save",status:"perfect"}},[e._v("保存")])]},proxy:!0}])}),a("vxe-toolbar",{attrs:{refresh:{query:e.findList}},scopedSlots:e._u([{key:"buttons",fn:function(){return[a("vxe-button",[e._v("自定义模板")]),a("vxe-button",[e._v("按钮2")]),a("vxe-button",[e._v("按钮3")]),a("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",[e._v("按钮1")]),a("vxe-button",[e._v("按钮2")]),a("vxe-button",[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0},{key:"tools",fn:function(){return[a("vxe-button",{staticClass:"tool-btn",attrs:{type:"text",icon:"vxe-icon--question"}}),a("vxe-button",{staticClass:"tool-btn",attrs:{type:"text",icon:"vxe-icon--funnel"}})]},proxy:!0}])})],1),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n    "),a("code",{staticClass:"css"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n  ")])])},l=[],o=(a("4160"),a("a630"),a("d3b7"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{loading:!1,demoCodes:['\n        <p>\n          <vxe-toolbar>\n            <template v-slot:buttons>\n              <vxe-button>默认尺寸</vxe-button>\n              <vxe-button>\n                <template>下拉按钮</template>\n                <template v-slot:dropdowns>\n                  <vxe-button type="text">按钮1</vxe-button>\n                  <vxe-button type="text">按钮2</vxe-button>\n                  <vxe-button type="text">按钮3</vxe-button>\n                </template>\n              </vxe-button>\n            </template>\n          </vxe-toolbar>\n          <vxe-toolbar size="medium">\n            <template v-slot:buttons>\n              <vxe-button>中等尺寸</vxe-button>\n              <vxe-button>\n                <template>下拉按钮</template>\n                <template v-slot:dropdowns>\n                  <vxe-button type="text">按钮1</vxe-button>\n                  <vxe-button type="text">按钮2</vxe-button>\n                  <vxe-button type="text">按钮3</vxe-button>\n                </template>\n              </vxe-button>\n            </template>\n          </vxe-toolbar>\n          <vxe-toolbar size="small">\n            <template v-slot:buttons>\n              <vxe-button>小型尺寸</vxe-button>\n              <vxe-button>\n                <template>下拉按钮</template>\n                <template v-slot:dropdowns>\n                  <vxe-button type="text">按钮1</vxe-button>\n                  <vxe-button type="text">按钮2</vxe-button>\n                  <vxe-button type="text">按钮3</vxe-button>\n                </template>\n              </vxe-button>\n            </template>\n          </vxe-toolbar>\n          <vxe-toolbar size="mini">\n            <template v-slot:buttons>\n              <vxe-button>超小尺寸</vxe-button>\n              <vxe-button>\n                <template>下拉按钮</template>\n                <template v-slot:dropdowns>\n                  <vxe-button type="text">按钮1</vxe-button>\n                  <vxe-button type="text">按钮2</vxe-button>\n                  <vxe-button type="text">按钮3</vxe-button>\n                </template>\n              </vxe-button>\n            </template>\n          </vxe-toolbar>\n        </p>\n\n        <p>\n          <vxe-toolbar perfect>\n            <template v-slot:buttons>\n              <vxe-button type="text" icon="fa fa-plus">新增</vxe-button>\n              <vxe-button type="text" icon="fa fa-trash-o">删除</vxe-button>\n              <vxe-button type="text" icon="fa fa-save">保存</vxe-button>\n            </template>\n          </vxe-toolbar>\n\n          <vxe-toolbar perfect>\n            <template v-slot:buttons>\n              <vxe-button icon="fa fa-plus" status="perfect">新增</vxe-button>\n              <vxe-button icon="fa fa-trash-o" status="perfect">删除</vxe-button>\n              <vxe-button icon="fa fa-save" status="perfect">保存</vxe-button>\n            </template>\n          </vxe-toolbar>\n\n          <vxe-toolbar :refresh="{ query: findList }">\n            <template v-slot:buttons>\n              <vxe-button>自定义模板</vxe-button>\n              <vxe-button>按钮2</vxe-button>\n              <vxe-button>按钮3</vxe-button>\n              <vxe-button>\n                <template>下拉按钮</template>\n                <template v-slot:dropdowns>\n                  <vxe-button>按钮1</vxe-button>\n                  <vxe-button>按钮2</vxe-button>\n                  <vxe-button>按钮3</vxe-button>\n                </template>\n              </vxe-button>\n            </template>\n            <template v-slot:tools>\n              <vxe-button type="text" icon="vxe-icon--question" class="tool-btn"></vxe-button>\n              <vxe-button type="text" icon="vxe-icon--funnel" class="tool-btn"></vxe-button>\n            </template>\n          </vxe-toolbar>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false\n            }\n          },\n          methods: {\n            findList () {\n              this.loading = true\n              return new Promise(resolve => {\n                this.loading = false\n                this.$XModal.message({ message: '刷新成功！', status: 'success' })\n                setTimeout(resolve, 800)\n              })\n            }\n          }\n        }\n        ","\n        .tool-btn {\n          font-size: 20px;\n          cursor: pointer;\n        }\n        .tool-btn:hover {\n          color: #409eff;\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},methods:{findList:function(){var e=this;return this.loading=!0,new Promise((function(t){e.loading=!1,e.$XModal.message({message:"刷新成功！",status:"success"}),setTimeout(t,800)}))}}},u=v,r=(a("4c33"),a("2877")),i=Object(r["a"])(u,n,l,!1,null,"15dea734",null);t["default"]=i.exports},b9a6:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.select")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"select"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-select",{attrs:{placeholder:"默认尺寸"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},e._l(15,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1),a("vxe-select",{attrs:{placeholder:"中等尺寸",size:"medium"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},e._l(10,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1),a("vxe-select",{attrs:{placeholder:"小型尺寸",size:"small"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},e._l(10,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1),a("vxe-select",{attrs:{placeholder:"超小尺寸",size:"mini"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}},e._l(10,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1)],1),a("p",[a("vxe-select",{attrs:{placeholder:"请选择","prefix-icon":"fa fa-user-o"},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}},e._l(3,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1),a("vxe-select",{attrs:{placeholder:"可清除",clearable:""},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}},e._l(5,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1),a("vxe-select",{attrs:{placeholder:"请选择",clearable:""},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}},e._l(10,(function(e){return a("vxe-option",{key:e,attrs:{value:e,label:"选项"+e}})})),1),a("vxe-select",{attrs:{placeholder:"分组",clearable:"",transfer:""},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}},[a("vxe-optgroup",{attrs:{label:"选项2"}},[a("vxe-option",{attrs:{value:"2-1",label:"选项2-1"}}),a("vxe-option",{attrs:{value:"2-2",label:"选项2-2"}}),a("vxe-option",{attrs:{value:"2-3",label:"选项2-3"}})],1),a("vxe-optgroup",{attrs:{label:"选项3"}},[a("vxe-option",{attrs:{value:"3-1",label:"选项3-1"}}),a("vxe-option",{attrs:{value:"3-2",label:"选项3-2"}})],1)],1)],1),a("p",[a("vxe-select",{attrs:{placeholder:"禁用",disabled:""},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}},[a("vxe-option",{attrs:{value:"1",label:"选项1"}}),a("vxe-option",{attrs:{value:"2",label:"选项2"}}),a("vxe-option",{attrs:{value:"3",label:"选项3"}})],1),a("vxe-select",{attrs:{placeholder:"禁用选项",clearable:""},model:{value:e.value10,callback:function(t){e.value10=t},expression:"value10"}},[a("vxe-option",{attrs:{value:"1",label:"选项1"}}),a("vxe-option",{attrs:{value:"2",label:"选项2",disabled:""}}),a("vxe-option",{attrs:{value:"3",label:"选项3"}})],1),a("vxe-select",{attrs:{placeholder:"禁用分组",clearable:"",transfer:""},model:{value:e.value11,callback:function(t){e.value11=t},expression:"value11"}},[a("vxe-optgroup",{attrs:{label:"选项2",disabled:""}},[a("vxe-option",{attrs:{value:"2-1",label:"选项2-1"}}),a("vxe-option",{attrs:{value:"2-2",label:"选项2-2"}}),a("vxe-option",{attrs:{value:"2-3",label:"选项2-3"}})],1),a("vxe-optgroup",{attrs:{label:"选项3"}},[a("vxe-option",{attrs:{value:"3-1",label:"选项3-1",disabled:""}}),a("vxe-option",{attrs:{value:"3-2",label:"选项3-2"}})],1),a("vxe-optgroup",{attrs:{label:"选项4"}},[a("vxe-option",{attrs:{value:"4-1",label:"选项4-1"}}),a("vxe-option",{attrs:{value:"4-2",label:"选项4-2"}}),a("vxe-option",{attrs:{value:"4-3",label:"选项4-3"}}),a("vxe-option",{attrs:{value:"4-4",label:"选项4-4"}})],1),a("vxe-optgroup",{attrs:{label:"选项5"}},[a("vxe-option",{attrs:{value:"5-1",label:"选项5-1"}}),a("vxe-option",{attrs:{value:"5-2",label:"选项5-2"}}),a("vxe-option",{attrs:{value:"5-3",label:"选项5-3"}}),a("vxe-option",{attrs:{value:"5-4",label:"选项5-4"}})],1)],1)],1),a("p",[a("vxe-select",{attrs:{placeholder:"配置式",options:e.list12},model:{value:e.value12,callback:function(t){e.value12=t},expression:"value12"}}),a("vxe-select",{attrs:{placeholder:"分组配置式","option-groups":e.list13},model:{value:e.value13,callback:function(t){e.value13=t},expression:"value13"}}),a("vxe-select",{attrs:{placeholder:"禁用选项",options:e.list14},model:{value:e.value14,callback:function(t){e.value14=t},expression:"value14"}}),a("vxe-select",{attrs:{placeholder:"禁用分组","option-groups":e.list15,transfer:""},model:{value:e.value15,callback:function(t){e.value15=t},expression:"value15"}})],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Arrow Up ↑ | 如果已展开下拉面板则移动到上一个选项 |\n      | Arrow Down ↓ | 如果已展开下拉面板则移动到下一个选项 |\n      | Enter | 展开下拉面板、选中选项 |\n      | Esc | 关闭下拉面板 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value1:12,value2:null,value3:null,value4:null,value5:null,value6:null,value7:2,value8:null,value9:null,value10:null,value11:null,value12:null,list12:[{label:"男",value:"1"},{label:"女",value:"0"}],value13:null,list13:[{label:"组1",options:[{label:"1-1",value:"11"},{label:"1-2",value:"10"}]},{label:"组2",options:[{label:"2-1",value:"21"},{label:"2-2",value:"22"}]}],value14:null,list14:[{label:"1111",value:"1",disabled:!0},{label:"2222",value:"2",disabled:!1},{label:"3333",value:"3",disabled:!1},{label:"4444",value:"4",disabled:!1},{label:"5555",value:"5",disabled:!0},{label:"6666",value:"6",disabled:!0},{label:"7777",value:"7",disabled:!1},{label:"8888",value:"8",disabled:!1},{label:"9999",value:"9",disabled:!1},{label:"1010",value:"10",disabled:!1},{label:"1111",value:"11",disabled:!1}],value15:null,list15:[{label:"组1",disabled:!0,options:[{label:"1-1",value:"11",disabled:!1},{label:"1-2",value:"10",disabled:!1}]},{label:"组2",disabled:!1,options:[{label:"2-1",value:"21",disabled:!0},{label:"2-2",value:"22",disabled:!1}]},{label:"组3",disabled:!1,options:[{label:"3-1",value:"31",disabled:!1},{label:"3-2",value:"32",disabled:!1}]}],demoCodes:['\n        <p>\n          <vxe-select v-model="value1" placeholder="默认尺寸">\n            <vxe-option v-for="num in 15" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value2" placeholder="中等尺寸" size="medium">\n            <vxe-option v-for="num in 10" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value3" placeholder="小型尺寸" size="small">\n            <vxe-option v-for="num in 10" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value4" placeholder="超小尺寸" size="mini">\n            <vxe-option v-for="num in 10" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n        </p>\n\n        <p>\n          <vxe-select v-model="value5" placeholder="请选择" prefix-icon="fa fa-user-o">\n            <vxe-option v-for="num in 3" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value6" placeholder="可清除" clearable>\n            <vxe-option v-for="num in 5" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value7" placeholder="请选择" clearable>\n            <vxe-option v-for="num in 10" :key="num" :value="num" :label="`选项${num}`"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value8" placeholder="分组" clearable transfer>\n            <vxe-optgroup label="选项2">\n              <vxe-option value="2-1" label="选项2-1"></vxe-option>\n              <vxe-option value="2-2" label="选项2-2"></vxe-option>\n              <vxe-option value="2-3" label="选项2-3"></vxe-option>\n            </vxe-optgroup>\n            <vxe-optgroup label="选项3">\n              <vxe-option value="3-1" label="选项3-1"></vxe-option>\n              <vxe-option value="3-2" label="选项3-2"></vxe-option>\n            </vxe-optgroup>\n          </vxe-select>\n        </p>\n\n        <p>\n          <vxe-select v-model="value9" placeholder="禁用" disabled>\n            <vxe-option value="1" label="选项1"></vxe-option>\n            <vxe-option value="2" label="选项2"></vxe-option>\n            <vxe-option value="3" label="选项3"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value10" placeholder="禁用选项" clearable>\n            <vxe-option value="1" label="选项1"></vxe-option>\n            <vxe-option value="2" label="选项2" disabled></vxe-option>\n            <vxe-option value="3" label="选项3"></vxe-option>\n          </vxe-select>\n          <vxe-select v-model="value11" placeholder="禁用分组" clearable transfer>\n            <vxe-optgroup label="选项2" disabled>\n              <vxe-option value="2-1" label="选项2-1"></vxe-option>\n              <vxe-option value="2-2" label="选项2-2"></vxe-option>\n              <vxe-option value="2-3" label="选项2-3"></vxe-option>\n            </vxe-optgroup>\n            <vxe-optgroup label="选项3">\n              <vxe-option value="3-1" label="选项3-1" disabled></vxe-option>\n              <vxe-option value="3-2" label="选项3-2"></vxe-option>\n            </vxe-optgroup>\n            <vxe-optgroup label="选项4">\n              <vxe-option value="4-1" label="选项4-1"></vxe-option>\n              <vxe-option value="4-2" label="选项4-2"></vxe-option>\n              <vxe-option value="4-3" label="选项4-3"></vxe-option>\n              <vxe-option value="4-4" label="选项4-4"></vxe-option>\n            </vxe-optgroup>\n            <vxe-optgroup label="选项5">\n              <vxe-option value="5-1" label="选项5-1"></vxe-option>\n              <vxe-option value="5-2" label="选项5-2"></vxe-option>\n              <vxe-option value="5-3" label="选项5-3"></vxe-option>\n              <vxe-option value="5-4" label="选项5-4"></vxe-option>\n            </vxe-optgroup>\n          </vxe-select>\n        </p>\n\n        <p>\n          <vxe-select v-model="value12" placeholder="配置式" :options="list12"></vxe-select>\n          <vxe-select v-model="value13" placeholder="分组配置式" :option-groups="list13"></vxe-select>\n          <vxe-select v-model="value14" placeholder="禁用选项" :options="list14"></vxe-select>\n          <vxe-select v-model="value15" placeholder="禁用分组" :option-groups="list15" transfer></vxe-select>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value1: 12,\n              value2: null,\n              value3: null,\n              value4: null,\n              value5: null,\n              value6: null,\n              value7: 2,\n              value8: null,\n              value9: null,\n              value10: null,\n              value11: null,\n              value12: null,\n              list12: [\n                { label: '男', value: '1' },\n                { label: '女', value: '0' }\n              ],\n              value13: null,\n              list13: [\n                {\n                  label: '组1',\n                  options: [\n                    { label: '1-1', value: '11' },\n                    { label: '1-2', value: '10' }\n                  ]\n                },\n                {\n                  label: '组2',\n                  options: [\n                    { label: '2-1', value: '21' },\n                    { label: '2-2', value: '22' }\n                  ]\n                }\n              ],\n              value14: null,\n              list14: [\n                { label: '1111', value: '1', disabled: true },\n                { label: '2222', value: '2', disabled: false },\n                { label: '3333', value: '3', disabled: false },\n                { label: '4444', value: '4', disabled: false },\n                { label: '5555', value: '5', disabled: true },\n                { label: '6666', value: '6', disabled: true },\n                { label: '7777', value: '7', disabled: false },\n                { label: '8888', value: '8', disabled: false },\n                { label: '9999', value: '9', disabled: false },\n                { label: '1010', value: '10', disabled: false },\n                { label: '1111', value: '11', disabled: false }\n              ],\n              value15: null,\n              list15: [\n                {\n                  label: '组1',\n                  disabled: true,\n                  options: [\n                    { label: '1-1', value: '11', disabled: false },\n                    { label: '1-2', value: '10', disabled: false }\n                  ]\n                },\n                {\n                  label: '组2',\n                  disabled: false,\n                  options: [\n                    { label: '2-1', value: '21', disabled: true },\n                    { label: '2-2', value: '22', disabled: false }\n                  ]\n                },\n                {\n                  label: '组3',\n                  disabled: false,\n                  options: [\n                    { label: '3-1', value: '31', disabled: false },\n                    { label: '3-2', value: '32', disabled: false }\n                  ]\n                }\n              ]\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},ba0c:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.checkbox")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"checkbox"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-checkbox",[e._v("默认尺寸")]),a("vxe-checkbox",{attrs:{size:"medium"}},[e._v("中等尺寸")]),a("vxe-checkbox",{attrs:{size:"small"}},[e._v("小型尺寸")]),a("vxe-checkbox",{attrs:{size:"mini"}},[e._v("超小尺寸")]),a("vxe-checkbox",{attrs:{indeterminate:""}},[e._v("默认尺寸")]),a("vxe-checkbox",{attrs:{size:"medium",indeterminate:""}},[e._v("中等尺寸")]),a("vxe-checkbox",{attrs:{size:"small",indeterminate:""}},[e._v("小型尺寸")]),a("vxe-checkbox",{attrs:{size:"mini",indeterminate:""}},[e._v("超小尺寸")])],1),a("p",[a("vxe-checkbox",{model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("复选1")]),a("vxe-checkbox",{attrs:{disabled:""},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("复选2")]),a("vxe-checkbox",[e._v("复选3")])],1),a("p",[a("vxe-checkbox-group",{model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},[a("vxe-checkbox",{attrs:{label:"1"}},[e._v("HTML")]),a("vxe-checkbox",{attrs:{label:"2"}},[e._v("CSS")]),a("vxe-checkbox",{attrs:{label:"3"}},[e._v("Javascript")]),a("vxe-checkbox",{attrs:{label:"4"}},[e._v("SASS")]),a("vxe-checkbox",{attrs:{label:"5"}},[e._v("LESS")])],1)],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Spacebar | 按下勾选 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value1:!0,value2:!0,value3:["3"],demoCodes:['\n        <p>\n          <vxe-checkbox>默认尺寸</vxe-checkbox>\n          <vxe-checkbox size="medium">中等尺寸</vxe-checkbox>\n          <vxe-checkbox size="small">小型尺寸</vxe-checkbox>\n          <vxe-checkbox size="mini">超小尺寸</vxe-checkbox>\n          <vxe-checkbox indeterminate>默认尺寸</vxe-checkbox>\n          <vxe-checkbox size="medium" indeterminate>中等尺寸</vxe-checkbox>\n          <vxe-checkbox size="small" indeterminate>小型尺寸</vxe-checkbox>\n          <vxe-checkbox size="mini" indeterminate>超小尺寸</vxe-checkbox>\n        </p>\n\n        <p>\n          <vxe-checkbox v-model="value1">复选1</vxe-checkbox>\n          <vxe-checkbox v-model="value2" disabled>复选2</vxe-checkbox>\n          <vxe-checkbox>复选3</vxe-checkbox>\n        </p>\n\n        <p>\n          <vxe-checkbox-group v-model="value3">\n            <vxe-checkbox label="1">HTML</vxe-checkbox>\n            <vxe-checkbox label="2">CSS</vxe-checkbox>\n            <vxe-checkbox label="3">Javascript</vxe-checkbox>\n            <vxe-checkbox label="4">SASS</vxe-checkbox>\n            <vxe-checkbox label="5">LESS</vxe-checkbox>\n          </vxe-checkbox-group>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value1: true,\n              value2: true,\n              value3: ['3']\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},d567:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.input")))]),a("p",{staticClass:"tip"},[e._v(" 查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"input"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数"),a("br"),e._v(" 支持类型：text 文本、number 数值、integer 整数、date 日期、datetime 时间选择、week 周、month 月份、year 年份、password 密码 ")],1),a("p",[a("vxe-input",{attrs:{placeholder:"默认尺寸"},model:{value:e.value100,callback:function(t){e.value100=t},expression:"value100"}}),a("vxe-input",{attrs:{placeholder:"中等尺寸",size:"medium"},model:{value:e.value101,callback:function(t){e.value101=t},expression:"value101"}}),a("vxe-input",{attrs:{placeholder:"小型尺寸",size:"small"},model:{value:e.value102,callback:function(t){e.value102=t},expression:"value102"}}),a("vxe-input",{attrs:{placeholder:"超小尺寸",size:"mini"},model:{value:e.value103,callback:function(t){e.value103=t},expression:"value103"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"可清除",clearable:""},model:{value:e.value200,callback:function(t){e.value200=t},expression:"value200"}}),a("vxe-input",{attrs:{placeholder:"带图标","prefix-icon":"fa fa-user","suffix-icon":"fa fa-search",clearable:""},model:{value:e.value201,callback:function(t){e.value201=t},expression:"value201"}}),a("vxe-input",{attrs:{placeholder:"只读的","suffix-icon":"fa fa-search",readonly:""},model:{value:e.value202,callback:function(t){e.value202=t},expression:"value202"}}),a("vxe-input",{attrs:{placeholder:"禁用的","prefix-icon":"fa fa-user-o",disabled:""},model:{value:e.value203,callback:function(t){e.value203=t},expression:"value203"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"密码类型",type:"password"},model:{value:e.value300,callback:function(t){e.value300=t},expression:"value300"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"日期类型",type:"date"},model:{value:e.value400,callback:function(t){e.value400=t},expression:"value400"}}),a("vxe-input",{attrs:{placeholder:"周",type:"week",clearable:""},model:{value:e.value401,callback:function(t){e.value401=t},expression:"value401"}}),a("vxe-input",{attrs:{placeholder:"月",type:"month",valueFormat:"yyyy-MM-dd"},model:{value:e.value402,callback:function(t){e.value402=t},expression:"value402"}}),a("vxe-input",{attrs:{placeholder:"年",type:"year",clearable:""},model:{value:e.value403,callback:function(t){e.value403=t},expression:"value403"}}),a("vxe-input",{attrs:{placeholder:"时间选择",type:"datetime",transfer:""},model:{value:e.value404,callback:function(t){e.value404=t},expression:"value404"}}),a("vxe-input",{attrs:{placeholder:"禁用日期",type:"date",disabledMethod:e.disabledDateMethod,transfer:""},model:{value:e.value405,callback:function(t){e.value405=t},expression:"value405"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"数值类型",type:"number"},model:{value:e.value500,callback:function(t){e.value500=t},expression:"value500"}}),a("vxe-input",{attrs:{placeholder:"数值间隔 1.4",type:"number",step:"1.4",clearable:""},model:{value:e.value501,callback:function(t){e.value501=t},expression:"value501"}}),a("vxe-input",{attrs:{placeholder:"数值范围限制 0-10",type:"number",min:"0",max:"10",clearable:""},model:{value:e.value502,callback:function(t){e.value502=t},expression:"value502"}}),a("vxe-input",{attrs:{placeholder:"小数类型",type:"float"},model:{value:e.value503,callback:function(t){e.value503=t},expression:"value503"}}),a("vxe-input",{attrs:{placeholder:"小数间隔 2.3",type:"float",step:"2.3",clearable:""},model:{value:e.value504,callback:function(t){e.value504=t},expression:"value504"}}),a("vxe-input",{attrs:{placeholder:"小数范围限制 0-50",type:"float",min:"0",max:"50",clearable:""},model:{value:e.value505,callback:function(t){e.value505=t},expression:"value505"}}),a("vxe-input",{attrs:{placeholder:"整数类型",type:"integer"},model:{value:e.value506,callback:function(t){e.value506=t},expression:"value506"}}),a("vxe-input",{attrs:{placeholder:"整数间隔 5",type:"integer",step:"5",clearable:""},model:{value:e.value507,callback:function(t){e.value507=t},expression:"value507"}}),a("vxe-input",{attrs:{placeholder:"整数范围限制 0-100",type:"integer",min:"0",max:"100",clearable:""},model:{value:e.value508,callback:function(t){e.value508=t},expression:"value508"}})],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Enter | 展开下拉面板、确定选中日期...等 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value100:"",value101:"",value102:"",value103:"",value200:"",value201:"",value202:"",value203:"",value300:"",value400:"2018-01-09",value401:"",value402:"",value403:"",value404:"",value405:"",value500:"22",value501:"",value502:"",value503:"33.33",value504:"",value505:"",value506:"44",value507:"",value508:"",demoCodes:['\n        <p>\n          <vxe-input v-model="value100" placeholder="默认尺寸"></vxe-input>\n          <vxe-input v-model="value101" placeholder="中等尺寸" size="medium"></vxe-input>\n          <vxe-input v-model="value102" placeholder="小型尺寸" size="small"></vxe-input>\n          <vxe-input v-model="value103" placeholder="超小尺寸" size="mini"></vxe-input>\n        </p>\n\n        <p>\n          <vxe-input v-model="value200" placeholder="可清除" clearable></vxe-input>\n          <vxe-input v-model="value201" placeholder="带图标" prefix-icon="fa fa-user" suffix-icon="fa fa-search" clearable></vxe-input>\n          <vxe-input v-model="value202" placeholder="只读的" suffix-icon="fa fa-search" readonly></vxe-input>\n          <vxe-input v-model="value203" placeholder="禁用的" prefix-icon="fa fa-user-o" disabled></vxe-input>\n        </p>\n\n        <p>\n          <vxe-input v-model="value300" placeholder="密码类型" type="password"></vxe-input>\n        </p>\n\n        <p>\n          <vxe-input v-model="value400" placeholder="日期类型" type="date"></vxe-input>\n          <vxe-input v-model="value401" placeholder="周" type="week" clearable></vxe-input>\n          <vxe-input v-model="value402" placeholder="月" type="month" valueFormat="yyyy-MM-dd"></vxe-input>\n          <vxe-input v-model="value403" placeholder="年" type="year" clearable></vxe-input>\n          <vxe-input v-model="value404" placeholder="时间选择" type="datetime" transfer></vxe-input>\n          <vxe-input v-model="value405" placeholder="禁用日期" type="date" :disabledMethod="disabledDateMethod" transfer></vxe-input>\n        </p>\n\n        <p>\n          <vxe-input v-model="value500" placeholder="数值类型" type="number"></vxe-input>\n          <vxe-input v-model="value501" placeholder="数值间隔 1.4" type="number" step="1.4" clearable></vxe-input>\n          <vxe-input v-model="value502" placeholder="数值范围限制 0-10" type="number" min="0" max="10" clearable></vxe-input>\n          <vxe-input v-model="value503" placeholder="小数类型" type="float"></vxe-input>\n          <vxe-input v-model="value504" placeholder="小数间隔 2.3" type="float" step="2.3" clearable></vxe-input>\n          <vxe-input v-model="value505" placeholder="小数范围限制 0-50" type="float" min="0" max="50" clearable></vxe-input>\n          <vxe-input v-model="value506" placeholder="整数类型" type="integer"></vxe-input>\n          <vxe-input v-model="value507" placeholder="整数间隔 5" type="integer" step="5" clearable></vxe-input>\n          <vxe-input v-model="value508" placeholder="整数范围限制 0-100" type="integer" min="0" max="100" clearable></vxe-input>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value100: '',\n              value101: '',\n              value102: '',\n              value103: '',\n              value200: '',\n              value201: '',\n              value202: '',\n              value203: '',\n              value300: '',\n              value400: '2018-01-09',\n              value401: '',\n              value402: '',\n              value403: '',\n              value404: '',\n              value405: '',\n              value500: '22',\n              value501: '',\n              value502: '',\n              value503: '33.33',\n              value504: '',\n              value505: '',\n              value506: '44',\n              value507: '',\n              value508: ''\n            }\n          },\n          methods: {\n            disabledDateMethod ({ date }) {\n              const dd = date.getDate()\n              return dd > 15\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},methods:{disabledDateMethod:function(e){var t=e.date,a=t.getDate();return a>15}}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},d570:function(e,t,a){"use strict";var n=a("8193"),l=a.n(n);l.a},de0f:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.pager")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"pager"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-pager",{attrs:{align:"left","current-page":e.page1.currentPage,"page-size":e.page1.pageSize,total:e.page1.totalResult},on:{"update:currentPage":function(t){return e.$set(e.page1,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page1,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page1,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page1,"pageSize",t)}}}),a("vxe-pager",{attrs:{align:"left",size:"medium","current-page":e.page2.currentPage,"page-size":e.page2.pageSize,total:e.page2.totalResult},on:{"update:currentPage":function(t){return e.$set(e.page2,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page2,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page2,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page2,"pageSize",t)}}}),a("vxe-pager",{attrs:{align:"left",size:"small","current-page":e.page2.currentPage,"page-size":e.page2.pageSize,total:e.page2.totalResult},on:{"update:currentPage":function(t){return e.$set(e.page2,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page2,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page2,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page2,"pageSize",t)}}}),a("vxe-pager",{attrs:{align:"left",size:"mini","current-page":e.page2.currentPage,"page-size":e.page2.pageSize,total:e.page2.totalResult},on:{"update:currentPage":function(t){return e.$set(e.page2,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page2,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page2,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page2,"pageSize",t)}}})],1),a("p",[a("vxe-pager",{attrs:{"current-page":e.page4.currentPage,"page-size":e.page4.pageSize,total:e.page4.totalResult,layouts:["PrevJump","PrevPage","Number","NextPage","NextJump","Sizes","FullJump","Total"]},on:{"update:currentPage":function(t){return e.$set(e.page4,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page4,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page4,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page4,"pageSize",t)}}}),a("vxe-pager",{attrs:{background:"","current-page":e.page5.currentPage,"page-size":e.page5.pageSize,total:e.page5.totalResult,layouts:["PrevJump","PrevPage","JumpNumber","NextPage","NextJump","Sizes","FullJump","Total"]},on:{"update:currentPage":function(t){return e.$set(e.page5,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page5,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page5,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page5,"pageSize",t)}}})],1),a("p",[a("vxe-tooltip",{ref:"xTip"}),a("vxe-table",{attrs:{border:"",height:"200",data:e.tableData}},[a("vxe-table-column",{attrs:{type:"seq",width:"60"}}),a("vxe-table-column",{attrs:{field:"name",title:"Name"}}),a("vxe-table-column",{attrs:{field:"sex",title:"Sex"}}),a("vxe-table-column",{attrs:{field:"age",title:"Age"}})],1),a("vxe-pager",{attrs:{perfect:"","current-page":e.page6.currentPage,"page-size":e.page6.pageSize,total:e.page6.totalResult,layouts:["PrevJump","PrevPage","Number","NextPage","NextJump","Sizes","FullJump","Total"]},on:{"update:currentPage":function(t){return e.$set(e.page6,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page6,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page6,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page6,"pageSize",t)}},scopedSlots:e._u([{key:"left",fn:function(){return[a("vxe-button",{attrs:{size:"small"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("批量修改")]),a("vxe-button",{attrs:{type:"text"}},[e._v("批量管理")]),a("vxe-button",{attrs:{type:"text"}},[e._v("批量删除")])]},proxy:!0}])},[[e._v("更多操作")]],2)]},proxy:!0},{key:"right",fn:function(){return[a("img",{attrs:{src:"static/other/img1.gif",height:"34"}}),a("img",{attrs:{src:"static/other/img1.gif",height:"34"}}),a("img",{attrs:{src:"static/other/img1.gif",height:"34"}})]},proxy:!0}])})],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Arrow Up ↑ | 如果在当前页输入框内则向上翻页 |\n      | Arrow Down ↓ | 如果在当前页输入框内则向下翻页 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("fb6a"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{page1:{currentPage:1,pageSize:10,totalResult:200},page2:{currentPage:1,pageSize:10,totalResult:200},page3:{currentPage:1,pageSize:10,totalResult:200},page4:{currentPage:1,pageSize:10,totalResult:300},page5:{currentPage:1,pageSize:10,totalResult:300},page6:{currentPage:1,pageSize:10,totalResult:300},tableData:[],demoCodes:['\n        <p>\n          <vxe-pager\n            align="left"\n            :current-page.sync="page1.currentPage"\n            :page-size.sync="page1.pageSize"\n            :total="page1.totalResult">\n          </vxe-pager>\n          <vxe-pager\n            align="left"\n            size="medium"\n            :current-page.sync="page2.currentPage"\n            :page-size.sync="page2.pageSize"\n            :total="page2.totalResult">\n          </vxe-pager>\n          <vxe-pager\n            align="left"\n            size="small"\n            :current-page.sync="page2.currentPage"\n            :page-size.sync="page2.pageSize"\n            :total="page2.totalResult">\n          </vxe-pager>\n          <vxe-pager\n            align="left"\n            size="mini"\n            :current-page.sync="page2.currentPage"\n            :page-size.sync="page2.pageSize"\n            :total="page2.totalResult">\n          </vxe-pager>\n        </p>\n\n        <p>\n          <vxe-pager\n            :current-page.sync="page4.currentPage"\n            :page-size.sync="page4.pageSize"\n            :total="page4.totalResult"\n            :layouts="[\'PrevJump\', \'PrevPage\', \'Number\', \'NextPage\', \'NextJump\', \'Sizes\', \'FullJump\', \'Total\']">\n          </vxe-pager>\n\n          <vxe-pager\n            background\n            :current-page.sync="page5.currentPage"\n            :page-size.sync="page5.pageSize"\n            :total="page5.totalResult"\n            :layouts="[\'PrevJump\', \'PrevPage\', \'JumpNumber\', \'NextPage\', \'NextJump\', \'Sizes\', \'FullJump\', \'Total\']">\n          </vxe-pager>\n        </p>\n\n        <p>\n          <vxe-tooltip ref="xTip"></vxe-tooltip>\n          <vxe-table\n            border\n            height="200"\n            :data="tableData">\n            <vxe-table-column type="seq" width="60"></vxe-table-column>\n            <vxe-table-column field="name" title="Name"></vxe-table-column>\n            <vxe-table-column field="sex" title="Sex"></vxe-table-column>\n            <vxe-table-column field="age" title="Age"></vxe-table-column>\n          </vxe-table>\n          <vxe-pager\n            perfect\n            :current-page.sync="page6.currentPage"\n            :page-size.sync="page6.pageSize"\n            :total="page6.totalResult"\n            :layouts="[\'PrevJump\', \'PrevPage\', \'Number\', \'NextPage\', \'NextJump\', \'Sizes\', \'FullJump\', \'Total\']">\n            <template v-slot:left>\n              <vxe-button size="small">\n                <template>更多操作</template>\n                <template v-slot:dropdowns>\n                  <vxe-button type="text">批量修改</vxe-button>\n                  <vxe-button type="text">批量管理</vxe-button>\n                  <vxe-button type="text">批量删除</vxe-button>\n                </template>\n              </vxe-button>\n            </template>\n            <template v-slot:right>\n              <img src="static/other/img1.gif" height="34">\n              <img src="static/other/img1.gif" height="34">\n              <img src="static/other/img1.gif" height="34">\n            </template>\n          </vxe-pager>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              page1: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 200\n              },\n              page2: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 200\n              },\n              page3: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 200\n              },\n              page4: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 300\n              },\n              page5: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 300\n              },\n              page6: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 300\n              },\n              tableData: []\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},created:function(){this.tableData=window.MOCK_DATA_LIST.slice(0,8)}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},e40d:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.form")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"form"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-form",{attrs:{data:e.formData1},on:{submit:e.searchEvent,reset:e.resetEvent}},[a("vxe-form-item",{attrs:{title:"名称",field:"name"}},[a("vxe-input",{attrs:{placeholder:"请输入名称",clearable:""},model:{value:e.formData1.name,callback:function(t){e.$set(e.formData1,"name",t)},expression:"formData1.name"}})],1),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname"}},[a("vxe-input",{attrs:{placeholder:"请输入昵称"},model:{value:e.formData1.nickname,callback:function(t){e.$set(e.formData1,"nickname",t)},expression:"formData1.nickname"}})],1),a("vxe-form-item",{attrs:{title:"性别",field:"sex"}},[a("vxe-select",{attrs:{placeholder:"请选择性别",clearable:""},model:{value:e.formData1.sex,callback:function(t){e.$set(e.formData1,"sex",t)},expression:"formData1.sex"}},[a("vxe-option",{attrs:{value:"1",label:"女"}}),a("vxe-option",{attrs:{value:"2",label:"男"}})],1)],1),a("vxe-form-item",[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("默认尺寸")])],1)],1),a("vxe-form",{attrs:{data:e.formData1,size:"medium"},on:{submit:e.searchEvent,reset:e.resetEvent}},[a("vxe-form-item",{attrs:{title:"名称",field:"name"}},[a("vxe-input",{attrs:{placeholder:"请输入名称",clearable:""},model:{value:e.formData1.name,callback:function(t){e.$set(e.formData1,"name",t)},expression:"formData1.name"}})],1),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname"}},[a("vxe-input",{attrs:{placeholder:"请输入昵称",clearable:""},model:{value:e.formData1.nickname,callback:function(t){e.$set(e.formData1,"nickname",t)},expression:"formData1.nickname"}})],1),a("vxe-form-item",{attrs:{title:"性别",field:"sex"}},[a("vxe-select",{attrs:{placeholder:"请选择性别",clearable:""},model:{value:e.formData1.sex,callback:function(t){e.$set(e.formData1,"sex",t)},expression:"formData1.sex"}},[a("vxe-option",{attrs:{value:"1",label:"女"}}),a("vxe-option",{attrs:{value:"2",label:"男"}})],1)],1),a("vxe-form-item",[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("中等尺寸")])],1)],1),a("vxe-form",{attrs:{data:e.formData1,size:"small"},on:{submit:e.searchEvent,reset:e.resetEvent}},[a("vxe-form-item",{attrs:{title:"名称",field:"name"}},[a("vxe-input",{attrs:{placeholder:"请输入名称",clearable:""},model:{value:e.formData1.name,callback:function(t){e.$set(e.formData1,"name",t)},expression:"formData1.name"}})],1),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname"}},[a("vxe-input",{attrs:{placeholder:"请输入昵称",clearable:""},model:{value:e.formData1.nickname,callback:function(t){e.$set(e.formData1,"nickname",t)},expression:"formData1.nickname"}})],1),a("vxe-form-item",{attrs:{title:"性别",field:"sex"}},[a("vxe-select",{attrs:{placeholder:"请选择性别",clearable:""},model:{value:e.formData1.sex,callback:function(t){e.$set(e.formData1,"sex",t)},expression:"formData1.sex"}},[a("vxe-option",{attrs:{value:"1",label:"女"}}),a("vxe-option",{attrs:{value:"2",label:"男"}})],1)],1),a("vxe-form-item",[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("小型尺寸")])],1)],1),a("vxe-form",{attrs:{data:e.formData1,size:"mini"},on:{submit:e.searchEvent,reset:e.resetEvent}},[a("vxe-form-item",{attrs:{title:"名称",field:"name"}},[a("vxe-input",{attrs:{placeholder:"请输入名称",clearable:""},model:{value:e.formData1.name,callback:function(t){e.$set(e.formData1,"name",t)},expression:"formData1.name"}})],1),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname"}},[a("vxe-input",{attrs:{placeholder:"请输入昵称",clearable:""},model:{value:e.formData1.nickname,callback:function(t){e.$set(e.formData1,"nickname",t)},expression:"formData1.nickname"}})],1),a("vxe-form-item",{attrs:{title:"性别",field:"sex"}},[a("vxe-select",{attrs:{placeholder:"请选择性别",clearable:""},model:{value:e.formData1.sex,callback:function(t){e.$set(e.formData1,"sex",t)},expression:"formData1.sex"}},[a("vxe-option",{attrs:{value:"1",label:"女"}}),a("vxe-option",{attrs:{value:"2",label:"男"}})],1)],1),a("vxe-form-item",[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("超小尺寸")])],1)],1)],1),a("p",[a("vxe-form",{ref:"xForm",attrs:{data:e.formData2,rules:e.formRules3,loading:e.loading3,"title-align":"right","title-width":"100"},on:{submit:e.submitEvent3,reset:e.resetEvent}},[a("vxe-form-item",{attrs:{title:"名称",field:"name",span:"12"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("vxe-input",{attrs:{placeholder:"请输入名称",clearable:""},on:{input:function(a){return e.$refs.xForm.updateStatus(t)}},model:{value:e.formData2.name,callback:function(t){e.$set(e.formData2,"name",t)},expression:"formData2.name"}})]}}])}),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname",span:"12"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("vxe-input",{attrs:{placeholder:"请输入昵称",clearable:""},on:{input:function(a){return e.$refs.xForm.updateStatus(t)}},model:{value:e.formData2.nickname,callback:function(t){e.$set(e.formData2,"nickname",t)},expression:"formData2.nickname"}})]}}])}),a("vxe-form-item",{attrs:{title:"性别",field:"sex",span:"12"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("vxe-select",{attrs:{placeholder:"请选择性别",clearable:""},on:{change:function(a){return e.$refs.xForm.updateStatus(t)}},model:{value:e.formData2.sex,callback:function(t){e.$set(e.formData2,"sex",t)},expression:"formData2.sex"}},[a("vxe-option",{attrs:{value:"1",label:"女"}}),a("vxe-option",{attrs:{value:"2",label:"男"}})],1)]}}])}),a("vxe-form-item",{attrs:{title:"年龄",field:"age",span:"12"}},[a("vxe-input",{attrs:{type:"integer",placeholder:"请输入年龄",clearable:""},model:{value:e.formData2.age,callback:function(t){e.$set(e.formData2,"age",t)},expression:"formData2.age"}})],1),a("vxe-form-item",{attrs:{title:"日期",field:"date",span:"12"}},[a("vxe-input",{attrs:{type:"date",placeholder:"请选择日期",clearable:""},model:{value:e.formData2.date,callback:function(t){e.$set(e.formData2,"date",t)},expression:"formData2.date"}})],1),a("vxe-form-item",{attrs:{title:"地址",field:"address",span:"24"}},[a("vxe-textarea",{attrs:{placeholder:"请输入地址",clearable:""},model:{value:e.formData2.address,callback:function(t){e.$set(e.formData2,"address",t)},expression:"formData2.address"}})],1),a("vxe-form-item",{attrs:{align:"center",span:"24"}},[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("基本表单")]),a("vxe-button",{attrs:{type:"reset"}},[e._v("重置")])],1)],1)],1),a("p",[a("vxe-form",{attrs:{data:e.formData3,"title-align":"right","title-width":"100","title-colon":""},on:{submit:e.searchEvent,reset:e.resetEvent}},[a("vxe-form-item",{attrs:{title:"名称",field:"name",span:"8"}},[a("vxe-input",{attrs:{placeholder:"请输入名称",clearable:""},model:{value:e.formData3.name,callback:function(t){e.$set(e.formData3,"name",t)},expression:"formData3.name"}})],1),a("vxe-form-item",{attrs:{title:"昵称",field:"nickname",span:"8","title-prefix":{message:"请输入汉字！",icon:"fa fa-exclamation-circle"}}},[a("vxe-input",{attrs:{placeholder:"请输入昵称",clearable:""},model:{value:e.formData3.nickname,callback:function(t){e.$set(e.formData3,"nickname",t)},expression:"formData3.nickname"}})],1),a("vxe-form-item",{attrs:{title:"性别",field:"sex",span:"8"}},[a("vxe-select",{attrs:{placeholder:"请选择性别",clearable:""},model:{value:e.formData3.sex,callback:function(t){e.$set(e.formData3,"sex",t)},expression:"formData3.sex"}},[a("vxe-option",{attrs:{value:"1",label:"女"}}),a("vxe-option",{attrs:{value:"2",label:"男"}})],1)],1),a("vxe-form-item",{attrs:{title:"年龄",field:"age",span:"8","title-prefix":{message:"请输入数值！",icon:"fa fa-info-circle"}}},[a("vxe-input",{attrs:{type:"integer",placeholder:"请输入年龄",clearable:""},model:{value:e.formData3.age,callback:function(t){e.$set(e.formData3,"age",t)},expression:"formData3.age"}})],1),a("vxe-form-item",{attrs:{title:"状态",field:"status",span:"8"}},[a("vxe-select",{attrs:{placeholder:"请选择状态",clearable:""},model:{value:e.formData3.status,callback:function(t){e.$set(e.formData3,"status",t)},expression:"formData3.status"}},[a("vxe-option",{attrs:{value:"0",label:"失败"}}),a("vxe-option",{attrs:{value:"1",label:"成功"}})],1)],1),a("vxe-form-item",{attrs:{title:"是否禁用",field:"active",span:"8"}},[a("vxe-switch",{attrs:{"on-label":"是","off-label":"否"},model:{value:e.formData3.active,callback:function(t){e.$set(e.formData3,"active",t)},expression:"formData3.active"}})],1),a("vxe-form-item",{attrs:{title:"体重",field:"weight",span:"8",folding:""}},[a("vxe-input",{attrs:{type:"number",placeholder:"请输入体重",clearable:""},model:{value:e.formData3.weight,callback:function(t){e.$set(e.formData3,"weight",t)},expression:"formData3.weight"}})],1),a("vxe-form-item",{attrs:{title:"日期",field:"date",span:"8",folding:""}},[a("vxe-input",{attrs:{type:"date",placeholder:"请选择日期",clearable:""},model:{value:e.formData3.date,callback:function(t){e.$set(e.formData3,"date",t)},expression:"formData3.date"}})],1),a("vxe-form-item",{attrs:{title:"是否单身",field:"single",span:"8",folding:""}},[a("vxe-radio-group",{model:{value:e.formData3.single,callback:function(t){e.$set(e.formData3,"single",t)},expression:"formData3.single"}},[a("vxe-radio",{attrs:{label:"1"}},[e._v("是")]),a("vxe-radio",{attrs:{label:"0"}},[e._v("否")])],1)],1),a("vxe-form-item",{attrs:{title:"兴趣爱好",field:"flagList",span:"8",folding:""}},[a("vxe-checkbox-group",{model:{value:e.formData3.flagList,callback:function(t){e.$set(e.formData3,"flagList",t)},expression:"formData3.flagList"}},[a("vxe-checkbox",{attrs:{label:"1"}},[e._v("爬山")]),a("vxe-checkbox",{attrs:{label:"2"}},[e._v("跑步")]),a("vxe-checkbox",{attrs:{label:"3"}},[e._v("听歌")])],1)],1),a("vxe-form-item",{attrs:{align:"center",span:"24","collapse-node":""}},[a("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("折叠式表单")]),a("vxe-button",{attrs:{type:"reset"}},[e._v("重置")])],1)],1)],1),a("p",[a("vxe-form",{attrs:{data:e.formData4,items:e.formItems4}})],1),e._m(0),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("pre",[e._v("    "),a("code",[e._v("\n      | Tab | 切换到上一个 |\n      | Shift Tab | 切换到下一个 |\n      | Enter | 如果有存在提交按钮则提交表单 |\n    ")]),e._v("\n  ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{formData1:{name:"",nickname:"",sex:"1"},loading3:!1,formData2:{name:"",nickname:"",sex:"",age:26,date:null,address:null},formRules3:{name:[{required:!0,message:"请输入名称"},{min:3,max:5,message:"长度在 3 到 5 个字符"}],nickname:[{required:!0,message:"请输入昵称"}],sex:[{required:!0,message:"请选择性别"}]},formData3:{name:"",nickname:"",sex:"",age:30,status:"1",weight:null,date:null,active:!1,single:"1",flagList:[]},formData4:{name:"",nickname:"",sex:"0",role:"",age:22},formItems4:[{field:"name",title:"名称",span:8,itemRender:{name:"$input",props:{placeholder:"请输入名称"}}},{field:"nickname",title:"昵称",span:8,itemRender:{name:"$input",props:{placeholder:"请输入昵称"}}},{field:"sex",title:"性别",span:8,itemRender:{name:"$select",options:[{value:"0",label:"女"},{value:"1",label:"男"}],props:{placeholder:"请选择性别"}}},{field:"role",title:"角色",span:8,itemRender:{name:"$input",props:{placeholder:"请输入角色"}}},{field:"age",title:"年龄",span:8,itemRender:{name:"$input",props:{type:"number",placeholder:"请输入年龄"}}},{field:"region",title:"名称",span:8,itemRender:{name:"$input",props:{placeholder:"请输入名称"}}},{align:"center",span:24,itemRender:{name:"$buttons",children:[{props:{type:"submit",content:"配置式表单",status:"primary"}},{props:{type:"reset",content:"重置"}}]}}],demoCodes:['\n        <p>\n          <vxe-form :data="formData1" @submit="searchEvent" @reset="resetEvent">\n            <vxe-form-item title="名称" field="name">\n              <vxe-input v-model="formData1.name" placeholder="请输入名称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="昵称" field="nickname">\n              <vxe-input v-model="formData1.nickname" placeholder="请输入昵称"></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="性别" field="sex">\n              <vxe-select v-model="formData1.sex" placeholder="请选择性别" clearable>\n                <vxe-option value="1" label="女"></vxe-option>\n                <vxe-option value="2" label="男"></vxe-option>\n              </vxe-select>\n            </vxe-form-item>\n            <vxe-form-item>\n              <vxe-button type="submit" status="primary">默认尺寸</vxe-button>\n            </vxe-form-item>\n          </vxe-form>\n          <vxe-form :data="formData1" @submit="searchEvent" @reset="resetEvent" size="medium">\n            <vxe-form-item title="名称" field="name">\n              <vxe-input v-model="formData1.name" placeholder="请输入名称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="昵称" field="nickname">\n              <vxe-input v-model="formData1.nickname" placeholder="请输入昵称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="性别" field="sex">\n              <vxe-select v-model="formData1.sex" placeholder="请选择性别" clearable>\n                <vxe-option value="1" label="女"></vxe-option>\n                <vxe-option value="2" label="男"></vxe-option>\n              </vxe-select>\n            </vxe-form-item>\n            <vxe-form-item>\n              <vxe-button type="submit" status="primary">中等尺寸</vxe-button>\n            </vxe-form-item>\n          </vxe-form>\n          <vxe-form :data="formData1" @submit="searchEvent" @reset="resetEvent" size="small">\n            <vxe-form-item title="名称" field="name">\n              <vxe-input v-model="formData1.name" placeholder="请输入名称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="昵称" field="nickname">\n              <vxe-input v-model="formData1.nickname" placeholder="请输入昵称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="性别" field="sex">\n              <vxe-select v-model="formData1.sex" placeholder="请选择性别" clearable>\n                <vxe-option value="1" label="女"></vxe-option>\n                <vxe-option value="2" label="男"></vxe-option>\n              </vxe-select>\n            </vxe-form-item>\n            <vxe-form-item>\n              <vxe-button type="submit" status="primary">小型尺寸</vxe-button>\n            </vxe-form-item>\n          </vxe-form>\n          <vxe-form :data="formData1" @submit="searchEvent" @reset="resetEvent" size="mini">\n            <vxe-form-item title="名称" field="name">\n              <vxe-input v-model="formData1.name" placeholder="请输入名称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="昵称" field="nickname">\n              <vxe-input v-model="formData1.nickname" placeholder="请输入昵称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="性别" field="sex">\n              <vxe-select v-model="formData1.sex" placeholder="请选择性别" clearable>\n                <vxe-option value="1" label="女"></vxe-option>\n                <vxe-option value="2" label="男"></vxe-option>\n              </vxe-select>\n            </vxe-form-item>\n            <vxe-form-item>\n              <vxe-button type="submit" status="primary">超小尺寸</vxe-button>\n            </vxe-form-item>\n          </vxe-form>\n        </p>\n\n        <p>\n          <vxe-form ref="xForm" :data="formData2" :rules="formRules3" :loading="loading3" title-align="right" title-width="100" @submit="submitEvent3" @reset="resetEvent">\n            <vxe-form-item title="名称" field="name" span="12">\n              <template v-slot="scope">\n                <vxe-input v-model="formData2.name" placeholder="请输入名称" clearable @input="$refs.xForm.updateStatus(scope)"></vxe-input>\n              </template>\n            </vxe-form-item>\n            <vxe-form-item title="昵称" field="nickname" span="12">\n              <template v-slot="scope">\n                <vxe-input v-model="formData2.nickname" placeholder="请输入昵称" clearable @input="$refs.xForm.updateStatus(scope)"></vxe-input>\n              </template>\n            </vxe-form-item>\n            <vxe-form-item title="性别" field="sex" span="12">\n              <template v-slot="scope">\n                <vxe-select v-model="formData2.sex" placeholder="请选择性别" clearable @change="$refs.xForm.updateStatus(scope)">\n                  <vxe-option value="1" label="女"></vxe-option>\n                  <vxe-option value="2" label="男"></vxe-option>\n                </vxe-select>\n              </template>\n            </vxe-form-item>\n            <vxe-form-item title="年龄" field="age" span="12">\n              <vxe-input v-model="formData2.age" type="integer" placeholder="请输入年龄" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="日期" field="date" span="12">\n              <vxe-input v-model="formData2.date" type="date" placeholder="请选择日期" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="地址" field="address" span="24">\n              <vxe-textarea v-model="formData2.address" placeholder="请输入地址" clearable></vxe-textarea>\n            </vxe-form-item>\n            <vxe-form-item align="center" span="24">\n              <vxe-button type="submit" status="primary">基本表单</vxe-button>\n              <vxe-button type="reset">重置</vxe-button>\n            </vxe-form-item>\n          </vxe-form>\n        </p>\n\n        <p>\n          <vxe-form :data="formData3" title-align="right" title-width="100" @submit="searchEvent" @reset="resetEvent" title-colon>\n            <vxe-form-item title="名称" field="name" span="8">\n              <vxe-input v-model="formData3.name" placeholder="请输入名称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="昵称" field="nickname" span="8" :title-prefix="{ message: \'请输入汉字！\', icon: \'fa fa-exclamation-circle\' }">\n              <vxe-input v-model="formData3.nickname" placeholder="请输入昵称" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="性别" field="sex" span="8">\n              <vxe-select v-model="formData3.sex" placeholder="请选择性别" clearable>\n                <vxe-option value="1" label="女"></vxe-option>\n                <vxe-option value="2" label="男"></vxe-option>\n              </vxe-select>\n            </vxe-form-item>\n            <vxe-form-item title="年龄" field="age" span="8" :title-prefix="{ message: \'请输入数值！\', icon: \'fa fa-info-circle\' }">\n              <vxe-input v-model="formData3.age" type="integer" placeholder="请输入年龄" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="状态" field="status" span="8">\n              <vxe-select v-model="formData3.status" placeholder="请选择状态" clearable>\n                <vxe-option value="0" label="失败"></vxe-option>\n                <vxe-option value="1" label="成功"></vxe-option>\n              </vxe-select>\n            </vxe-form-item>\n            <vxe-form-item title="是否禁用" field="active" span="8" folding>\n              <vxe-switch v-model="formData3.active" on-label="是" off-label="否"></vxe-switch>\n            </vxe-form-item>\n            <vxe-form-item title="体重" field="weight" span="8" folding>\n              <vxe-input v-model="formData3.weight" type="number" placeholder="请输入体重" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="日期" field="date" span="8" folding>\n              <vxe-input v-model="formData3.date" type="date" placeholder="请选择日期" clearable></vxe-input>\n            </vxe-form-item>\n            <vxe-form-item title="是否单身" field="single" span="8" folding>\n              <vxe-radio-group v-model="formData3.single">\n                <vxe-radio label="1">是</vxe-radio>\n                <vxe-radio label="0">否</vxe-radio>\n              </vxe-radio-group>\n            </vxe-form-item>\n            <vxe-form-item title="兴趣爱好" field="flagList" span="8" folding>\n              <vxe-checkbox-group v-model="formData3.flagList">\n                <vxe-checkbox label="1">爬山</vxe-checkbox>\n                <vxe-checkbox label="2">跑步</vxe-checkbox>\n                <vxe-checkbox label="3">听歌</vxe-checkbox>\n              </vxe-checkbox-group>\n            </vxe-form-item>\n            <vxe-form-item align="center" span="24" collapse-node>\n              <vxe-button type="submit" status="primary">折叠式表单</vxe-button>\n              <vxe-button type="reset">重置</vxe-button>\n            </vxe-form-item>\n          </vxe-form>\n        </p>\n\n        <p>\n          <vxe-form :data="formData4" :items="formItems4"></vxe-form>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              formData1: {\n                name: '',\n                nickname: '',\n                sex: '1'\n              },\n              loading3: false,\n              formData2: {\n                name: '',\n                nickname: '',\n                sex: '',\n                age: 26,\n                date: null,\n                address: null\n              },\n              formRules3: {\n                name: [\n                  { required: true, message: '请输入名称' },\n                  { min: 3, max: 5, message: '长度在 3 到 5 个字符' }\n                ],\n                nickname: [\n                  { required: true, message: '请输入昵称' }\n                ],\n                sex: [\n                  { required: true, message: '请选择性别' }\n                ]\n              },\n              formData3: {\n                name: '',\n                nickname: '',\n                sex: '',\n                age: 30,\n                status: '1',\n                weight: null,\n                date: null,\n                active: false,\n                single: '1',\n                flagList: []\n              },\n              formData4: {\n                name: '',\n                nickname: '',\n                sex: '0',\n                role: '',\n                age: 22\n              },\n              formItems4: [\n                { field: 'name', title: '名称', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },\n                { field: 'nickname', title: '昵称', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } },\n                { field: 'sex', title: '性别', span: 8, itemRender: { name: '$select', options: [{ value: '0', label: '女' }, { value: '1', label: '男' }], props: { placeholder: '请选择性别' } } },\n                { field: 'role', title: '角色', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入角色' } } },\n                { field: 'age', title: '年龄', span: 8, itemRender: { name: '$input', props: { type: 'number', placeholder: '请输入年龄' } } },\n                { field: 'region', title: '名称', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },\n                { align: 'center', span: 24, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '配置式表单', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }\n              ]\n            }\n          },\n          methods: {\n            submitEvent3 () {\n              this.loading3 = true\n              setTimeout(() => {\n                this.loading3 = false\n                this.$XModal.message({ message: '保存成功', status: 'success' })\n              }, 1000)\n            },\n            searchEvent () {\n              this.$XModal.message({ message: '查询事件', status: 'info' })\n            },\n            resetEvent () {\n              this.$XModal.message({ message: '重置事件', status: 'info' })\n            }\n          }\n        }\n        "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},methods:{submitEvent3:function(){var e=this;this.loading3=!0,setTimeout((function(){e.loading3=!1,e.$XModal.message({message:"保存成功",status:"success"})}),1e3)},searchEvent:function(){this.$XModal.message({message:"查询事件",status:"info"})},resetEvent:function(){this.$XModal.message({message:"重置事件",status:"info"})}}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports},eaa6:function(e,t,a){},edda:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h2",[e._v(e._s(e.$t("app.aside.nav.tooltip")))]),a("p",{staticClass:"tip"},[e._v("查看 "),a("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"tooltip"}}}},[e._v("API")]),e._v("，可以通过 "),a("router-link",{staticClass:"link",attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局参数")],1),a("p",[a("vxe-tooltip",{attrs:{content:"我是提示内容"}},[a("a",{staticClass:"link"},[e._v("文字提示")])])],1),a("p",[a("vxe-tooltip",{attrs:{content:"除了点击之外不会自动消息",trigger:"click"}},[a("vxe-button",[e._v("点击触发")])],1),a("vxe-tooltip",{attrs:{content:"hover 提示内容"}},[a("vxe-button",[e._v("Hover 触发")])],1),a("vxe-tooltip",{attrs:{content:"鼠标可以进入到 tooltip 中",enterable:""}},[a("vxe-button",[e._v("设置 Enterable")])],1)],1),a("p",[a("vxe-tooltip",{attrs:{content:"自定义提示内容",trigger:"manual"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[a("vxe-button",{on:{mouseenter:function(t){e.value1=!0},mouseleave:function(t){e.value1=!1}}},[e._v("手动模式")])],1)],1),a("p",[a("vxe-tooltip",{ref:"myTip"}),a("vxe-button",{on:{mouseenter:function(t){return e.$refs.myTip.toVisible(t.target,"自定义提示内容")},mouseleave:function(t){return e.$refs.myTip.close()}}},[e._v("高性能模式，只创建一个实例")])],1),a("p",[a("vxe-tooltip",{ref:"xTip"}),a("vxe-table",{attrs:{border:"",height:"200",data:e.tableData},on:{"cell-mouseenter":e.cellMouseenterEvent,"cell-mouseleave":e.cellMouseleaveEvent}},[a("vxe-table-column",{attrs:{type:"seq",width:"60"}}),a("vxe-table-column",{attrs:{field:"name",title:"Name"}}),a("vxe-table-column",{attrs:{field:"sex",title:"Sex"}}),a("vxe-table-column",{attrs:{field:"age",title:"Age"}})],1)],1),a("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),a("pre",[e._v("    "),a("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])])},l=[],o=(a("4160"),a("a630"),a("fb6a"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),v={data:function(){return{value1:!1,tableData:[],demoCodes:['\n        <p>\n          <vxe-tooltip content="我是提示内容">\n            <a class="link">文字提示</a>\n          </vxe-tooltip>\n        </p>\n\n        <p>\n          <vxe-tooltip content="除了点击之外不会自动消息" trigger="click">\n            <vxe-button>点击触发</vxe-button>\n          </vxe-tooltip>\n          <vxe-tooltip content="hover 提示内容">\n            <vxe-button>Hover 触发</vxe-button>\n          </vxe-tooltip>\n          <vxe-tooltip content="鼠标可以进入到 tooltip 中" enterable>\n            <vxe-button>设置 Enterable</vxe-button>\n          </vxe-tooltip>\n        </p>\n\n        <p>\n          <vxe-tooltip v-model="value1" content="自定义提示内容" trigger="manual">\n            <vxe-button @mouseenter="value1 = true" @mouseleave="value1 = false">手动模式</vxe-button>\n          </vxe-tooltip>\n        </p>\n\n        <p>\n          <vxe-tooltip ref="myTip"></vxe-tooltip>\n          <vxe-button @mouseenter="$refs.myTip.toVisible($event.target, \'自定义提示内容\')" @mouseleave="$refs.myTip.close()">高性能模式，只创建一个实例</vxe-button>\n        </p>\n\n        <p>\n          <vxe-tooltip ref="xTip"></vxe-tooltip>\n          <vxe-table\n            border\n            height="200"\n            :data="tableData"\n            @cell-mouseenter="cellMouseenterEvent"\n            @cell-mouseleave="cellMouseleaveEvent">\n            <vxe-table-column type="seq" width="60"></vxe-table-column>\n            <vxe-table-column field="name" title="Name"></vxe-table-column>\n            <vxe-table-column field="sex" title="Sex"></vxe-table-column>\n            <vxe-table-column field="age" title="Age"></vxe-table-column>\n          </vxe-table>\n        </p>\n        ',"\n        export default {\n          data () {\n            return {\n              value1: false\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 8)\n          },\n          methods: {\n            cellMouseenterEvent ({ row, column, cell }) {\n              this.$refs.xTip.toVisible(cell, `自定义提示内容：${cell.innerText}`)\n            },\n            cellMouseleaveEvent ({ row, column, cell }) {\n              this.$refs.xTip.close()\n            }\n          }\n        }\n        "]}},created:function(){this.tableData=window.MOCK_DATA_LIST.slice(0,8)},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))},methods:{cellMouseenterEvent:function(e){var t=e.cell;this.$refs.xTip.toVisible(t,"自定义提示内容：".concat(t.innerText))},cellMouseleaveEvent:function(){this.$refs.xTip.close()}}},u=v,r=a("2877"),i=Object(r["a"])(u,n,l,!1,null,null,null);t["default"]=i.exports}}]);