m2-ui/lib/query-panel.js

The package is provided web components and utilities based on vue and element-ui.

/*!
 * m2-ui v1.0.0
 * (c) 2020 by Miracle He
 * Released under the MIT License.
 */
module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=31)}([function(e,t,n){"use strict";function o(e,t,n,o,r,i,a,l){var u,s="function"==typeof e?e.options:e;if(t&&(s.render=t,s.staticRenderFns=n,s._compiled=!0),o&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),a?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},s._ssrRegister=u):r&&(u=l?function(){r.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:r),u)if(s.functional){s._injectStyles=u;var c=s.render;s.render=function(e,t){return u.call(t),c(e,t)}}else{var f=s.beforeCreate;s.beforeCreate=f?[].concat(f,u):[u]}return{exports:e,options:s}}n.d(t,"a",(function(){return o}))},function(e,t){e.exports=require("vue")},function(e,t,n){"use strict";var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.a={hasOwn:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},isListened:function(e,t){return e._events[t]&&"object"===r(e._events[t])},getClientHeight:function(){return document.documentElement.clientHeight},getScrollTop:function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},setScrollTop:function(e){document.documentElement.scrollTop=document.body.scrollTop=e},getMapItem:function(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return r.reduce((function(n,r){var i;return o({},n,((i={})[r]=e[t[r]]||e[r],i))}),{})},oneOf:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t.some((function(t){return t===e}));return n}}},function(e,t){e.exports=require("m2-core")},function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return r})),n.d(t,"c",(function(){return i})),n.d(t,"d",(function(){return a}));var o=n(7).default,r=n(12).default,i=n(10).default,a=n(11).default},function(e,t){e.exports=require("deepmerge")},,function(e,t,n){"use strict";n.r(t);var o=n(3);t.default={data:function(){return{contentHeight:"100%",clientHeight:"1000px"}},computed:{contentStyle:function(){return this.contentHeight>0?{height:this.contentHeight+"px"}:{height:this.contentHeight}}},mounted:function(){var e=this;this.$nextTick((function(){return e.initContentHeight()}))},methods:{initContentHeight:function(){this.resizeWindow(),window.addEventListener("resize",this.resizeWindow)},resizeWindow:function(){var e=document.documentElement;this.clientHeight=""+e.clientHeight,o.DataType.isFunction(this.calculateHeight)?this.contentHeight=this.calculateHeight(this.clientHeight):this.contentHeight=this.clientHeight}},destroyed:function(){window.removeEventListener("resize",this.resizeWindow)}}},function(e,t,n){"use strict";n.r(t),t.default={m2:{backtop:"Back Top",loading:"Loading...",modal:{ok:"OK",cancel:"Cancel"},confirm:{title:"Delete Confirmation",message:"This will delete the data permanently, continue?"},toast:"Toast Message",header:{navigation:"Navigation",logoText:"M2 MFE",placeholder:"Search People, Material, Guideline...",feedback:"Suggestion & Feedback",exit:"Exit"},sidebar:{home:"Home Page"},table:{index:"No.",menu:"Action"},queryPanel:{query:"Query",reset:"Reset"}}}},function(e,t,n){"use strict";n.r(t),t.default={m2:{backtop:"返回顶部",loading:"正在努力加载中",modal:{ok:"确定",cancel:"取消"},confirm:{title:"删除提示",message:"此操作将永久删除该数据, 是否继续?"},toast:"提示消息",header:{navigation:"导航",logoText:"M2微前端框架",placeholder:"找人、搜功能、看指引",feedback:"意见反馈",exit:"退出"},sidebar:{home:"返回首页"},table:{index:"序号",menu:"操作"},queryPanel:{query:"查询",reset:"重置"}}}},function(e,t,n){"use strict";n.r(t),t.default={methods:{show:function(){this.$refs.modal&&this.$refs.modal.show()},hide:function(){this.$refs.modal&&this.$refs.modal.hide()}}}},function(e,t,n){"use strict";n.r(t);var o=n(2);t.default={props:{showMenu:{type:Boolean,default:!1},config:{type:Object,default:function(){return{menus:{active:"0",map:{},data:[]}}}}},mounted:function(){this.handleMenuConfig()},data:function(){return{menuList:[],collapseClass:"",activeIndex:""}},watch:{config:{handler:function(e){this.handleMenuConfig()},deep:!0}},methods:{handleMenuConfig:function(){var e=this.config.menus,t=e.active,n=e.map,o=e.data;this.activeIndex=t,this.menuList=this.getMenuList(n,o)},getMenuList:function(e,t){var n=this;return t.map((function(t){var r=o.a.getMapItem(t,e,"key","text","url","level","pid"),i=t[e.children]||t.children;return r.pid===(e.root||"0")&&(r.icon=t.icon?"iconfont el-icon-"+t.icon:"iconfont el-icon-menu",r.title=t.alias||r.text),r.level&&(r.className="m2-menu-item-"+r.level),t.click?r.click=t.click:r.click=function(){},i&&i.length>0?(r.hasChildren=!!i&&i.length>0,r.hasChildren&&(r.slotName="title",r.children=n.getMenuList(e,i))):r.slotName="default",r}))},handleToggleMenu:function(e){this.collapseClass=e?"nav-collapse":""}}}},function(e,t,n){"use strict";n.r(t);var o=n(1),r=n.n(o),i=n(5),a=n.n(i),l=n(3),u=n(2),s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c=/(%|)\{([0-9a-zA-Z_]+)\}/g,f=function(){return function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];return 1===n.length&&"object"===s(n[0])&&(n=n[0]),n&&n.hasOwnProperty||(n={}),e.replace(c,(function(t,o,r,i){var a=void 0;return"{"===e[i-1]&&"}"===e[i+t.length]?r:null==(a=u.a.hasOwn(n,r)?n[r]:null)?"":a}))}},d=void 0,h=arguments,p=null,m=!1,y=function(){var e=Object.getPrototypeOf(d||r.a).$t;if("function"==typeof e&&r.a.locale)return m||(m=!0,r.a.locale(r.a.config.lang,a()(p,r.a.locale(r.a.config.lang)||{},{clone:!0}))),e.apply(d,h)},g=function(e,t){var n=l.DataStorage.get(l.DEFAULT_LANGUAGE_SETTING);v(n);var o=y.apply(d,h);if(null!=o)return o;for(var r=e.split("."),i=p,a=0,u=r.length;a<u;a++){if(o=i[r[a]],a===u-1)return f()(o,t);if(!o)return"";i=o}return""},v=function(e){switch(e){case"en":p=n(8).default;break;case"zh":default:p=n(9).default}},b={t:g,use:v,i18n:function(e){return y=e||y}};t.default={methods:{t:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return b.t.apply(this,t)}}}},,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";n.r(t);var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("el-card",{staticClass:"m2-query-panel"},[n("el-form",{ref:"form",class:e.formClass,attrs:{inline:e.isInline,model:e.form,"label-width":e.labelWidth}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.showPanel,expression:"showPanel"}],staticClass:"content"},[e._t("content")],2),e.isInline?n("el-form-item",{staticClass:"action"},[e.isQuery?n("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.handleQuery}},[e._v(e._s(e.queryText||e.t("m2.queryPanel.query")))]):e._e(),e._t("buttons"),n("el-button",{attrs:{type:"default",size:"small"},on:{click:e.resetForm}},[e._v(e._s(e.resetText||e.t("m2.queryPanel.reset")))])],2):e._e(),e.isBlock?n("el-row",{staticClass:"action",class:e.actionClass},[n("el-col",{attrs:{span:4}},[n("span",{staticClass:"expand-icon",on:{click:function(t){e.showPanel=!e.showPanel}}},[n("i",{class:e.iconClass})])]),n("el-col",{attrs:{span:20}},[e.isQuery?n("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.handleQuery}},[e._v(e._s(e.queryText||e.t("m2.queryPanel.query")))]):e._e(),e._t("buttons"),n("el-button",{attrs:{type:"default",size:"small"},on:{click:e.resetForm}},[e._v(e._s(e.resetText||e.t("m2.queryPanel.reset")))])],2)],1):e._e()],1)],1)};o._withStripped=!0;var r=n(4),i=n(2),a={name:"m2-query-panel",mixins:[r.b],props:{mode:{type:String,default:"block",validator:function(e){return i.a.oneOf(e,["block","inline"],"mode")}},form:{type:Object,default:function(){return{}}},pager:{type:Object,default:function(){return{}}},queryEvent:{type:String,default:"query"},labelWidth:{type:String,default:"80px"},grid:{type:Object,default:function(){return{}}},isQuery:{type:Boolean,default:!0},queryText:String,resetText:String},data:function(){return{showPanel:!0}},computed:{formClass:function(){return this.isBlock?"el-form--block":""},iconClass:function(){return this.showPanel?"el-icon-arrow-up":"el-icon-arrow-down"},actionClass:function(){return this.showPanel?"expand":""},isBlock:function(){return"block"===this.mode},isInline:function(){return"inline"===this.mode}},methods:{handleQuery:function(){this.$bus.$emit(this.queryEvent,{pageIndex:1,pageSize:this.pager.size})},resetForm:function(){var e=this;this.$nextTick((function(){e.$bus.$emit("clear-date-range",e.form),e.$refs.form.resetFields()}))}}},l=n(0),u=Object(l.a)(a,o,[],!1,null,null,null);u.options.__file="packages/query-panel/src/main.vue";var s=u.exports;s.install=function(e){e.component(s.name,s)};t.default=s}]);