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
12 KiB
1 lines
12 KiB
import{_ as Y}from"./RelatedComps.vue_vue_type_script_setup_true_lang-DyVZQ5A1.js";import{a4 as $}from"./index-DPltKIjj.js";import{d as E,B as X,s as g,t as U,o as y,b as k,q as i,w as a,J as l,e as m,u,N as b,f as N,g as P,F as w,r as R}from"./index-bVOhw2NF.js";import{_ as S}from"./text-ClDrYWYc.js";import{_ as h}from"./Checkbox-DAl6jmZx.js";import{_ as q}from"./InputNumber-BUVD-lKD.js";import{_ as J}from"./FormItem-Cp_SJVoE.js";import{_ as Z}from"./Slider-C2GzLvgH.js";import{N as D}from"./Icon-C8ZbiYW7.js";import{_ as G}from"./Select-BpXzRZdb.js";import{_ as H}from"./Form-BZRGTIxb.js";import{_ as K,a as M}from"./Tabs-ZZwx8VB9.js";import"./editor-ouq_SSv2.js";import"./cloneDeep-C6NKQlMO.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";import"./Divider-aR5nu9et.js";import"./light-Cua7cqmF.js";import"./context-KbjOeZY_.js";import"./_baseFor-mOzdmxoL.js";import"./light-DiXDfyIH.js";import"./index-xXhpGjLP.js";import"./vue-repl-jaFwbjhK.js";import"./codemirror-editor-CFwWTn8s.js";import"./helpers-CjmtV6uB.js";import"./common-CalHcBJp.js";import"./index-C8mAaM2V.js";import"./http-D9Asdp-z.js";import"./fade-in.cssr-CltBGdAW.js";import"./light-BKuBIbLH.js";import"./index-C-nsH7mf.js";import"./use-compitable-DMmt6sIs.js";import"./Loading-CByrJVhO.js";import"./icon-switch.cssr-BCTOxvoq.js";import"./use-is-mounted-wlrzLfZo.js";import"./use-style-qLHIyj3D.js";import"./dayjs.min-tKPc2Ebd.js";import"./toggleHighContrast-BiNrcRtm.js";import"./editorWorker-UB-8rWUJ.js";import"./GridRect-B5GXph4N.js";import"./style-D4sssT3k.js";import"./upload-DeP_4dQB.js";import"./Scrollbar-Db3aKfvv.js";import"./use-rtl-CRyak7TN.js";import"./light-uWHRDFKR.js";import"./light-CE5Kvs_2.js";import"./light-B00G814I.js";import"./Scrollbar-DVK2lT9w.js";import"./delegate-CI_DDEu_.js";import"./VResizeObserver-Tzd5ds8d.js";import"./get-precise-event-target-DhO46Lpt.js";import"./light-MOj96jwO.js";import"./use-locale-CFjRjALw.js";import"./index-Dn5RNViO.js";import"./use-merged-state-CzrzZJbg.js";import"./resolve-slot-Dzko3qih.js";import"./Input-CFQSA5NN.js";import"./browser-DLIXj5nt.js";import"./is-browser-DqcmxZSF.js";import"./use-form-item-CNgNT5jP.js";import"./use-memo-BgHp9YyU.js";import"./Suffix-BqBRFVnL.js";import"./Icon-Ck7Ij_E6.js";import"./upperFirst-Bq7Kgunw.js";import"./toString-eibgRg41.js";import"./call-f2ri57Kd.js";import"./Forward-B4Y9XmRi.js";import"./Popover-DLIip8wF.js";import"./fade-in-scale-up.cssr-CTZmXn_X.js";import"./use-false-until-truthy-BNJRTcsy.js";import"./_baseEach-BwxcRWC6.js";import"./get-BuNGRF3A.js";import"./clickoutside-CCtiUDaG.js";import"./format-length-B-p6aW7q.js";import"./Follower-DJGS5Fnl.js";import"./cssr-CS9sbUmO.js";import"./utils-BKyMmInE.js";import"./index-C9vhMoZJ.js";import"./flatten-7z_8MaI9.js";import"./index-L98eAIry.js";import"./keep-B1eBS8j0.js";import"./keysOf-HiGXOwLp.js";import"./happens-in-CM8LO42l.js";import"./omit-DbnPTcif.js";import"./context-CNWzaUOd.js";import"./Button-B7xQqa1N.js";import"./color-to-class-B0iQgAn2.js";import"./Tree-CzaEbcLe.js";import"./render-BxFg9-7m.js";import"./fade-in-height-expand.cssr-Bx380MfO.js";import"./light-D6zEcTvP.js";import"./light-DU0-KyAX.js";import"./FocusDetector-DcygY9Tk.js";import"./Modal-BHLPhdX-.js";import"./context-ELq7iLHP.js";import"./Card-BhgyLFi8.js";import"./light-BqIgj82_.js";import"./Close-D6FODkWY.js";import"./light-rvBL92Ju.js";import"./Warning-WCOp46KX.js";import"./index-DsSU6HIH.js";import"./Image-CAe7wDsQ.js";import"./light-jvBBpnb8.js";import"./light-C52Zdmem.js";import"./_createCompounder-D746aL6M.js";import"./Tooltip-C_3SXSAr.js";import"./download-C2161hUv.js";import"./noImage-CAsvTj-5.js";import"./light-Blmb_y9V.js";import"./Add-CgLKrdZy.js";import"./Progress-BpvQ1C2a.js";import"./light-DH15IGTV.js";import"./light-DWk6YUKo.js";import"./Switch-DWvSWYoO.js";import"./light-CdWU_bnm.js";import"./_common-CtIASumb.js";import"./CollapseItem-CnymMNIl.js";import"./light-BIogERFh.js";import"./ChevronRight-DjG_plXV.js";import"./Icon-B67kcA2X.js";import"./RadioGroup-5BphoArv.js";import"./light-CbIbiWrk.js";import"./get-slot-Bk_rJcZu.js";import"./use-keyboard-D_rBVq9u.js";import"./light-DGVaJDoA.js";import"./ButtonGroup-BHJkQOUq.js";import"./dashboard-YyjCL4ge.js";import"./ColorPicker-PXaqdINa.js";import"./InputGroup-CLUcMivF.js";import"./light-BJxzOxOf.js";import"./Search-Bp-OOsbn.js";import"./Grid-C11Tqhv0.js";import"./componentList-BKZexaIE.js";import"./index.vue_vue_type_script_setup_true_lang-Q6sPmgzz.js";import"./dark-C1gkUD1h.js";import"./light-CVXL3bIM.js";import"./light-DhWiRhmf.js";import"./light-DjE_cXZL.js";import"./_common-h0mJDxlK.js";import"./light-CUlEsFk3.js";import"./light-DD97CHyt.js";import"./_common-D9N4yDJ1.js";import"./light-DiBdiU84.js";import"./light-B52QuVq1.js";import"./ConfigProvider-DuxYoVXL.js";import"./light-D7R7aswA.js";import"./route-block-B_A1xBdJ.js";import"./light-BULoejUF.js";import"./light-CnxA-8p4.js";import"./light-BOD3MGQo.js";import"./toNumber-C7_OyJEx.js";const Q={class:"my-2 flex items-center justify-between"},W={class:"flex items-center justify-start"},tt={class:"flex items-center justify-end"},ot={class:"grid grid-cols-2 flex-auto gap-2"},it={class:"ml-2"},et={class:"grid grid-cols-3 flex-auto gap-3"},at={class:"ml-2"},nt={class:"flex justify-between"},lt={class:"flex-auto"},mt={class:"flex flex-col items-center justify-start",style:{flex:"0 0 42px","padding-top":"5px"}},rt={class:"flex-auto"},Wi=E({__name:"Transform",props:{modelValue:{default:{transformList:[],animationConfig:{"animation-iteration-count":1,"animation-direction":"normal","animation-delay":0}}},currAction:{default:{}}},setup(C){const z=C,{modelValue:n}=X(z),d=g(!1),f=g(!1);U(d,()=>{d.value?n.value.animationConfig["animation-iteration-count"]=Number.POSITIVE_INFINITY:n.value.animationConfig["animation-iteration-count"]=1}),U(f,()=>{f.value?n.value.animationConfig["animation-direction"]="alternate":n.value.animationConfig["animation-direction"]="normal"}),U([()=>n.value.animationConfig["animation-iteration-count"],()=>n.value.animationConfig["animation-direction"]],([p,t])=>{p===Number.POSITIVE_INFINITY?d.value=!0:d.value=!1,t==="alternate"?f.value=!0:f.value=!1},{immediate:!0});function I(p,t){return t?{name:p,translate:{x:t.translate.x,y:t.translate.y},rotate:{x:t.rotate.x,y:t.rotate.y,z:t.rotate.z},scale:{x:t.scale.x,y:t.scale.y},opacity:t.opacity,"animation-timing-function":"None","animation-duration":2}:{name:p,translate:{x:0,y:0},rotate:{x:0,y:0,z:0},scale:{x:1,y:1},opacity:1,"animation-timing-function":"None","animation-duration":2}}const x=g("变换1");function L(){const p=n.value.transformList.length,t=`变换${p+1}`;n.value.transformList.push(I(t,n.value.transformList[p-1])),x.value=t}function V(p){const r=n.value.transformList.findIndex(s=>s.name===p);if(r===-1)return;n.value.transformList.splice(r,1);const v=n.value.transformList[n.value.transformList.length-1];v&&(x.value=v.name)}const T=[{label:"匀速",value:"None"},{label:"慢快慢",value:"InOut"},{label:"低速开始",value:"In"},{label:"低速结束",value:"Out"}];return(p,t)=>{const r=S,v=h,s=q,c=J,_=Z,O=D,A=G,B=H,j=K,F=M;return y(),k(w,null,[i(Y,{"curr-action":z.currAction},null,8,["curr-action"]),i(r,{class:"color-[#999]"},{default:a(()=>t[4]||(t[4]=[l(" 变换动画配置 ")])),_:1}),m("div",Q,[m("div",W,[i(r,{class:"mr-3"},{default:a(()=>t[5]||(t[5]=[l(" 循环更新 ")])),_:1}),i(v,{checked:u(d),"onUpdate:checked":t[0]||(t[0]=o=>b(d)?d.value=o:null),class:"mr-2"},null,8,["checked"]),t[6]||(t[6]=l("启用 "))]),m("div",null,[i(r,{class:"mr-3"},{default:a(()=>t[7]||(t[7]=[l(" 来回展示 ")])),_:1}),i(v,{checked:u(f),"onUpdate:checked":t[1]||(t[1]=o=>b(f)?f.value=o:null),class:"mr-2"},null,8,["checked"]),t[8]||(t[8]=l("启用 "))]),m("div",tt,[i(r,{class:"mr-3"},{default:a(()=>t[9]||(t[9]=[l(" 延迟 ")])),_:1}),u(n).animationConfig?(y(),N(s,{key:0,value:u(n).animationConfig["animation-delay"],"onUpdate:value":t[2]||(t[2]=o=>u(n).animationConfig["animation-delay"]=o),style:{width:"100px"},"show-button":!1},{suffix:a(()=>t[10]||(t[10]=[l(" 秒 ")])),_:1},8,["value"])):P("",!0)])]),i(F,{value:u(x),"onUpdate:value":t[3]||(t[3]=o=>b(x)?x.value=o:null),type:"card",addable:!0,closable:"",size:"small","tab-style":"min-width: 80px;",class:"action-tabs h-full",onClose:V,onAdd:L},{default:a(()=>[(y(!0),k(w,null,R(u(n).transformList||[],o=>(y(),N(j,{key:o.name,name:o.name,class:"h-full"},{default:a(()=>[i(B,{"label-width":"100px",model:o,size:"small","label-placement":"left","show-feedback":!1,style:{width:"350px"}},{default:a(()=>[i(c,{label:"移动",class:"mt-4"},{default:a(()=>[m("div",ot,[m("div",null,[i(s,{value:o.translate.x,"onUpdate:value":e=>o.translate.x=e,type:"text",size:"tiny"},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[11]||(t[11]=[l(" X轴 ")])),_:1})]),m("div",it,[i(s,{value:o.translate.y,"onUpdate:value":e=>o.translate.y=e,type:"text",size:"tiny"},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[12]||(t[12]=[l(" Y轴 ")])),_:1})])])]),_:2},1024),i(c,{label:"旋转",class:"mt-4"},{default:a(()=>[m("div",et,[m("div",null,[i(_,{value:o.rotate.z,"onUpdate:value":e=>o.rotate.z=e,min:0,max:360},null,8,["value","onUpdate:value"]),i(s,{value:o.rotate.z,"onUpdate:value":e=>o.rotate.z=e,type:"text",size:"tiny",min:0,max:360},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[13]||(t[13]=[l(" Z轴(平面) - 旋转 ")])),_:1})]),m("div",at,[i(_,{value:o.rotate.x,"onUpdate:value":e=>o.rotate.x=e,min:0,max:360},null,8,["value","onUpdate:value"]),i(s,{value:o.rotate.x,"onUpdate:value":e=>o.rotate.x=e,type:"text",size:"tiny",min:0,max:360},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[14]||(t[14]=[l(" X轴 - 旋转 ")])),_:1})]),m("div",null,[i(_,{value:o.rotate.y,"onUpdate:value":e=>o.rotate.y=e,min:0,max:360},null,8,["value","onUpdate:value"]),i(s,{value:o.rotate.y,"onUpdate:value":e=>o.rotate.y=e,type:"text",size:"tiny",min:0,max:360},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[15]||(t[15]=[l(" Y轴 - 旋转 ")])),_:1})])])]),_:2},1024),i(c,{label:"缩放",class:"mt-4"},{default:a(()=>[m("div",nt,[m("div",lt,[i(_,{value:o.scale.x,"onUpdate:value":e=>o.scale.x=e,min:1,max:10},null,8,["value","onUpdate:value"]),i(s,{value:o.scale.x,"onUpdate:value":e=>o.scale.x=e,type:"text",size:"tiny",min:1,max:10},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[16]||(t[16]=[l(" X轴 - 缩放 ")])),_:1})]),m("div",mt,[i(v,{checked:!0,"read-only":""}),i(O,{size:"14",class:"mt-1"},{default:a(()=>[i(u($))]),_:1})]),m("div",rt,[i(_,{value:o.scale.y,"onUpdate:value":e=>o.scale.y=e,min:1,max:10},null,8,["value","onUpdate:value"]),i(s,{value:o.scale.y,"onUpdate:value":e=>o.scale.y=e,type:"text",size:"tiny",min:1,max:10},null,8,["value","onUpdate:value"]),i(r,{class:"color-[#999]"},{default:a(()=>t[17]||(t[17]=[l(" Y轴 - 缩放 ")])),_:1})])])]),_:2},1024),i(c,{label:"透明度",class:"mt-4"},{default:a(()=>[i(_,{value:o.opacity,"onUpdate:value":e=>o.opacity=e,min:0,max:1,step:.1},null,8,["value","onUpdate:value"])]),_:2},1024),i(c,{label:"速度",class:"mt-4"},{default:a(()=>[i(A,{value:o["animation-timing-function"],"onUpdate:value":e=>o["animation-timing-function"]=e,size:"small",options:T,style:{width:"250px"}},null,8,["value","onUpdate:value"])]),_:2},1024),i(c,{label:"时长",path:"animationOptions.duration",class:"mt-4"},{default:a(()=>[i(s,{value:o["animation-duration"],"onUpdate:value":e=>o["animation-duration"]=e,size:"small","show-button":!1,style:{width:"100px"}},{suffix:a(()=>t[18]||(t[18]=[l(" 秒 ")])),_:2},1032,["value","onUpdate:value"])]),_:2},1024)]),_:2},1032,["model"])]),_:2},1032,["name"]))),128))]),_:1},8,["value"])],64)}}});export{Wi as default};
|