@hoc-element/table
Version:
📦 A Vue3.x Table Component built on Webpack 5 that follows the Configuration
2 lines • 18.9 kB
JavaScript
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"));else if("function"==typeof define&&define.amd)define([],t);else{var n="object"==typeof exports?t(require("vue")):t(e.Vue);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,(function(e){return function(){var t={358:function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r},e.exports.__esModule=!0,e.exports.default=e.exports},424:function(e,t,n){var r=n(358);e.exports=function(e){if(Array.isArray(e))return r(e)},e.exports.__esModule=!0,e.exports.default=e.exports},338:function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports},987:function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},839:function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports},291:function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports},217:function(e,t,n){var r=n(702);e.exports=function(e,t){if(null==e)return{};var n,o,a=r(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a},e.exports.__esModule=!0,e.exports.default=e.exports},702:function(e){e.exports=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o},e.exports.__esModule=!0,e.exports.default=e.exports},967:function(e,t,n){var r=n(424),o=n(839),a=n(554),i=n(291);e.exports=function(e){return r(e)||o(e)||a(e)||i()},e.exports.__esModule=!0,e.exports.default=e.exports},554:function(e,t,n){var r=n(358);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports},731:function(e,t,n){"use strict";Object.defineProperty(t,"X",{value:!0}),t.Z=void 0;var r=n(789),o=(0,r.defineComponent)({props:{parent:{type:Object,default:function(){return{}}},row:{type:Object,default:function(){return{}}},cellList:{type:Array,default:function(){return[]}}},setup:function(e){return(0,r.getCurrentInstance)().proxy.$.components=e.parent.$options.components,{getCellList:(0,r.ref)(e.cellList)}}});t.Z=o},822:function(e,t,n){"use strict";var r=n(987);Object.defineProperty(t,"X",{value:!0}),t.Z=void 0;var o=r(n(967)),a=r(n(338)),i=r(n(217)),c=n(789),u=["class","style","directives"],l=["label"];function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var p=(0,c.defineComponent)({props:{parent:{type:Object,default:function(){return{}}},row:{type:Object,default:function(){return{}}},cellList:{type:Array,default:function(){return[]}}},setup:function(e){var t=(0,c.getCurrentInstance)().proxy;t.$.components=e.parent.$options.components,t.$.directives=e.parent.$options.directives;var n=(0,c.ref)({button:"el-button"}),r=(0,c.computed)((function(){return e.cellList.filter((function(e){return e&&Object.keys(e).length}))}));return function(){return(0,c.h)("div",r.value.map((function(t){var r,p=(0,c.resolveComponent)(n.value[t.el]||t.el),f=function(e){e.attrs||(e.attrs={});var t=e.attrs,n=t.class,r=void 0===n?null:n,o=t.style,a=void 0===o?null:o,c=t.directives;return{class:r,style:a,directives:void 0===c?null:c,props:(0,i.default)(t,u)}}(t),d=f.props,v=d.label,g=(0,i.default)(d,l),b=f.directives;t.click&&(r=t.click.bind(e.parent,e.row));var y=(0,c.h)(p,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){(0,a.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({onClick:r,innerHTML:v},g));return b&&(y=(0,c.withDirectives)(y,(0,o.default)(b.map((function(e){return[(0,c.resolveDirective)(e.name),e.value,e.arg]}))))),y})))}}});t.Z=p},927:function(e,t,n){"use strict";var r=n(987);Object.defineProperty(t,"X",{value:!0}),t.Z=void 0;var o=r(n(338)),a=n(981),i=r(n(724)),c=r(n(7)),u=n(789);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){(0,o.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p=(0,u.defineComponent)({name:"Table",components:{ElementsMapping:i.default,ComponentsMapping:c.default},props:{filterParams:{type:Object,default:function(){return{}}},loading:{type:Boolean,default:!1},title:{type:String,default:""},source:{type:Array,required:!0,default:function(){return[]}},containerTag:{type:String,default:"el-card"},hideHeader:{type:Boolean,default:!1},hidePagination:{type:Boolean,default:!1},pagination:{type:Object,default:function(){return{}}},config:{type:Array,default:function(){return[]}},actionList:{type:Array,default:function(){return[{text:"",action:function(){}}]}},tableEvents:{type:Object,default:function(){return{}}}},setup:function(e){var t=(0,u.getCurrentInstance)().proxy,n=(0,u.ref)({render:{},renderHTML:{target:"elements-mapping"},renderComponent:{target:"components-mapping"}}),r=(0,u.computed)((function(){return t.$parent})),o=(0,u.computed)((function(){return Object.assign({},{currentPage:1,pageSize:10,total:0},e.pagination)})),i=(0,u.computed)((function(){return e.actionList.slice().reverse().filter((function(e){return e.text}))})),c=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{name:"render",type:"call"},o=t.attrs.prop,a=o&&e.row[o];e.row.$index=e.$index;var i=void 0!==a?a:e.row;return t[n.name][n.type](r.value,i)},l=function(e){return Object.keys(e).find((function(e){var t=e.match(/^render.*/);return t&&t[0]}))},p=function(e){return(0,a.isFunction)(e)},f=function(e){var t=e||window.event;t&&t.stopPropagation?t.stopPropagation():t.cancelBubble=!0};return{getParent:r,getPagination:o,renderTypeList:n,getActionList:i,getAttrsValue:function(e){var t=s({},e.attrs);return delete t.prop,t},getValue:function(e,t){var r=t.attrs.prop,o=l(t),a=n.value[o];return a&&p(t[o])?a.target?c(e,t,{name:o,type:"bind"}):c(e,t):e.row[r]},getRenderValue:c,getMatchRenderFunction:l,isFunction:p,handlePageChange:function(n){t.$emit("getList",Object.assign(e.filterParams,{page:n}))},handleSizeChange:function(n){t.$emit("getList",Object.assign(e.filterParams,{pageSize:n}))},getHeaderActions:function(e){return s({},e.attrs)},stopBubbles:f,handleNativeClick:function(e,t){var n=e.isBubble;(0,a.isBoolean)(n)&&!n||f(t)}}}});t.Z=p},548:function(e,t,n){"use strict";t.s=function(e,t,n,o,a,i){return(0,r.openBlock)(),(0,r.createElementBlock)("div",null,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.getCellList,(function(t,n){return(0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(t.name),{key:n,modelValue:t.data,"onUpdate:modelValue":function(e){return t.data=e},row:e.row},null,8,["modelValue","onUpdate:modelValue","row"])})),128))])};var r=n(789)},260:function(e,t,n){"use strict";t.s=function(e,t,n,p,f,d){var v=(0,r.resolveComponent)("el-button"),g=(0,r.resolveComponent)("el-table-column"),b=(0,r.resolveComponent)("el-table"),y=(0,r.resolveComponent)("el-pagination"),m=(0,r.resolveComponent)("el-row"),h=(0,r.resolveDirective)("loading");return(0,r.openBlock)(),(0,r.createElementBlock)("div",o,[e.hideHeader?(0,r.createCommentVNode)("",!0):((0,r.openBlock)(),(0,r.createElementBlock)("header",a,[(0,r.createElementVNode)("h2",null,(0,r.toDisplayString)(e.title),1),(0,r.createElementVNode)("div",i,[(0,r.createElementVNode)("div",c,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.getActionList,(function(t,n){return(0,r.openBlock)(),(0,r.createBlock)(v,(0,r.mergeProps)({key:n,type:"primary"},e.getHeaderActions(t),{onClick:t.action}),{default:(0,r.withCtx)((function(){return[(0,r.createTextVNode)((0,r.toDisplayString)(t.text),1)]})),_:2},1040,["onClick"])})),128))])])])),((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(e.containerTag),null,{default:(0,r.withCtx)((function(){return[(0,r.createElementVNode)("div",u,[(0,r.renderSlot)(e.$slots,"default",{},void 0,!0)]),(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createBlock)(b,(0,r.mergeProps)({ref:"hocElTable",data:e.source,style:{width:"100%"}},e.$attrs,(0,r.toHandlers)(e.tableEvents)),{default:(0,r.withCtx)((function(){return[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.config,(function(t,n){return(0,r.openBlock)(),(0,r.createBlock)(g,(0,r.mergeProps)({key:n},e.getAttrsValue(t)),{default:(0,r.withCtx)((function(n){return[e.isFunction(e.getValue(n,t))?((0,r.openBlock)(),(0,r.createElementBlock)("div",l,[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(e.renderTypeList[e.getMatchRenderFunction(t)].target),{"cell-list":e.getValue(n,t)(),row:n.row,parent:e.getParent,onClick:function(n){e.handleNativeClick(e.getAttrsValue(t),n)}},null,8,["cell-list","row","parent","onClick"]))])):((0,r.openBlock)(),(0,r.createElementBlock)("div",s,(0,r.toDisplayString)(e.getValue(n,t)),1))]})),_:2},1040)})),128))]})),_:1},16,["data"])),[[h,e.loading]]),e.hidePagination?(0,r.createCommentVNode)("",!0):((0,r.openBlock)(),(0,r.createBlock)(m,{key:0,class:"table-pagination",justify:"end",type:"flex"},{default:(0,r.withCtx)((function(){return[(0,r.createVNode)(y,{background:"",layout:"total, sizes, prev, pager, next, jumper","current-page":e.getPagination.currentPage,"page-size":e.getPagination.pageSize,total:e.getPagination.total,onSizeChange:e.handleSizeChange,onCurrentChange:e.handlePageChange},null,8,["current-page","page-size","total","onSizeChange","onCurrentChange"])]})),_:1}))]})),_:3}))])};var r=n(789),o={class:"table-list-container"},a={key:0,class:"header"},i={class:"header-actions"},c={class:"overflow-box"},u={class:"filter-form-container"},l={key:0},s={key:1}},981:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isArray=function(e){return"[object Array]"===n.call(e)},t.isBoolean=function(e){return"[object Boolean]"===n.call(e)},t.isDate=function(e){return"[object Date]"===n.call(e)},t.isFunction=function(e){return"function"==typeof e},t.isNumberical=function(e){return("number"==typeof e||"string"==typeof e)&&!isNaN(e-parseFloat(e))},t.isObject=function(e){return e===Object(e)},t.isRegExp=function(e){return"[object RegExp]"===n.call(e)};var n=Object.prototype.toString},201:function(e,t,n){"use strict";n.r(t);var r=n(751),o=n.n(r),a=n(329),i=n.n(a)()(o());i.push([e.id,".table-list-container .table-pagination[data-v-48ab431c]{padding-top:20px}.table-list-container .header[data-v-48ab431c]{display:flex;padding-bottom:20px}.table-list-container .header .header-actions[data-v-48ab431c]{flex:1;overflow-x:auto}.table-list-container .header .header-actions .overflow-box[data-v-48ab431c]{display:flex;flex-direction:row-reverse;overflow-x:auto;white-space:nowrap}.table-list-container .header .header-actions .overflow-box[data-v-48ab431c] .el-button:nth-child(1){margin-left:10px}.table-list-container .el-table[data-v-48ab431c] th{font-size:14px}.table-list-container .el-table[data-v-48ab431c] td{font-size:14px}","",{version:3,sources:["webpack://./src/components/Table/index.vue"],names:[],mappings:"AAEE,yDACE,gBAAA,CAEF,+CACE,YAAA,CACA,mBAAA,CACA,+DACE,MAAA,CACA,eAAA,CACA,6EACE,YAAA,CACA,0BAAA,CACA,eAAA,CACA,kBAAA,CACA,sGACE,gBAAA,CAMN,qDACE,cAAA,CAEF,qDACE,cAAA",sourcesContent:["\n.table-list-container {\n .table-pagination {\n padding-top: 20px;\n }\n .header {\n display: flex;\n padding-bottom: 20px;\n .header-actions {\n flex: 1;\n overflow-x: auto;\n .overflow-box {\n display: flex;\n flex-direction: row-reverse;\n overflow-x: auto;\n white-space: nowrap;\n :deep() .el-button:nth-child(1) {\n margin-left: 10px;\n }\n }\n }\n }\n .el-table {\n :deep() th {\n font-size: 14px;\n }\n :deep() td {\n font-size: 14px;\n }\n }\n}\n"],sourceRoot:""}]),t.default=i},329:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var c=0;c<this.length;c++){var u=this[c][0];null!=u&&(i[u]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);r&&i[s[0]]||(void 0!==a&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=a),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),t.push(s))}},t}},751:function(e){"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(o," */"),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(i).concat([a]).join("\n")}return[t].join("\n")}},732:function(e,t){"use strict";t.Z=(e,t)=>{const n=e.__vccOpts||e;for(const[e,r]of t)n[e]=r;return n}},7:function(e,t,n){"use strict";n.r(t),n.d(t,{__esModule:function(){return o.X},default:function(){return a}});var r=n(548),o=n(731),a=(0,n(732).Z)(o.Z,[["render",r.s]])},724:function(e,t,n){"use strict";n.r(t),n.d(t,{__esModule:function(){return r.X},default:function(){return o}});var r=n(822),o=r.Z},197:function(e,t,n){"use strict";n.r(t),n.d(t,{__esModule:function(){return o.X},default:function(){return a}});var r=n(260),o=n(927);n(768);var a=(0,n(732).Z)(o.Z,[["render",r.s],["__scopeId","data-v-48ab431c"]])},768:function(e,t,n){var r=n(201);r.__esModule&&(r=r.default),"string"==typeof r&&(r=[[e.id,r,""]]),r.locals&&(e.exports=r.locals),(0,n(950).Z)("32814d34",r,!0,{})},950:function(e,t,n){"use strict";function r(e,t){for(var n=[],r={},o=0;o<t.length;o++){var a=t[o],i=a[0],c={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(c):n.push(r[i]={id:i,parts:[c]})}return n}n.d(t,{Z:function(){return v}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},i=o&&(document.head||document.getElementsByTagName("head")[0]),c=null,u=0,l=!1,s=function(){},p=null,f="data-vue-ssr-id",d="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(e,t,n,o){l=n,p=o||{};var i=r(e,t);return g(i),function(t){for(var n=[],o=0;o<i.length;o++){var c=i[o];(u=a[c.id]).refs--,n.push(u)}for(t?g(i=r(e,t)):i=[],o=0;o<n.length;o++){var u;if(0===(u=n[o]).refs){for(var l=0;l<u.parts.length;l++)u.parts[l]();delete a[u.id]}}}}function g(e){for(var t=0;t<e.length;t++){var n=e[t],r=a[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(y(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var i=[];for(o=0;o<n.parts.length;o++)i.push(y(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:i}}}}function b(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function y(e){var t,n,r=document.querySelector("style["+f+'~="'+e.id+'"]');if(r){if(l)return s;r.parentNode.removeChild(r)}if(d){var o=u++;r=c||(c=b()),t=x.bind(null,r,o,!1),n=x.bind(null,r,o,!0)}else r=b(),t=A.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}var m,h=(m=[],function(e,t){return m[e]=t,m.filter(Boolean).join("\n")});function x(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=h(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function A(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),p.ssrId&&e.setAttribute(f,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},789:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={id:e,exports:{}};return t[e](a,a.exports,r),a.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";var e=o,t=r(987);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=t(r(197)),a=function(e){e.component("HocElTable",n.default)};"undefined"!=typeof window&&window.Vue&&a(window.Vue);var i={version:"2.2.0",install:a,HocElTable:n.default};e.default=i}(),o}()}));
//# sourceMappingURL=hoc-el-table.js.map