You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.7 KiB
1 lines
6.7 KiB
import{d as j,s as h,c as y,t as F,ai as z,o as b,b as x,e as a,F as k,r as L,h as C,q as i,w as r,J as u,K as $,n as M,u as n,k as E,p as S}from"./index-bVOhw2NF.js";import{u as A}from"./editor-ouq_SSv2.js";import{c as U,b as N,i as B,o as D,d as V}from"./helpers-CjmtV6uB.js";import{_ as H}from"./text-ClDrYWYc.js";import{g as q,_ as I}from"./Select-BpXzRZdb.js";import{_ as J}from"./Checkbox-DAl6jmZx.js";import{_ as K}from"./InputNumber-BUVD-lKD.js";import"./cloneDeep-C6NKQlMO.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";import"./light-Cua7cqmF.js";import"./context-KbjOeZY_.js";import"./_baseFor-mOzdmxoL.js";import"./light-Blmb_y9V.js";import"./use-compitable-DMmt6sIs.js";import"./fade-in-scale-up.cssr-CTZmXn_X.js";import"./use-false-until-truthy-BNJRTcsy.js";import"./light-CE5Kvs_2.js";import"./light-B00G814I.js";import"./Scrollbar-DVK2lT9w.js";import"./fade-in.cssr-CltBGdAW.js";import"./use-rtl-CRyak7TN.js";import"./index-C-nsH7mf.js";import"./delegate-CI_DDEu_.js";import"./VResizeObserver-Tzd5ds8d.js";import"./get-precise-event-target-DhO46Lpt.js";import"./use-merged-state-CzrzZJbg.js";import"./use-locale-CFjRjALw.js";import"./index-Dn5RNViO.js";import"./use-form-item-CNgNT5jP.js";import"./use-is-mounted-wlrzLfZo.js";import"./Follower-DJGS5Fnl.js";import"./use-memo-BgHp9YyU.js";import"./cssr-CS9sbUmO.js";import"./utils-BKyMmInE.js";import"./render-BxFg9-7m.js";import"./Suffix-BqBRFVnL.js";import"./icon-switch.cssr-BCTOxvoq.js";import"./use-style-qLHIyj3D.js";import"./resolve-slot-Dzko3qih.js";import"./Icon-Ck7Ij_E6.js";import"./upperFirst-Bq7Kgunw.js";import"./toString-eibgRg41.js";import"./Loading-CByrJVhO.js";import"./light-BOD3MGQo.js";import"./color-to-class-B0iQgAn2.js";import"./Close-D6FODkWY.js";import"./call-f2ri57Kd.js";import"./Popover-DLIip8wF.js";import"./_baseEach-BwxcRWC6.js";import"./get-BuNGRF3A.js";import"./clickoutside-CCtiUDaG.js";import"./format-length-B-p6aW7q.js";import"./index-C9vhMoZJ.js";import"./flatten-7z_8MaI9.js";import"./index-L98eAIry.js";import"./keep-B1eBS8j0.js";import"./FocusDetector-DcygY9Tk.js";import"./happens-in-CM8LO42l.js";import"./index-DsSU6HIH.js";import"./light-DU0-KyAX.js";import"./light-BULoejUF.js";import"./Button-B7xQqa1N.js";import"./browser-DLIXj5nt.js";import"./is-browser-DqcmxZSF.js";import"./light-MOj96jwO.js";import"./Input-CFQSA5NN.js";import"./Add-CgLKrdZy.js";const T={class:"animation-list flex items-center justify-between"},G=["onClick"],P={class:"grid grid-cols-3 mt-3 gap-2"},Q=["onMouseenter","onMouseleave","onClick"],R=j({__name:"AnimationList",setup(O){const c=[{value:"common",label:"常用"},{value:"attention",label:"强调"},{value:"in",label:"移入"},{value:"out",label:"退出"},{value:"special",label:"特殊"}],s={common:U,attention:N,in:B,out:D,special:V},w=A(),_=h([]),p=y({get(){return w.current.animationOptions},set(e){w.current.animationOptions=e}}),v=y({get(){return p.value.animationCat||"common"},set(e){p.value.animationCat=e}});F(v,e=>{e&&(_.value=s[e])},{immediate:!0});const d=z(e=>{e.isHovered=!0},500),t=z(e=>{e.isHovered=!1,_.value.forEach(g=>{g.isHovered=!1})},500);function m(e){p.value.name=e.value,p.value.nameCn=e.label}return(e,g)=>{const f=H;return b(),x(k,null,[a("div",T,[(b(),x(k,null,L(c,o=>a("div",{key:o.value,class:"animation-category cursor-pointer",onClick:C(l=>v.value=o.value,["stop"])},[i(f,{style:M({color:n(v)===o.value?"#1890ff":""})},{default:r(()=>[u($(o.label),1)]),_:2},1032,["style"])],8,G)),64))]),a("div",P,[(b(!0),x(k,null,L(n(_),o=>(b(),x("div",{key:o.value,class:E(["animation-item border border-[#ccc] px-3 py-2 text-center dark:border-[#383838]",{animate__animated:o.isHovered,[`animate__${o.value}`]:o.isHovered,active:o.value===n(p).name}]),onMouseenter:C(l=>n(d)(o),["stop"]),onMouseleave:C(l=>n(t)(o),["stop"]),onClick:l=>m(o)},[i(f,{class:"color-[#333] dark:color-[#e5e5e5]"},{default:r(()=>[u($(o.label),1)]),_:2},1024)],42,Q))),128))])],64)}}}),W=S(R,[["__scopeId","data-v-bc9a7ed0"]]),X={class:"w-full px-3 pt-3"},Y={class:"mb-4 w-full flex justify-between"},Z={class:"flex-auto"},tt={class:"mb-4 w-full flex justify-between"},et={class:"flex-auto"},ot={class:"mb-4 w-full flex justify-between"},it={class:"flex-auto"},nt={class:"mb-4 w-full flex justify-between"},st={class:"flex-auto"},lt={class:"mb-4 w-full flex justify-between"},at={class:"flex flex-auto items-center justify-between"},ke=j({__name:"Animation",setup(O){const c=A(),s=y({get:()=>c.current.animationOptions,set(d){c.current.animationOptions=d}}),w=[{label:"线性",value:"linear"},{label:"匀速",value:"ease"},{label:"加速",value:"ease-in"},{label:"减速",value:"ease-out"},{label:"先加速后减速",value:"ease-in-out"},{label:"初始速度",value:"initial"},{label:"结束速度",value:"inherit"},{label:"自定义",value:"cubic-bezier(0.42, 0, 0.58, 1)"}],_=[{label:"正向",value:"normal"},{label:"反向",value:"reverse"},{label:"奇数次正向",value:"alternate"},{label:"奇数次反向",value:"alternate-reverse"}];function p(d){s.value.iterationCount=d?"infinite":1}const v=y(()=>s.value.nameCn||"");return(d,t)=>{const m=H,e=J,g=q,f=I,o=K;return b(),x("div",X,[a("div",Y,[i(m,{class:"w-[70px]"},{default:r(()=>t[5]||(t[5]=[u(" 启用动画 ")])),_:1}),a("div",Z,[i(e,{checked:n(c).current.animationEnabled,"onUpdate:checked":t[0]||(t[0]=l=>n(c).current.animationEnabled=l),size:"small"},null,8,["checked"]),i(m,{class:"ml-2 mr-1"},{default:r(()=>t[6]||(t[6]=[u(" 循环播放 ")])),_:1}),i(e,{size:"small",checked:n(s).iterationCount==="infinite","on-update:checked":p},null,8,["checked"])])]),a("div",tt,[i(m,{class:"w-[70px]"},{default:r(()=>t[7]||(t[7]=[u(" 当前动画 ")])),_:1}),a("div",et,[i(g,{type:"info",size:"small"},{default:r(()=>[u($(n(v)||"无动画"),1)]),_:1})])]),a("div",ot,[i(m,{class:"w-[70px]"},{default:r(()=>t[8]||(t[8]=[u(" 播放速度 ")])),_:1}),a("div",it,[i(f,{value:n(s).timingFunction,"onUpdate:value":t[1]||(t[1]=l=>n(s).timingFunction=l),options:w,size:"small"},null,8,["value"])])]),a("div",nt,[i(m,{class:"w-[70px]"},{default:r(()=>t[9]||(t[9]=[u(" 交替方向 ")])),_:1}),a("div",st,[i(f,{value:n(s).direction,"onUpdate:value":t[2]||(t[2]=l=>n(s).direction=l),options:_,size:"small"},null,8,["value"])])]),a("div",lt,[i(m,{style:{flex:"0 0 70px"}},{default:r(()=>t[10]||(t[10]=[u(" 动画时长 ")])),_:1}),a("div",at,[i(o,{value:n(s).duration,"onUpdate:value":t[3]||(t[3]=l=>n(s).duration=l),size:"small","show-button":!1},{suffix:r(()=>t[11]||(t[11]=[u(" 秒 ")])),_:1},8,["value"]),i(m,{class:"ml-2 mr-2 w-[135px] text-right"},{default:r(()=>t[12]||(t[12]=[u(" 动画延迟 ")])),_:1}),i(o,{value:n(s).delay,"onUpdate:value":t[4]||(t[4]=l=>n(s).delay=l),size:"small","show-button":!1},{suffix:r(()=>t[13]||(t[13]=[u(" 秒 ")])),_:1},8,["value"])])]),i(W)])}}});export{ke as default};
|