ant-design-x-vue-next/lib/file-card/components/ImageLoading.js

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),a=require("ant-design-vue"),r=require("../../chunks/module-chunk.js"),g=require("../icons/ImageIcon.js"),_=require("./usePercent.js"),v=n.defineComponent({name:"AXFileCardImageLoading",__name:"ImageLoading",props:{prefixCls:null,style:null,className:null,spinProps:null},setup(i){const e=i,o=n.computed(()=>{var t;const s=((t=e.spinProps)==null?void 0:t.size)??"middle";return s==="middle"||s==="medium"?"default":s}),l=n.computed(()=>{var s;return((s=e.spinProps)==null?void 0:s.showText)!==!1}),c=n.computed(()=>{var s;return typeof((s=e.spinProps)==null?void 0:s.percent)>"u"?"auto":e.spinProps.percent}),[p,u]=_.default(!0,c),d=n.computed(()=>{var s,t;return((s=e.spinProps)==null?void 0:s.icon)??n.createVNode(g.default,{color:"rgba(0,0,0,.45)",size:((t=e.spinProps)==null?void 0:t.size)||"middle"},null)}),m=n.computed(()=>{const{showText:s,icon:t,percent:P,size:x,...f}=e.spinProps||{};return f});return()=>n.createVNode("div",{class:r.classnames(`${e.prefixCls}-image-loading`,e.className),style:e.style},[n.createVNode("div",{class:r.classnames(`${e.prefixCls}-image-skeleton`,"ant-skeleton-node")},[n.createVNode(a.Flex,{class:r.classnames(`${e.prefixCls}-image-spin`,{[`${e.prefixCls}-image-spin-${o.value}`]:o.value}),align:"center",gap:"small"},{default:()=>[n.createVNode(a.Spin,n.mergeProps({size:o.value},m.value),null),l.value&&n.createVNode("div",{class:`${e.prefixCls}-image-spin-text`,"data-percent":p.value},[u.value])]}),d.value])])}});exports.default=v;