balm-ui/components/skeleton/index.js

A modular and customizable UI library based on Material Design and Vue 3

!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define("UiSkeleton",["vue"],t):"object"===typeof exports?exports.UiSkeleton=t(require("vue")):e.UiSkeleton=t(e.Vue)}("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var t={744:function(e){var t=function(e){return function(e){return!!e&&"object"===typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===r}(e)}(e)};var r="function"===typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function o(e,t){return!1!==t.clone&&t.isMergeableObject(e)?i((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function n(e,t,r){return e.concat(t).map((function(e){return o(e,r)}))}function a(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function l(e,t){try{return t in e}catch(r){return!1}}function c(e,t,r){var n={};return r.isMergeableObject(e)&&a(e).forEach((function(t){n[t]=o(e[t],r)})),a(t).forEach((function(a){(function(e,t){return l(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(l(e,a)&&r.isMergeableObject(t[a])?n[a]=function(e,t){if(!t.customMerge)return i;var r=t.customMerge(e);return"function"===typeof r?r:i}(a,r)(e[a],t[a],r):n[a]=o(t[a],r))})),n}function i(e,r,a){(a=a||{}).arrayMerge=a.arrayMerge||n,a.isMergeableObject=a.isMergeableObject||t,a.cloneUnlessOtherwiseSpecified=o;var l=Array.isArray(r);return l===Array.isArray(e)?l?a.arrayMerge(e,r,a):c(e,r,a):o(r,a)}i.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return i(e,r,t)}),{})};var p=i;e.exports=p},154:function(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var n={};o.d(n,{default:function(){return g}});var a=o(744),l=o.n(a);const c=/(?:^\[object\s(.*?)\]$)/;var i=e=>Object.prototype.toString.call(e).replace(c,"$1").toLowerCase();const p=e=>{let{componentProps:t,propName:r,props:o}=e,n=o[r];if("object"===i(n)){const e=t[r].default;t[r].default=()=>l()(e,n)}else Array.isArray(n)?t[r].default=()=>n:t[r].default=n},u=e=>{let{componentMixins:t,propName:r,props:o}=e;if(t.length){let e=t.length;for(;e--;)if(t[e].props&&void 0!==t[e].props[r]){p({componentProps:t[e].props,propName:r,props:o});break}}};var s=(e,t)=>{for(const r of Object.keys(t))e.props?void 0===e.props[r]?u({componentMixins:e.mixins,propName:r,props:t}):p({componentProps:e.props,propName:r,props:t}):u({componentMixins:e.mixins,propName:r,props:t})};var f=e=>{const t={install(t){s(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),t.component(e.name,e)}};return t},m=o(154);const d={key:0,class:"mdc-skeleton__header"},v={class:"mdc-skeleton__content"},y={key:1,class:"mdc-skeleton-paragraph"},b={name:"UiSkeleton",customOptions:{}};var g=f(Object.assign(b,{props:{loading:{type:Boolean,default:!0},active:{type:Boolean,default:!1},avatar:{type:[Boolean,Object],default:!1},title:{type:[Boolean,Object],default:!0},paragraph:{type:[Boolean,Object],default:!0}},setup(e){const t=e,r=(0,m.computed)((()=>t.loading?{"mdc-skeleton":!0,"mdc-skeleton--with-avatar":t.avatar,"mdc-skeleton--active":t.active}:{})),o=(0,m.computed)((()=>"object"===i(t.avatar)?t.avatar:{})),n=(0,m.computed)((()=>({"mdc-skeleton-avatar":!0,"mdc-skeleton-avatar--circle":"square"!==o.value.shape,"mdc-skeleton-avatar--large":"large"===o.value.size,"mdc-skeleton-avatar--small":"small"===o.value.size}))),a=(0,m.computed)((()=>{const{size:e}=o.value;return"number"===i(e)?{width:`${e}px`,height:`${e}px`,lineHeight:`${e}px`}:{}})),l=(0,m.computed)((()=>{let e={};return!t.avatar&&t.paragraph&&(e={width:"38%"}),t.avatar&&t.paragraph&&(e={width:"50%"}),"object"===i(t.title)&&t.title.width&&(e={width:t.title.width}),e})),c=(0,m.computed)((()=>{let e={};return t.avatar&&t.title||(e={width:"61%"}),"object"===i(t.paragraph)&&t.paragraph.width&&(e={width:t.paragraph.width}),e})),p=(0,m.computed)((()=>{let e=0;return e=!t.avatar&&t.title?3:2,"object"===i(t.paragraph)&&t.paragraph.rows&&(e=t.paragraph.rows),e}));return(t,o)=>((0,m.openBlock)(),(0,m.createElementBlock)("div",{class:(0,m.normalizeClass)(r.value)},[e.loading?((0,m.openBlock)(),(0,m.createElementBlock)(m.Fragment,{key:0},[e.avatar?((0,m.openBlock)(),(0,m.createElementBlock)("div",d,[(0,m.createElementVNode)("i",{class:(0,m.normalizeClass)(n.value),style:(0,m.normalizeStyle)(a.value)},null,6)])):(0,m.createCommentVNode)("",!0),(0,m.createElementVNode)("div",v,[e.title?((0,m.openBlock)(),(0,m.createElementBlock)("h3",{key:0,class:"mdc-skeleton-title",style:(0,m.normalizeStyle)(l.value)},null,4)):(0,m.createCommentVNode)("",!0),p.value?((0,m.openBlock)(),(0,m.createElementBlock)("ul",y,[((0,m.openBlock)(!0),(0,m.createElementBlock)(m.Fragment,null,(0,m.renderList)(p.value,(e=>((0,m.openBlock)(),(0,m.createElementBlock)("li",{key:e,style:(0,m.normalizeStyle)(e===p.value?c.value:{})},null,4)))),128))])):(0,m.createCommentVNode)("",!0)])],64)):(0,m.renderSlot)(t.$slots,"default",{key:1})],2))}}));return n=n.default}()}));