wot-design-uni/demo/assets/subPages-fab-Index.CNJv0sIy.js

var e=Object.defineProperty,a=Object.defineProperties,t=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,u=(a,t,o)=>t in a?e(a,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):a[t]=o,i=(e,a)=>{for(var t in a||(a={}))l.call(a,t)&&u(e,t,a[t]);if(o)for(var t of o(a))s.call(a,t)&&u(e,t,a[t]);return e},n=(e,o)=>a(e,t(o)),c=(e,a,t)=>new Promise(((o,l)=>{var s=e=>{try{i(t.next(e))}catch(a){l(a)}},u=e=>{try{i(t.throw(e))}catch(a){l(a)}},i=e=>e.done?o(e.value):Promise.resolve(e.value).then(s,u);i((t=t.apply(e,a)).next())}));import{q as d,w as r,b as m,f as p,c as v,d as f,a as b}from"./page-wraper.D9WpzC1k.js";import{d as g,r as h,a3 as _,J as w,C as y,an as x,c as $,B as k,G as z,y as j,ac as C,b as V,g as T,w as O,h as I,z as L,i as P,E as U,K as q,D as Q,q as F,Z as H,L as X,b9 as Y,u as D,m as E,l as G,F as K,e as S,f as B,j as J,t as R}from"./index-ChV97F5w.js";import{_ as W,a as Z}from"./wd-radio-group.gn49HgJ9.js";import{_ as A}from"./demo-block.bo7yY1Pq.js";import{_ as M}from"./wd-button.DXEkLyH0.js";import{b as N,c as ee,m as ae,a as te,w as oe,_ as le}from"./base64.D3gEw_Hf.js";import{p as se,r as ue,c as ie}from"./clickoutside.CJmLG0WC.js";import{u as ne}from"./useRaf.CJIKUUtr.js";import"./wd-root-portal.BUSGVytV.js";import"./useChildren.C_02WC2s.js";const ce=n(i({},N),{active:ee(!1),type:te("primary"),position:te("right-bottom"),direction:te("top"),disabled:ee(!1),inactiveIcon:te("add"),activeIcon:te("close"),zIndex:ae(99),draggable:ee(!1),gap:{type:Object,default:()=>({})},expandable:ee(!0)}),de=le(g(n(i({},{name:"wd-fab",options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),{props:ce,emits:["update:active","click"],setup(e,{expose:a,emit:t}){const o=e,l=t,s=h(!1),u=h(!1),i=_(d,null),{proxy:n}=w();y((()=>o.active),(e=>{u.value=e}),{immediate:!0,deep:!0}),y((()=>u.value),(e=>{e&&(i&&i.closeOther?i.closeOther(n):ie(n))}));const m=h(o.direction);y((()=>o.direction),(e=>m.value=e)),y((()=>o.position),(()=>D()));const p=h(0),v=h(0),f=x({width:0,height:0}),b=x({width:56,height:56}),g=x({minTop:0,minLeft:0,maxTop:0,maxLeft:0});function D(){const e=o.position,{minLeft:a,minTop:t,maxLeft:l,maxTop:s}=g,u=(s+t)/2,i=(l+a)/2;switch(e){case"left-top":p.value=t,v.value=a;break;case"right-top":p.value=t,v.value=l;break;case"left-bottom":p.value=s,v.value=a;break;case"right-bottom":p.value=s,v.value=l;break;case"left-center":p.value=u,v.value=a;break;case"right-center":p.value=u,v.value=l;break;case"top-center":p.value=t,v.value=i;break;case"bottom-center":p.value=s,v.value=i}}const E=x({x:0,y:0}),G=h(!1);function K(e){if(!1===o.draggable)return;const a=e.touches[0];E.x=a.clientX-v.value,E.y=a.clientY-p.value,G.value=!1}function S(e){if(!1===o.draggable)return;const a=e.touches[0],{minLeft:t,minTop:l,maxLeft:s,maxTop:u}=g;let i=a.clientX-E.x,n=a.clientY-E.y;i<t?i=t:i>s&&(i=s),n<l?n=l:n>u&&(n=u),p.value=n,v.value=i}function B(){if(!1===o.draggable)return;const e=f.width/2,a=v.value+b.width/2;G.value=!0,a<e?(v.value=g.minLeft,m.value="right"):(v.value=g.maxLeft,m.value="left")}const J=$((()=>{const e={top:p.value+"px",left:v.value+"px",transition:G.value?"all ease 0.3s":"none"};return k(o.zIndex)&&(e["z-index"]=o.zIndex),`${z(e)}${o.customStyle}`}));function R(){o.disabled||(o.expandable?(u.value=!u.value,l("update:active",u.value)):l("click"))}return j((()=>{i&&i.pushToQueue?i.pushToQueue(n):se(n);const{start:e}=ne((()=>c(this,null,(function*(){yield function(){return c(this,null,(function*(){const e=H();try{const e=yield X("#trigger",!1,n);b.width=e.width||56,b.height=e.height||56}catch(u){console.log(u)}const{top:a=16,left:t=16,right:l=16,bottom:s=16}=o.gap;f.width=e.windowWidth,f.height=Y?e.windowTop+e.windowHeight:e.windowHeight,g.minTop=Y?e.windowTop+a:a,g.minLeft=t,g.maxLeft=f.width-b.width-l,g.maxTop=f.height-b.height-s}))}(),D(),s.value=!0}))));e()})),C((()=>{i&&i.removeFromQueue?i.removeFromQueue(n):ue(n)})),a({open:function(){u.value=!0,l("update:active",!0)},close:function(){u.value=!1,l("update:active",!1)}}),(e,a)=>{const t=P;return T(),V(t,{onTouchmove:q(S,["stop","prevent"]),onTouchstart:K,onTouchend:B,class:F(`wd-fab ${e.customClass}`),style:U(J.value),onClick:a[1]||(a[1]=q((()=>{}),["stop"]))},{default:O((()=>[I(t,{onClick:a[0]||(a[0]=q((()=>{}),["stop"])),style:U({visibility:s.value?"visible":"hidden"}),id:"trigger"},{default:O((()=>[e.$slots.trigger?Q(e.$slots,"trigger",{key:0},void 0,!0):(T(),V(M,{key:1,onClick:R,"custom-class":"wd-fab__trigger",round:"",type:e.type,disabled:e.disabled},{default:O((()=>[I(oe,{"custom-class":"wd-fab__icon",name:u.value?e.activeIcon:e.inactiveIcon},null,8,["name"])])),_:1},8,["type","disabled"]))])),_:3},8,["style"]),e.expandable?(T(),V(r,{key:0,"enter-class":`wd-fab__transition-enter--${m.value}`,"enter-active-class":"wd-fab__transition-enter-active","leave-to-class":`wd-fab__transition-leave-to--${m.value}`,"leave-active-class":"wd-fab__transition-leave-active","custom-class":`wd-fab__actions wd-fab__actions--${m.value}`,show:u.value,duration:300},{default:O((()=>[Q(e.$slots,"default",{},void 0,!0)])),_:3},8,["enter-class","leave-to-class","custom-class","show"])):L("",!0)])),_:3},8,["class","style"])}}})),[["__scopeId","data-v-b2781518"]]),re=le(g({__name:"Index",setup(e){const{t:a}=D(),{show:t}=m(),o=h(!1),l=h("primary"),s=h("left-bottom"),u=h("top"),i=h(!1),n=h(!1),c=h(!1),{closeOutside:d}=p();function r(){t(a("fen-xiang-gei-peng-you-0"))}return(e,a)=>{const m=S(B("wd-toast"),v),p=S(B("wd-radio"),W),g=S(B("wd-radio-group"),Z),h=S(B("demo-block"),A),_=S(B("wd-switch"),f),w=P,y=S(B("wd-button"),M),x=S(B("wd-icon"),oe),$=S(B("wd-fab"),de),k=S(B("page-wraper"),b);return T(),E(K,null,[I(m),I(w,{class:"fab",onClick:G(d)},{default:O((()=>[I(k,null,{default:O((()=>[I(h,{title:e.$t("xuan-fu-an-niu-zhu-ti-se")},{default:O((()=>[I(g,{modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=e=>l.value=e),inline:"",shape:"dot"},{default:O((()=>[I(p,{value:"primary","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("zhu-yao-an-niu")),1)])),_:1}),I(p,{value:"success","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("cheng-gong-an-niu-0")),1)])),_:1}),I(p,{value:"warning","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("jing-gao-an-niu-0")),1)])),_:1}),I(p,{value:"error","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("wei-xian-an-niu")),1)])),_:1}),I(p,{value:"info","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("xin-xi-an-niu")),1)])),_:1})])),_:1},8,["modelValue"])])),_:1},8,["title"]),I(h,{title:e.$t("xuan-fu-an-niu-wei-zhi")},{default:O((()=>[I(g,{modelValue:s.value,"onUpdate:modelValue":a[1]||(a[1]=e=>s.value=e),inline:"",shape:"dot"},{default:O((()=>[I(p,{value:"left-top","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("zuo-shang")),1)])),_:1}),I(p,{value:"right-top","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("you-shang")),1)])),_:1}),I(p,{value:"left-center","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("zuo-zhong")),1)])),_:1}),I(p,{value:"right-center","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("you-zhong")),1)])),_:1}),I(p,{value:"top-center","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("shang-zhong")),1)])),_:1}),I(p,{value:"bottom-center","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("xia-zhong")),1)])),_:1}),I(p,{value:"left-bottom","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("zuo-xia")),1)])),_:1}),I(p,{value:"right-bottom","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("you-xia")),1)])),_:1})])),_:1},8,["modelValue"])])),_:1},8,["title"]),I(h,{title:e.$t("cai-dan-dan-chu-fang-xiang")},{default:O((()=>[I(g,{modelValue:u.value,"onUpdate:modelValue":a[2]||(a[2]=e=>u.value=e),inline:"",shape:"dot"},{default:O((()=>[I(p,{value:"top","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("xiang-shang")),1)])),_:1}),I(p,{value:"bottom","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("xiang-xia")),1)])),_:1}),I(p,{value:"right","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("xiang-you")),1)])),_:1}),I(p,{value:"left","custom-class":"custom-radio"},{default:O((()=>[J(R(e.$t("xiang-zuo")),1)])),_:1})])),_:1},8,["modelValue"])])),_:1},8,["title"]),I(h,{title:e.$t("jinYong")},{default:O((()=>[I(w,{onClick:a[4]||(a[4]=q((()=>{}),["stop"]))},{default:O((()=>[I(_,{modelValue:i.value,"onUpdate:modelValue":a[3]||(a[3]=e=>i.value=e),size:"22px"},null,8,["modelValue"])])),_:1})])),_:1},8,["title"]),I(h,{title:e.$t("ke-tuo-dong")},{default:O((()=>[I(w,{onClick:a[6]||(a[6]=q((()=>{}),["stop"]))},{default:O((()=>[I(_,{modelValue:n.value,"onUpdate:modelValue":a[5]||(a[5]=e=>n.value=e),size:"22px"},null,8,["modelValue"])])),_:1})])),_:1},8,["title"]),I(h,{title:e.$t("qie-huan-zhan-shi")},{default:O((()=>[I(w,{onClick:a[8]||(a[8]=q((()=>{}),["stop"]))},{default:O((()=>[I(y,{type:"primary",onClick:a[7]||(a[7]=e=>o.value=!o.value),round:""},{default:O((()=>[J(R(e.$t("qie-huan")),1)])),_:1})])),_:1})])),_:1},8,["title"]),I(h,{title:e.$t("zi-ding-yi-chu-fa-qi")},{default:O((()=>[I(w,{onClick:a[10]||(a[10]=q((()=>{}),["stop"]))},{default:O((()=>[I(_,{modelValue:c.value,"onUpdate:modelValue":a[9]||(a[9]=e=>c.value=e),size:"22px"},null,8,["modelValue"])])),_:1})])),_:1},8,["title"]),c.value?(T(),V($,{key:1,position:"left-bottom",draggable:n.value,expandable:!1},{trigger:O((()=>[I(y,{onClick:r,icon:"share",type:"error"},{default:O((()=>[J(R(e.$t("fen-xiang-gei-peng-you")),1)])),_:1})])),_:1},8,["draggable"])):(T(),V($,{key:0,active:o.value,"onUpdate:active":a[15]||(a[15]=e=>o.value=e),disabled:i.value,type:l.value,position:s.value,direction:u.value,draggable:n.value,onClick:a[16]||(a[16]=e=>G(t)("我被点了"))},{default:O((()=>[I(y,{onClick:a[11]||(a[11]=e=>G(t)("一键三连")),disabled:i.value,"custom-class":"custom-button",type:"primary",round:""},{default:O((()=>[I(x,{name:"github-filled",size:"22px"})])),_:1},8,["disabled"]),I(y,{onClick:a[12]||(a[12]=e=>G(t)("我要收藏")),disabled:i.value,"custom-class":"custom-button",type:"success",round:""},{default:O((()=>[I(x,{name:"star",size:"22px"})])),_:1},8,["disabled"]),I(y,{onClick:a[13]||(a[13]=e=>G(t)("我要投币")),disabled:i.value,"custom-class":"custom-button",type:"error",round:""},{default:O((()=>[I(x,{name:"money-circle",size:"22px"})])),_:1},8,["disabled"]),I(y,{onClick:a[14]||(a[14]=e=>G(t)("我要点赞")),disabled:i.value,"custom-class":"custom-button",type:"warning",round:""},{default:O((()=>[I(x,{name:"thumb-up",size:"22px"})])),_:1},8,["disabled"])])),_:1},8,["active","disabled","type","position","direction","draggable"]))])),_:1})])),_:1},8,["onClick"])],64)}}}),[["__scopeId","data-v-40e82ac8"]]);export{re as default};