index-b370d32f.js
2.87 KB
var E=Object.defineProperty;var f=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var F=(e,o,n)=>o in e?E(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,L=(e,o)=>{for(var n in o||(o={}))B.call(o,n)&&F(e,n,o[n]);if(f)for(var n of f(o))h.call(o,n)&&F(e,n,o[n]);return e};import{u as T,d as D,k as C,r as W,H as w,a8 as l,x as A,v as R,_ as P,a9 as $,aa as r,a0 as N,f as t,E as u}from"./vue-5a35c3f5.js";import{bk as V,bl as H,_ as S}from"./index.js";import{P as j}from"./index-f532aa07.js";import{ag as _}from"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";function b(e){let o,n=document.body;if(Reflect.has(e,"target")||Reflect.has(e,"props")){const a=e;o=a.props||{},n=a.target||document.body}else o=e;const i=V(o,void 0,!0);return[()=>{const a=T(n);a&&i.open(a)},()=>{i.close()},a=>{i.setTip(a)}]}const q=D({components:{Loading:H,PageWrapper:j,[_.name]:_},setup(){const e=C(null),o=C(!1),n=W({absolute:!1,loading:!1,theme:"dark",background:"rgba(111,111,111,.7)",tip:"加载中..."}),[i,p]=b({tip:"加载中..."}),[c,s]=b({target:e,props:{tip:"加载中...",absolute:!0}});function a(v){n.absolute=v,n.loading=!0,setTimeout(()=>{n.loading=!1},2e3)}function d(){a(!1)}function m(){a(!0)}function g(){i(),setTimeout(()=>{p()},2e3)}function k(){c(),setTimeout(()=>{s()},2e3)}function y(){o.value=!0,setTimeout(()=>{o.value=!1},2e3)}return L({openCompFullLoading:d,openFnFullLoading:g,openFnWrapLoading:k,openCompAbsolute:m,wrapEl:e,loadingRef:o,openDirectiveLoading:y},w(n))}}),z={ref:"wrapEl"};function G(e,o,n,i,p,c){const s=l("a-alert"),a=l("a-button"),d=l("Loading"),m=l("PageWrapper"),g=A("loading");return R((P(),$(m,{"loading-tip":"加载中...",title:"Loading组件示例"},{default:r(()=>[N("div",z,[t(s,{message:"组件方式"}),t(a,{class:"my-4 mr-4",type:"primary",onClick:e.openCompFullLoading},{default:r(()=>[u(" 全屏 Loading ")]),_:1},8,["onClick"]),t(a,{class:"my-4",type:"primary",onClick:e.openCompAbsolute},{default:r(()=>[u(" 容器内 Loading ")]),_:1},8,["onClick"]),t(d,{loading:e.loading,absolute:e.absolute,theme:e.theme,background:e.background,tip:e.tip},null,8,["loading","absolute","theme","background","tip"]),t(s,{message:"函数方式"}),t(a,{class:"my-4 mr-4",type:"primary",onClick:e.openFnFullLoading},{default:r(()=>[u(" 全屏 Loading ")]),_:1},8,["onClick"]),t(a,{class:"my-4",type:"primary",onClick:e.openFnWrapLoading},{default:r(()=>[u(" 容器内 Loading ")]),_:1},8,["onClick"]),t(s,{message:"指令方式"}),t(a,{class:"my-4 mr-4",type:"primary",onClick:e.openDirectiveLoading},{default:r(()=>[u(" 打开指令Loading ")]),_:1},8,["onClick"])],512)]),_:1})),[[g,e.loadingRef]])}const Y=S(q,[["render",G],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/comp/loading/index.vue"]]);export{Y as default};