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
7cd2af8167fd6f6ca5f4aa3c2bb0c1375c4fd59a
vxe-table/docs/static/js/module.d6f5a97d.js
xuliangzhan 1e9d7d14b4 更新文档
2020-02-12 12:22:54 +08:00

1 line
70 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"],{"0edb":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=window.document,o=a.createElement("textarea");function l(e){var t=o.style;o.id="$XECopy",t.width="48px",t.height="24px",t.position="fixed",t.zIndex="0",t.left="-500px",t.top="-500px",o.value=null===e||void 0===e?"":""+e,o.parentNode||a.body.appendChild(o)}function s(){return o.focus(),o.select(),o.setSelectionRange(0,o.value.length),a.execCommand("copy")}function r(e){var t=!1;try{l(e),t=s()}catch(n){}return t}r.copy=r;var i=r;t["default"]=i},1906:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.button")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"button"}}}},[e._v("API")])],1),n("p",[n("vxe-button",[e._v("默认按钮")]),n("vxe-button",{attrs:{size:"medium"}},[e._v("中等按钮")]),n("vxe-button",{attrs:{size:"small"}},[e._v("小型按钮")]),n("vxe-button",{attrs:{size:"mini"}},[e._v("超小按钮")])],1),n("p",[n("vxe-button",{attrs:{size:"mini"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("超小下拉按钮")]],2),n("vxe-button",{attrs:{size:"small"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("小型下拉按钮")]],2),n("vxe-button",{attrs:{size:"medium"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("中等下拉按钮")]],2),n("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("默认下拉按钮")]],2)],1),n("p",[n("vxe-button",{attrs:{type:"text",icon:"vxe-icon--menu"}}),n("vxe-button",{attrs:{type:"text",icon:"vxe-icon--download"}},[e._v("图标按钮")]),n("vxe-button",{attrs:{icon:"vxe-icon--refresh"}}),n("vxe-button",{attrs:{status:"primary",icon:"vxe-icon--download"}},[e._v("图标按钮")])],1),n("p",[n("vxe-button",{attrs:{type:"text"}},[e._v("文本按钮")]),n("vxe-button",{attrs:{type:"text",disabled:""}},[e._v("禁用")]),n("vxe-button",{attrs:{type:"text",loading:""}},[e._v("加载中")]),n("vxe-button",{attrs:{type:"text"},scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮1")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮2")]),n("vxe-button",{attrs:{type:"text"}},[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)],1),n("p",[n("vxe-button",[e._v("普通按钮")]),n("vxe-button",{attrs:{disabled:""}},[e._v("禁用")]),n("vxe-button",{attrs:{loading:""}},[e._v("加载中")]),n("vxe-button",{attrs:{status:"primary"}},[e._v("主要按钮")]),n("vxe-button",{attrs:{status:"primary",disabled:""}},[e._v("禁用")]),n("vxe-button",{attrs:{status:"primary",loading:""}},[e._v("加载中")]),n("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",[e._v("下拉按钮1")]),n("vxe-button",[e._v("下拉按钮2")]),n("vxe-button",[e._v("下拉按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),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" icon="vxe-icon--menu"></vxe-button>\n <vxe-button type="text" icon="vxe-icon--download">图标按钮</vxe-button>\n <vxe-button icon="vxe-icon--refresh"></vxe-button>\n <vxe-button status="primary" icon="vxe-icon--download">图标按钮</vxe-button>\n </p>\n\n <p>\n <vxe-button type="text">文本按钮</vxe-button>\n <vxe-button type="text" disabled>禁用</vxe-button>\n <vxe-button type="text" loading>加载中</vxe-button>\n <vxe-button type="text">\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>普通按钮</vxe-button>\n <vxe-button disabled>禁用</vxe-button>\n <vxe-button loading>加载中</vxe-button>\n <vxe-button status="primary">主要按钮</vxe-button>\n <vxe-button status="primary" disabled>禁用</vxe-button>\n <vxe-button status="primary" loading>加载中</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 </p>\n ']}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports},"1b04":function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.radio")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"radio"}}}},[e._v("API")])],1),n("p",[n("vxe-radio",{attrs:{name:"n1",label:"1"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("单选1")]),n("vxe-radio",{attrs:{name:"n1",label:"2"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("单选2")]),n("vxe-radio",{attrs:{name:"n1",label:"3"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("单选3")])],1),n("p",[n("vxe-radio",{attrs:{name:"n2",label:"1"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("单选1")]),n("vxe-radio",{attrs:{name:"n2",label:"2",disabled:""},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("禁用2")]),n("vxe-radio",{attrs:{name:"n2",label:"3"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("单选3")])],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),r={data:function(){return{value1:"1",value2:"2",demoCodes:['\n <p>\n <vxe-radio name="n1" v-model="value1" label="1">单选1</vxe-radio>\n <vxe-radio name="n1" v-model="value1" label="2">单选2</vxe-radio>\n <vxe-radio name="n1" v-model="value1" label="3">单选3</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 export default {\n data () {\n return {\n value1: '1',\n value2: '2'\n }\n }\n }\n "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports},2107:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.modal")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"modal"}}}},[e._v("API")]),e._v("，对于某些场景如果需要关闭所有动态的窗口，可以通过 Modal.closeAll()")],1),n("p",[n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"消息提示"})}}},[e._v("默认消息框")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"info 消息提示",status:"info"})}}},[e._v("info")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"warning 消息提示",status:"warning"})}}},[e._v("warning")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"question 消息提示",status:"question"})}}},[e._v("question")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"success 消息提示",status:"success"})}}},[e._v("success")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"error 消息提示",status:"error"})}}},[e._v("error")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"loading 消息提示",status:"loading"})}}},[e._v("loading")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"iconStatus 自定义图标",status:"success",iconStatus:"fa fa-thumbs-up"})}}},[e._v("自定义图标")]),n("vxe-button",{on:{click:function(t){return e.$XModal.message({message:"不允许重复点击",id:"unique1"})}}},[e._v("不允许重复点击")])],1),n("p",[n("vxe-button",{on:{click:function(t){return e.$XModal.alert("基本提示框","标题1")}}},[e._v("基本提示框")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"info 提示框",status:"info"})}}},[e._v("info")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"warning 提示框",status:"warning"})}}},[e._v("warning")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"question 提示框",status:"question"})}}},[e._v("question")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"success 提示框",status:"success"})}}},[e._v("success")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"error 提示框",title:"app.body.msg.error",status:"error"})}}},[e._v("error")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"loading 提示框",status:"loading"})}}},[e._v("loading")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"iconStatus 自定义图标",status:"error",iconStatus:"fa fa-hand-peace-o"})}}},[e._v("自定义图标")]),n("vxe-button",{on:{click:function(t){return e.$XModal.confirm("您确定要删除吗？")}}},[e._v("确认提示框")])],1),n("p",[n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"点击遮罩层可以关闭",maskClosable:!0})}}},[e._v("点击遮罩层可以关闭")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"按 Esc 键可以关闭",escClosable:!0})}}},[e._v("按 Esc 键可以关闭")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"锁界面不要遮罩层",mask:!1})}}},[e._v("锁界面不要遮罩层")]),n("vxe-button",{on:{click:function(t){return e.$XModal.alert({message:"不锁界面不要遮罩层",lockView:!1,mask:!1})}}},[e._v("不锁界面不要遮罩层")])],1),n("p",[n("vxe-button",{on:{click:function(t){e.value1=!e.value1}}},[e._v("基本窗口")]),n("vxe-modal",{attrs:{"lock-scroll":!1,"show-footer":""},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[n("vxe-table",{attrs:{"show-overflow":"",height:"auto","sync-resize":e.value1,data:e.tableData}},[n("vxe-table-column",{attrs:{type:"seq",width:"60"}}),n("vxe-table-column",{attrs:{field:"name",title:"app.body.label.name"}}),n("vxe-table-column",{attrs:{field:"sex",title:"app.body.label.sex"}}),n("vxe-table-column",{attrs:{field:"age",title:"app.body.label.age"}})],1)],1),n("vxe-button",{on:{click:function(t){e.value2=!e.value2}}},[e._v("拖动窗口调整大小")]),n("vxe-modal",{attrs:{resize:""},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[n("p",{staticStyle:{color:"red"}},[e._v("按住头部移动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住左边距拖动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"red"}},[e._v("按住右边距拖动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住底边距拖动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住左下角拖动 ！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住右下角拖动！！！！！！！！！！！！！！！")])]),n("vxe-button",{on:{click:function(t){e.value3=!e.value3}}},[e._v("记忆功能的窗口")]),n("vxe-modal",{attrs:{title:"记忆功能的窗口",width:"600",height:"400",resize:"",remember:""},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},[n("vxe-form",{attrs:{data:e.formData3,rules:e.formRules3,"title-align":"right","title-width":"60"}},[n("vxe-form-item",{attrs:{title:"基本信息",span:"24","title-align":"left","title-width":"200px","title-prefix":{icon:"fa fa-address-card-o"}}}),n("vxe-form-item",{attrs:{title:"名称",field:"name",span:"12","item-render":{name:"input",attrs:{placeholder:"请输入名称"}}}}),n("vxe-form-item",{attrs:{title:"昵称",field:"nickname",span:"12","item-render":{name:"input",attrs:{placeholder:"请输入昵称"}}}}),n("vxe-form-item",{attrs:{title:"性别",field:"sex",span:"12","item-render":{name:"select",options:e.sexList}}}),n("vxe-form-item",{attrs:{title:"年龄",field:"age",span:"12","item-render":{name:"input",attrs:{type:"number",placeholder:"请输入年龄"}}}}),n("vxe-form-item",{attrs:{title:"其他信息",span:"24","title-align":"left","title-width":"200px","title-prefix":{icon:"fa fa-info-circle"}}}),n("vxe-form-item",{attrs:{title:"地址",field:"address",span:"24","item-render":{name:"textarea",attrs:{placeholder:"请输入地址"}}}}),n("vxe-form-item",{attrs:{align:"center",span:"24"}},[n("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("提交")]),n("vxe-button",{attrs:{type:"reset"}},[e._v("重置")])],1)],1)],1),n("vxe-button",{on:{click:function(t){e.value4=!e.value4}}},[e._v("最大化显示")]),n("vxe-modal",{attrs:{title:"最大化显示",width:"600",height:"400",resize:"",remember:"",fullscreen:""},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}},[[n("p",{staticStyle:{color:"red"}},[e._v("默认最大化显示")]),n("p",{staticStyle:{color:"red"}},[e._v("按住头部移动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住左边距拖动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"red"}},[e._v("按住右边距拖动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住底边距拖动！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住左下角拖动 ！！！！！！！！！！！！！！！")]),n("p",{staticStyle:{color:"blue"}},[e._v("按住右下角拖动！！！！！！！！！！！！！！！")])]],2),n("vxe-button",{on:{click:function(t){e.value5=!e.value5}}},[e._v("缩放表格的窗口")]),n("vxe-modal",{attrs:{title:"缩放表格的窗口",width:"800",height:"400",resize:""},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}},[n("vxe-table",{attrs:{border:"",resizable:"","show-overflow":"","auto-resize":"",height:"auto","sync-resize":e.value5,data:e.tableData}},[n("vxe-table-column",{attrs:{type:"seq",width:"60"}}),n("vxe-table-column",{attrs:{field:"name",title:"app.body.label.name"}}),n("vxe-table-column",{attrs:{field:"sex",title:"app.body.label.sex"}}),n("vxe-table-column",{attrs:{field:"age",title:"app.body.label.age"}})],1)],1),n("vxe-button",{on:{click:function(t){e.value6=!e.value6}}},[e._v("完整功能的窗口（移动、拖动、状态保存）")]),n("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[n("span",{staticStyle:{color:"red"}},[e._v("完整功能的窗口（移动、拖动、状态保存）")])]},proxy:!0}]),model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}},[[n("vxe-grid",{attrs:{border:"",resizable:"","show-overflow":"","auto-resize":"",height:"auto","sync-resize":e.value6,"pager-config":e.tablePage,"proxy-config":e.tableProxy,columns:e.tableColumn,toolbar:e.tableToolbar}})]],2)],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])])},o=[],l=(n("99af"),n("4160"),n("a630"),n("fb6a"),n("3ca3"),n("159b"),n("628a")),s=n.n(l),r=n("1487"),i=n.n(r),u={data:function(){return{value1:!1,value2:!1,value3:!1,value4:!1,value5:!1,value6:!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="$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="value1 = !value1">基本窗口</vxe-button>\n <vxe-modal v-model="value1" :lock-scroll="false" show-footer>\n <template>\n <vxe-table\n show-overflow\n height="auto"\n :sync-resize="value1"\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 </template>\n </vxe-modal>\n\n <vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button>\n <vxe-modal v-model="value2" resize>\n <template>\n <p style="color: red">按住头部移动！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住左边距拖动！！！！！！！！！！！！！！！</p>\n <p style="color: red">按住右边距拖动！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住底边距拖动！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住左下角拖动 ！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住右下角拖动！！！！！！！！！！！！！！！</p>\n </template>\n </vxe-modal>\n\n <vxe-button @click="value3 = !value3">记忆功能的窗口</vxe-button>\n <vxe-modal v-model="value3" 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="value4 = !value4">最大化显示</vxe-button>\n <vxe-modal v-model="value4" title="最大化显示" width="600" height="400" resize remember fullscreen>\n <template>\n <p style="color: red">默认最大化显示</p>\n <p style="color: red">按住头部移动！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住左边距拖动！！！！！！！！！！！！！！！</p>\n <p style="color: red">按住右边距拖动！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住底边距拖动！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住左下角拖动 ！！！！！！！！！！！！！！！</p>\n <p style="color: blue">按住右下角拖动！！！！！！！！！！！！！！！</p>\n </template>\n </vxe-modal>\n\n <vxe-button @click="value5 = !value5">缩放表格的窗口</vxe-button>\n <vxe-modal v-model="value5" title="缩放表格的窗口" width="800" height="400" resize>\n <template>\n <vxe-table\n border\n resizable\n show-overflow\n auto-resize\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 </template>\n </vxe-modal>\n\n <vxe-button @click="value6 = !value6">完整功能的窗口（移动、拖动、状态保存）</vxe-button>\n <vxe-modal v-model="value6" 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="value6"\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 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){i.a.highlightBlock(e)}))}},v=u,c=n("2877"),p=Object(c["a"])(v,a,o,!1,null,null,null);t["default"]=p.exports},3610:function(e,t,n){},"3f69":function(e,t,n){},"48b7":function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.icon")))]),n("p",{staticClass:"tip"},[e._v("内置轻量级的 icon 图标，还可以通过修改 "),n("router-link",{staticClass:"link",attrs:{to:{name:"StartIcons"}}},[e._v("icon")]),e._v(" 替换默认的")],1),n("ul",{staticClass:"icon-list",attrs:{title:"点击复制内容"}},e._l(e.list,(function(t){return n("li",{key:t.icon,on:{click:function(n){return e.copyEvent(t)}}},[n("i",{class:t.icon}),n("div",{staticClass:"title"},[e._v(e._s(t.icon))])])})),0),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),r=n("0edb"),i=n.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"}],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;i.a.copy(t)&&this.$XModal.message({message:"已复制到剪贴板！",status:"success"})}}},v=u,c=(n("a70e5"),n("2877")),p=Object(c["a"])(v,a,o,!1,null,"af4d72d2",null);t["default"]=p.exports},"8e22":function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.toolbar")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"toolbar"}}}},[e._v("API")])],1),n("vxe-toolbar",{scopedSlots:e._u([{key:"buttons",fn:function(){return[n("vxe-button",[e._v("按钮1")]),n("vxe-button",[e._v("按钮2")]),n("vxe-button",[e._v("按钮3")]),n("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",[e._v("按钮1")]),n("vxe-button",[e._v("按钮2")]),n("vxe-button",[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0}])}),n("vxe-toolbar",{attrs:{refresh:{query:e.findList}},scopedSlots:e._u([{key:"buttons",fn:function(){return[n("vxe-button",[e._v("按钮1")]),n("vxe-button",[e._v("按钮2")]),n("vxe-button",[e._v("按钮3")]),n("vxe-button",{scopedSlots:e._u([{key:"dropdowns",fn:function(){return[n("vxe-button",[e._v("按钮1")]),n("vxe-button",[e._v("按钮2")]),n("vxe-button",[e._v("按钮3")])]},proxy:!0}])},[[e._v("下拉按钮")]],2)]},proxy:!0},{key:"tools",fn:function(){return[n("vxe-button",{staticClass:"tool-btn",attrs:{type:"text",icon:"vxe-icon--question"}}),n("vxe-button",{staticClass:"tool-btn",attrs:{type:"text",icon:"vxe-icon--funnel"}})]},proxy:!0}])}),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n "),n("code",{staticClass:"css"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n ")])],1)},o=[],l=(n("4160"),n("a630"),n("d3b7"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),r={data:function(){return{loading:!1,demoCodes:['\n <vxe-toolbar>\n <template v-slot:buttons>\n <vxe-button>按钮1</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 </vxe-toolbar>\n\n <vxe-toolbar :refresh="{ query: findList }">\n <template v-slot:buttons>\n <vxe-button>按钮1</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 <i class="vxe-icon--question tool-btn"></i>\n <i class="vxe-icon--funnel tool-btn"></i>\n </template>\n </vxe-toolbar>\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)}))}}},i=r,u=(n("e063"),n("2877")),v=Object(u["a"])(i,a,o,!1,null,"6d23640c",null);t["default"]=v.exports},a70e5:function(e,t,n){"use strict";var a=n("3610"),o=n.n(a);o.a},ba0c:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.checkbox")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"checkbox"}}}},[e._v("API")])],1),n("p",[n("vxe-checkbox",{attrs:{indeterminate:""}},[e._v("不确定选项")])],1),n("p",[n("vxe-checkbox",{model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[e._v("复选1")]),n("vxe-checkbox",{attrs:{disabled:""},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}},[e._v("复选2")]),n("vxe-checkbox",[e._v("复选3")])],1),n("p",[n("vxe-checkbox-group",{model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},[n("vxe-checkbox",{attrs:{label:"1"}},[e._v("HTML")]),n("vxe-checkbox",{attrs:{label:"2"}},[e._v("CSS")]),n("vxe-checkbox",{attrs:{label:"3"}},[e._v("Javascript")]),n("vxe-checkbox",{attrs:{label:"4"}},[e._v("SASS")]),n("vxe-checkbox",{attrs:{label:"5"}},[e._v("LESS")])],1)],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),r={data:function(){return{value1:!0,value2:!0,value3:["3"],demoCodes:['\n <p>\n <vxe-checkbox 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)}))}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports},d567:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.input")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"input"}}}},[e._v("API")])],1),n("p",[n("vxe-input",{attrs:{placeholder:"请输入内容",clearable:""},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}})],1),n("p",[n("vxe-input",{attrs:{placeholder:"请输入内容",disabled:""},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1),n("p",[n("vxe-textarea",{attrs:{placeholder:"请输入内容"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}})],1),n("p",[n("vxe-textarea",{attrs:{placeholder:"请输入内容",disabled:""},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),r={data:function(){return{value1:"",value2:"",value3:"",value4:"",demoCodes:['\n <p>\n <vxe-input v-model="value1" placeholder="请输入内容" clearable></vxe-input>\n </p>\n\n <p>\n <vxe-input v-model="value2" placeholder="请输入内容" disabled></vxe-input>\n </p>\n\n <p>\n <vxe-textarea v-model="value3" placeholder="请输入内容"></vxe-textarea>\n </p>\n\n <p>\n <vxe-textarea v-model="value4" placeholder="请输入内容" disabled></vxe-textarea>\n </p>\n ',"\n export default {\n data () {\n return {\n value1: '',\n value2: '',\n value3: '',\n value4: ''\n }\n }\n }\n "]}},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach((function(e){s.a.highlightBlock(e)}))}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports},de0f:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.pager")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"pager"}}}},[e._v("API")]),e._v("，建议通过 "),n("router-link",{attrs:{to:{name:"StartGlobal"}}},[e._v("setup")]),e._v(" 设置全局样式")],1),n("vxe-pager",{attrs:{align:"left","current-page":e.page1.currentPage,"page-size":e.page1.pageSize,total:e.page1.totalResult,layouts:["JumpNumber"]},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)}}}),n("vxe-pager",{attrs:{align:"left","current-page":e.page2.currentPage,"page-size":e.page2.pageSize,total:e.page2.totalResult,layouts:["Sizes","PrevPage","JumpNumber","NextPage"]},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)}}}),n("vxe-pager",{attrs:{"current-page":e.page3.currentPage,"page-size":e.page3.pageSize,total:e.page3.totalResult,layouts:["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]},on:{"update:currentPage":function(t){return e.$set(e.page3,"currentPage",t)},"update:current-page":function(t){return e.$set(e.page3,"currentPage",t)},"update:pageSize":function(t){return e.$set(e.page3,"pageSize",t)},"update:page-size":function(t){return e.$set(e.page3,"pageSize",t)}}}),n("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)}}}),n("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)}}}),n("p",[n("vxe-tooltip",{ref:"xTip"}),n("vxe-table",{attrs:{border:"",height:"200",data:e.tableData}},[n("vxe-table-column",{attrs:{type:"seq",width:"60"}}),n("vxe-table-column",{attrs:{field:"name",title:"Name"}}),n("vxe-table-column",{attrs:{field:"sex",title:"Sex"}}),n("vxe-table-column",{attrs:{field:"age",title:"Age"}})],1),n("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),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])],1)},o=[],l=(n("4160"),n("a630"),n("fb6a"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),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 <vxe-pager\n align=\"left\"\n :current-page.sync=\"page1.currentPage\"\n :page-size.sync=\"page1.pageSize\"\n :total=\"page1.totalResult\"\n :layouts=\"['JumpNumber']\">\n </vxe-pager>\n\n <vxe-pager\n align=\"left\"\n :current-page.sync=\"page2.currentPage\"\n :page-size.sync=\"page2.pageSize\"\n :total=\"page2.totalResult\"\n :layouts=\"['Sizes', 'PrevPage', 'JumpNumber', 'NextPage']\">\n </vxe-pager>\n\n <vxe-pager\n :current-page.sync=\"page3.currentPage\"\n :page-size.sync=\"page3.pageSize\"\n :total=\"page3.totalResult\"\n :layouts=\"['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']\">\n </vxe-pager>\n\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\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)}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports},e063:function(e,t,n){"use strict";var a=n("3f69"),o=n.n(a);o.a},e40d:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.form")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"form"}}}},[e._v("API")])],1),n("p",[n("vxe-form",{attrs:{data:e.formData1},on:{submit:e.searchEvent,reset:e.resetEvent}},[n("vxe-form-item",{attrs:{title:"名称",field:"name"}},[n("vxe-input",{attrs:{placeholder:"请输入名称"},model:{value:e.formData1.name,callback:function(t){e.$set(e.formData1,"name",t)},expression:"formData1.name"}})],1),n("vxe-form-item",{attrs:{title:"昵称",field:"nickname"}},[n("vxe-input",{attrs:{placeholder:"请输入昵称"},model:{value:e.formData1.nickname,callback:function(t){e.$set(e.formData1,"nickname",t)},expression:"formData1.nickname"}})],1),n("vxe-form-item",{attrs:{title:"性别",field:"sex"}},[n("select",{directives:[{name:"model",rawName:"v-model",value:e.formData1.sex,expression:"formData1.sex"}],staticClass:"vxe-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.$set(e.formData1,"sex",t.target.multiple?n:n[0])}}},[n("option",{attrs:{value:"0"}}),n("option",{attrs:{value:"1"}},[e._v("女")]),n("option",{attrs:{value:"2"}},[e._v("男")])])]),n("vxe-form-item",[n("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("查询")])],1)],1)],1),n("p",[n("vxe-form",{attrs:{data:e.formData3,loading:e.loading3,"title-align":"right","title-width":"100"},on:{submit:e.submitEvent3,reset:e.resetEvent}},[n("vxe-form-item",{attrs:{title:"名称",field:"name",span:"12"}},[n("vxe-input",{attrs:{placeholder:"请输入名称"},model:{value:e.formData3.name,callback:function(t){e.$set(e.formData3,"name",t)},expression:"formData3.name"}})],1),n("vxe-form-item",{attrs:{title:"昵称",field:"nickname",span:"12"}},[n("vxe-input",{attrs:{placeholder:"请输入昵称"},model:{value:e.formData3.nickname,callback:function(t){e.$set(e.formData3,"nickname",t)},expression:"formData3.nickname"}})],1),n("vxe-form-item",{attrs:{title:"性别",field:"sex",span:"12"}},[n("select",{directives:[{name:"model",rawName:"v-model",value:e.formData3.sex,expression:"formData3.sex"}],staticClass:"vxe-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.$set(e.formData3,"sex",t.target.multiple?n:n[0])}}},[n("option",{attrs:{value:"0"}}),n("option",{attrs:{value:"1"}},[e._v("女")]),n("option",{attrs:{value:"2"}},[e._v("男")])])]),n("vxe-form-item",{attrs:{title:"年龄",field:"age",span:"12"}},[n("vxe-input",{attrs:{type:"number",placeholder:"请输入年龄"},model:{value:e.formData3.age,callback:function(t){e.$set(e.formData3,"age",t)},expression:"formData3.age"}})],1),n("vxe-form-item",{attrs:{title:"地址",field:"address",span:"24"}},[n("vxe-textarea",{attrs:{placeholder:"请输入地址"},model:{value:e.formData3.address,callback:function(t){e.$set(e.formData3,"address",t)},expression:"formData3.address"}})],1),n("vxe-form-item",{attrs:{align:"center",span:"24"}},[n("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("提交")]),n("vxe-button",{attrs:{type:"reset"}},[e._v("重置")])],1)],1)],1),n("p",[n("vxe-form",{attrs:{data:e.formData4,"title-align":"right","title-width":"100"},on:{submit:e.searchEvent,reset:e.resetEvent}},[n("vxe-form-item",{attrs:{title:"名称",field:"name",span:"8"}},[n("vxe-input",{attrs:{placeholder:"请输入名称"},model:{value:e.formData4.name,callback:function(t){e.$set(e.formData4,"name",t)},expression:"formData4.name"}})],1),n("vxe-form-item",{attrs:{title:"昵称",field:"nickname",span:"8","title-prefix":{message:"请输入汉字！",icon:"fa fa-exclamation-circle"}}},[n("vxe-input",{attrs:{placeholder:"请输入昵称"},model:{value:e.formData4.nickname,callback:function(t){e.$set(e.formData4,"nickname",t)},expression:"formData4.nickname"}})],1),n("vxe-form-item",{attrs:{title:"性别",field:"sex",span:"8"}},[n("select",{directives:[{name:"model",rawName:"v-model",value:e.formData4.sex,expression:"formData4.sex"}],staticClass:"vxe-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.$set(e.formData4,"sex",t.target.multiple?n:n[0])}}},[n("option",{attrs:{value:"0"}}),n("option",{attrs:{value:"1"}},[e._v("女")]),n("option",{attrs:{value:"2"}},[e._v("男")])])]),n("vxe-form-item",{attrs:{title:"年龄",field:"age",span:"8","title-prefix":{message:"请输入数值！",icon:"fa fa-info-circle"}}},[n("vxe-input",{attrs:{type:"number",placeholder:"请输入年龄"},model:{value:e.formData4.age,callback:function(t){e.$set(e.formData4,"age",t)},expression:"formData4.age"}})],1),n("vxe-form-item",{attrs:{title:"区域",field:"region",span:"8"}},[n("vxe-input",{attrs:{placeholder:"请输入区域"},model:{value:e.formData2.region,callback:function(t){e.$set(e.formData2,"region",t)},expression:"formData2.region"}})],1),n("vxe-form-item",{attrs:{title:"状态",field:"status",span:"8"}},[n("select",{directives:[{name:"model",rawName:"v-model",value:e.formData4.status,expression:"formData4.status"}],staticClass:"vxe-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.$set(e.formData4,"status",t.target.multiple?n:n[0])}}},[n("option",{attrs:{value:""}}),n("option",{attrs:{value:"0"}},[e._v("失败")]),n("option",{attrs:{value:"1"}},[e._v("成功")])])]),n("vxe-form-item",{attrs:{title:"身高",field:"height",span:"8",folding:""}},[n("vxe-input",{attrs:{placeholder:"请输入身高"},model:{value:e.formData4.height,callback:function(t){e.$set(e.formData4,"height",t)},expression:"formData4.height"}})],1),n("vxe-form-item",{attrs:{title:"体重",field:"weight",span:"8",folding:""}},[n("vxe-input",{attrs:{placeholder:"请输入体重"},model:{value:e.formData4.weight,callback:function(t){e.$set(e.formData4,"weight",t)},expression:"formData4.weight"}})],1),n("vxe-form-item",{attrs:{title:"是否单身",field:"single",span:"8",folding:""}},[n("vxe-radio",{attrs:{name:"single",label:"1"},model:{value:e.formData4.single,callback:function(t){e.$set(e.formData4,"single",t)},expression:"formData4.single"}},[e._v("是")]),n("vxe-radio",{attrs:{name:"single",label:"0"},model:{value:e.formData4.single,callback:function(t){e.$set(e.formData4,"single",t)},expression:"formData4.single"}},[e._v("否")])],1),n("vxe-form-item",{attrs:{align:"center",span:"24","collapse-node":""}},[n("vxe-button",{attrs:{type:"submit",status:"primary"}},[e._v("查询")]),n("vxe-button",{attrs:{type:"reset"}},[e._v("重置")])],1)],1)],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),r={data:function(){return{formData1:{name:"",nickname:"",sex:"1"},formData2:{name:"",nickname:"",sex:"0",role:"",age:22,region:null},loading3:!1,formData3:{name:"",nickname:"",sex:"0",age:26,address:null},formData4:{name:"",nickname:"",sex:"",age:30,status:"1",region:null,height:"178",weight:null,single:"1"},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="请输入名称"></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 <select v-model="formData1.sex" class="vxe-select">\n <option value="0"></option>\n <option value="1">女</option>\n <option value="2">男</option>\n </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 :data="formData3" :loading="loading3" title-align="right" title-width="100" @submit="submitEvent3" @reset="resetEvent">\n <vxe-form-item title="名称" field="name" span="12">\n <vxe-input v-model="formData3.name" placeholder="请输入名称"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="昵称" field="nickname" span="12">\n <vxe-input v-model="formData3.nickname" placeholder="请输入昵称"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="性别" field="sex" span="12">\n <select v-model="formData3.sex" class="vxe-select">\n <option value="0"></option>\n <option value="1">女</option>\n <option value="2">男</option>\n </select>\n </vxe-form-item>\n <vxe-form-item title="年龄" field="age" span="12">\n <vxe-input v-model="formData3.age" type="number" placeholder="请输入年龄"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="地址" field="address" span="24">\n <vxe-textarea v-model="formData3.address" placeholder="请输入地址"></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="formData4" title-align="right" title-width="100" @submit="searchEvent" @reset="resetEvent">\n <vxe-form-item title="名称" field="name" span="8">\n <vxe-input v-model="formData4.name" placeholder="请输入名称"></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="formData4.nickname" placeholder="请输入昵称"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="性别" field="sex" span="8">\n <select v-model="formData4.sex" class="vxe-select">\n <option value="0"></option>\n <option value="1">女</option>\n <option value="2">男</option>\n </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="formData4.age" type="number" placeholder="请输入年龄"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="区域" field="region" span="8">\n <vxe-input v-model="formData2.region" placeholder="请输入区域"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="状态" field="status" span="8">\n <select v-model="formData4.status" class="vxe-select">\n <option value=""></option>\n <option value="0">失败</option>\n <option value="1">成功</option>\n </select>\n </vxe-form-item>\n <vxe-form-item title="身高" field="height" span="8" folding>\n <vxe-input v-model="formData4.height" placeholder="请输入身高"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="体重" field="weight" span="8" folding>\n <vxe-input v-model="formData4.weight" placeholder="请输入体重"></vxe-input>\n </vxe-form-item>\n <vxe-form-item title="是否单身" field="single" span="8" folding>\n <vxe-radio v-model="formData4.single" name="single" label="1">是</vxe-radio>\n <vxe-radio v-model="formData4.single" name="single" label="0">否</vxe-radio>\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 export default {\n data () {\n return {\n formData1: {\n name: '',\n nickname: '',\n sex: '1'\n },\n loading3: false,\n formData3: {\n name: '',\n nickname: '',\n sex: '0',\n age: 26,\n address: null\n },\n formData4: {\n name: '',\n nickname: '',\n sex: '',\n age: 30,\n status: '1',\n region: null,\n height: '178',\n weight: null,\n single: '1'\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"})}}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports},edda:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v(e._s(e.$t("app.aside.nav.tooltip")))]),n("p",{staticClass:"tip"},[e._v("查看 "),n("router-link",{staticClass:"link",attrs:{to:{name:"VXEAPI",params:{name:"tooltip"}}}},[e._v("API")])],1),n("p",[n("vxe-tooltip",{attrs:{content:"我是提示内容"}},[n("a",{staticClass:"link"},[e._v("文字提示")])])],1),n("p",[n("vxe-tooltip",{attrs:{content:"除了点击之外不会自动消息",trigger:"click"}},[n("vxe-button",[e._v("点击触发")])],1),n("vxe-tooltip",{attrs:{content:"hover 提示内容"}},[n("vxe-button",[e._v("Hover 触发")])],1),n("vxe-tooltip",{attrs:{content:"鼠标可以进入到 tooltip 中",enterable:""}},[n("vxe-button",[e._v("设置 Enterable")])],1)],1),n("p",[n("vxe-tooltip",{attrs:{content:"自定义提示内容",trigger:"manual"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}},[n("vxe-button",{on:{mouseenter:function(t){e.value1=!0},mouseleave:function(t){e.value1=!1}}},[e._v("手动模式")])],1)],1),n("p",[n("vxe-tooltip",{ref:"myTip"}),n("vxe-button",{on:{mouseenter:function(t){return e.$refs.myTip.toVisible(t.target,"自定义提示内容")},mouseleave:function(t){return e.$refs.myTip.close()}}},[e._v("高性能模式，只创建一个实例")])],1),n("p",[n("vxe-tooltip",{ref:"xTip"}),n("vxe-table",{attrs:{border:"",height:"200",data:e.tableData},on:{"cell-mouseenter":e.cellMouseenterEvent,"cell-mouseleave":e.cellMouseleaveEvent}},[n("vxe-table-column",{attrs:{type:"seq",width:"60"}}),n("vxe-table-column",{attrs:{field:"name",title:"Name"}}),n("vxe-table-column",{attrs:{field:"sex",title:"Sex"}}),n("vxe-table-column",{attrs:{field:"age",title:"Age"}})],1)],1),n("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),n("pre",[e._v(" "),n("code",{staticClass:"html"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),n("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])])},o=[],l=(n("4160"),n("a630"),n("fb6a"),n("3ca3"),n("159b"),n("1487")),s=n.n(l),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){e.row,e.column;var t=e.cell;this.$refs.xTip.toVisible(t,"自定义提示内容：".concat(t.innerText))},cellMouseleaveEvent:function(e){e.row,e.column,e.cell;this.$refs.xTip.close()}}},i=r,u=n("2877"),v=Object(u["a"])(i,a,o,!1,null,null,null);t["default"]=v.exports}}]);
Reference in New Issue View Git Blame Copy Permalink