lxm_front/vxe-table
1
0
Fork 0
mirror of https://gitee.com/xuliangzhan_admin/vxe-table.git synced 2026-01-21 05:27:57 +08:00
Code Issues Projects Releases Wiki Activity
Files
9bb8056eacf5cd884bd20dd4fbb1e344f03b64cb
vxe-table/docs/static/js/module.50522899.js
xuliangzhan 9bb8056eac 更新文档
2020-03-13 22:55:15 +08:00

1 line
121 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
(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")])],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),r={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)}))}},v=r,u=a("2877"),i=Object(u["a"])(v,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 r(e){var t=!1;try{o(e),t=s()}catch(a){}return t}r.copy=r;var v=r;t["default"]=v},"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")])],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",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")])]},proxy:!0}])},[[e._v("默认颜色")]],2),a("vxe-button",{attrs:{status:"primary"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")])]},proxy:!0}])},[[e._v("主要颜色")]],2),a("vxe-button",{attrs:{status:"success"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")])]},proxy:!0}])},[[e._v("成功颜色")]],2),a("vxe-button",{attrs:{status:"info"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")])]},proxy:!0}])},[[e._v("信息颜色")]],2),a("vxe-button",{attrs:{status:"warning"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")])]},proxy:!0}])},[[e._v("警告颜色")]],2),a("vxe-button",{attrs:{status:"danger"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[a("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")])]},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:"vxe-icon--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:"vxe-icon--plus"}}),a("vxe-button",{attrs:{type:"text",icon:"vxe-icon--refresh",loading:""}}),a("vxe-button",{attrs:{status:"primary",icon:"vxe-icon--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),r={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>\n <template>默认颜色</template>\n <template v-slot:dropdowns>\n <vxe-button type="text">下拉按钮1</vxe-button>\n </template>\n </vxe-button>\n <vxe-button status="primary">\n <template>主要颜色</template>\n <template v-slot:dropdowns>\n <vxe-button type="text">下拉按钮1</vxe-button>\n </template>\n </vxe-button>\n <vxe-button status="success">\n <template>成功颜色</template>\n <template v-slot:dropdowns>\n <vxe-button type="text">下拉按钮1</vxe-button>\n </template>\n </vxe-button>\n <vxe-button status="info">\n <template>信息颜色</template>\n <template v-slot:dropdowns>\n <vxe-button type="text">下拉按钮1</vxe-button>\n </template>\n </vxe-button>\n <vxe-button status="warning">\n <template>警告颜色</template>\n <template v-slot:dropdowns>\n <vxe-button type="text">下拉按钮1</vxe-button>\n </template>\n </vxe-button>\n <vxe-button status="danger">\n <template>危险颜色</template>\n <template v-slot:dropdowns>\n <vxe-button type="text">下拉按钮1</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="vxe-icon--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="vxe-icon--plus"></vxe-button>\n <vxe-button type="text" icon="vxe-icon--refresh" loading></vxe-button>\n <vxe-button status="primary" icon="vxe-icon--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)}))}},v=r,u=(a("457c"),a("2877")),i=Object(u["a"])(v,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")])],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),r={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)}))}},v=r,u=a("2877"),i=Object(u["a"])(v,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("br"),e._v(" Modal.open(options) 模态窗口"),a("br"),e._v(" Modal.message(message, title, options) 消息框"),a("br"),e._v(" Modal.alert(message, title, options) 提示框"),a("br"),e._v(" Modal.confirm(message, title, options) 确认框"),a("br"),e._v(" 如果需要手动关闭动态创建的窗口，通过 Modal.close(id?: string) ")],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":"400","min-height":"320",resize:"",remember:"",storage:""},scopedSlots:e._u([{key:"title",fn:function(){return[a("span",{staticStyle:{color:"red"}},[e._v("完整功能的窗口（移动、拖动、状态保存）")])]},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),r=a("1487"),v=a.n(r),u={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="400" min-height="320" resize remember storage>\n <template v-slot:title>\n <span style="color: red;">完整功能的窗口（移动、拖动、状态保存）</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){v.a.highlightBlock(e)}))}},i=u,c=a("2877"),x=Object(c["a"])(i,n,l,!1,null,null,null);t["default"]=x.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("icon")]),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),r=a("0edb"),v=a.n(r),u={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;v.a.copy(t)&&this.$XModal.message({message:"已复制到剪贴板！",status:"success"})}}},i=u,c=(a("c0c9"),a("2877")),x=Object(c["a"])(i,n,l,!1,null,"45e31a38",null);t["default"]=x.exports},"492b":function(e,t,a){"use strict";var n=a("ee1c"),l=a.n(n);l.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")])],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:{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),r={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 :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)}))}}},v=r,u=(a("492b"),a("2877")),i=Object(u["a"])(v,n,l,!1,null,"00336db6",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")])],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:""},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:""},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"}})],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 ")]),e._v("\n ")])}],o=(a("4160"),a("a630"),a("3ca3"),a("159b"),a("1487")),s=a.n(o),r={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"}]}],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>\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>\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 </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 }\n }\n }\n "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},v=r,u=a("2877"),i=Object(u["a"])(v,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")])],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),r={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)}))}},v=r,u=a("2877"),i=Object(u["a"])(v,n,l,!1,null,null,null);t["default"]=i.exports},c0c9:function(e,t,a){"use strict";var n=a("f86d"),l=a.n(n);l.a},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("，支持：text 文本、number 数值、integer 整数、date 日期、week 周、month 月份、year 年份、password 密码")],1),a("p",[a("vxe-input",{attrs:{placeholder:"默认尺寸"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}}),a("vxe-input",{attrs:{placeholder:"中等尺寸",size:"medium"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}}),a("vxe-input",{attrs:{placeholder:"小型尺寸",size:"small"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}}),a("vxe-input",{attrs:{placeholder:"超小尺寸",size:"mini"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"可清除",clearable:""},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}}),a("vxe-input",{attrs:{placeholder:"带图标","prefix-icon":"fa fa-user","suffix-icon":"fa fa-search",clearable:""},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}}),a("vxe-input",{attrs:{placeholder:"只读的","suffix-icon":"fa fa-search",readonly:""},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}}),a("vxe-input",{attrs:{placeholder:"禁用的","prefix-icon":"fa fa-user-o",disabled:""},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"密码类型",type:"password"},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"日期类型",type:"date"},model:{value:e.value10,callback:function(t){e.value10=t},expression:"value10"}}),a("vxe-input",{attrs:{placeholder:"周",type:"week",clearable:""},model:{value:e.value11,callback:function(t){e.value11=t},expression:"value11"}}),a("vxe-input",{attrs:{placeholder:"月",type:"month","date-config":{valueFormat:"yyyy-MM-dd"}},model:{value:e.value12,callback:function(t){e.value12=t},expression:"value12"}}),a("vxe-input",{attrs:{placeholder:"年",type:"year",clearable:""},model:{value:e.value13,callback:function(t){e.value13=t},expression:"value13"}}),a("vxe-input",{attrs:{placeholder:"禁用日期",type:"date","date-config":{disabledMethod:e.disabledDateMethod}},model:{value:e.value14,callback:function(t){e.value14=t},expression:"value14"}})],1),a("p",[a("vxe-input",{attrs:{placeholder:"数值类型",type:"number"},model:{value:e.value15,callback:function(t){e.value15=t},expression:"value15"}}),a("vxe-input",{attrs:{placeholder:"步数控制",type:"number",step:"1.4",clearable:""},model:{value:e.value16,callback:function(t){e.value16=t},expression:"value16"}}),a("vxe-input",{attrs:{placeholder:"范围值 0-10",type:"number",min:"0",max:"10",clearable:""},model:{value:e.value17,callback:function(t){e.value17=t},expression:"value17"}}),a("vxe-input",{attrs:{placeholder:"整数类型",type:"integer"},model:{value:e.value18,callback:function(t){e.value18=t},expression:"value18"}}),a("vxe-input",{attrs:{placeholder:"步数控制",type:"integer",step:"5",clearable:""},model:{value:e.value19,callback:function(t){e.value19=t},expression:"value19"}}),a("vxe-input",{attrs:{placeholder:"范围值 0-100",type:"integer",min:"0",max:"100",step:"5",clearable:""},model:{value:e.value20,callback:function(t){e.value20=t},expression:"value20"}})],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),r={data:function(){return{value1:"",value2:"",value3:"",value4:"",value5:"",value6:"",value7:"",value8:"",value9:"",value10:"2018-01-09",value11:"",value12:"",value13:"",value14:"",value15:"",value16:"",value17:"",value18:"",value19:"",value20:"",demoCodes:['\n <p>\n <vxe-input v-model="value1" placeholder="默认尺寸"></vxe-input>\n <vxe-input v-model="value2" placeholder="中等尺寸" size="medium"></vxe-input>\n <vxe-input v-model="value3" placeholder="小型尺寸" size="small"></vxe-input>\n <vxe-input v-model="value4" placeholder="超小尺寸" size="mini"></vxe-input>\n </p>\n\n <p>\n <vxe-input v-model="value5" placeholder="可清除" clearable></vxe-input>\n <vxe-input v-model="value6" placeholder="带图标" prefix-icon="fa fa-user" suffix-icon="fa fa-search" clearable></vxe-input>\n <vxe-input v-model="value7" placeholder="只读的" suffix-icon="fa fa-search" readonly></vxe-input>\n <vxe-input v-model="value8" placeholder="禁用的" prefix-icon="fa fa-user-o" disabled></vxe-input>\n </p>\n\n <p>\n <vxe-input v-model="value9" placeholder="密码类型" type="password"></vxe-input>\n </p>\n\n <p>\n <vxe-input v-model="value10" placeholder="日期类型" type="date"></vxe-input>\n <vxe-input v-model="value11" placeholder="周" type="week" clearable></vxe-input>\n <vxe-input v-model="value12" placeholder="月" type="month" :date-config="{valueFormat: \'yyyy-MM-dd\'}"></vxe-input>\n <vxe-input v-model="value13" placeholder="年" type="year" clearable></vxe-input>\n <vxe-input v-model="value14" placeholder="禁用日期" type="date" :date-config="{disabledMethod: disabledDateMethod}"></vxe-input>\n </p>\n\n <p>\n <vxe-input v-model="value15" placeholder="数值类型" type="number"></vxe-input>\n <vxe-input v-model="value16" placeholder="步数控制" type="number" step="1.4" clearable></vxe-input>\n <vxe-input v-model="value17" placeholder="范围值 0-10" type="number" min="0" max="10" clearable></vxe-input>\n <vxe-input v-model="value18" placeholder="整数类型" type="integer"></vxe-input>\n <vxe-input v-model="value19" placeholder="步数控制" type="integer" step="5" clearable></vxe-input>\n <vxe-input v-model="value20" placeholder="范围值 0-100" type="integer" min="0" max="100" step="5" clearable></vxe-input>\n </p>\n ',"\n export default {\n data () {\n return {\n value1: '',\n value2: '',\n value3: '',\n value4: '',\n value5: '',\n value6: '',\n value7: '',\n value8: '',\n value9: '',\n value10: '2018-01-09',\n value11: '',\n value12: '',\n value13: '',\n value14: '',\n value15: '',\n value16: '',\n value17: '',\n value18: '',\n value19: '',\n value20: ''\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}}},v=r,u=a("2877"),i=Object(u["a"])(v,n,l,!1,null,null,null);t["default"]=i.exports},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",{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:{border:"","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","Number","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)}}})],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),r={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 border\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\', \'Number\', \'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 </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)}},v=r,u=a("2877"),i=Object(u["a"])(v,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")])],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:"region",span:"8"}},[a("vxe-input",{attrs:{placeholder:"请输入区域",clearable:""},model:{value:e.formData4.region,callback:function(t){e.$set(e.formData4,"region",t)},expression:"formData4.region"}})],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:"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:{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),r={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",region:null,weight:null,date:null,single:"1"},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="region" span="8">\n <vxe-input v-model="formData4.region" 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="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 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 region: null,\n weight: null,\n date: null,\n single: '1'\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"})}}},v=r,u=a("2877"),i=Object(u["a"])(v,n,l,!1,null,null,null);t["default"]=i.exports},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")])],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),r={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()}}},v=r,u=a("2877"),i=Object(u["a"])(v,n,l,!1,null,null,null);t["default"]=i.exports},ee1c:function(e,t,a){},f86d:function(e,t,a){}}]);
Reference in New Issue View Git Blame Copy Permalink