@swiftcast/clip-editor-react 0.0.6 → 0.0.8

package/dist/static/js/async/800.957452b9.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkremote=self.webpackChunkremote||[]).push([["800"],{85079:function(e,s,t){t.d(s,{z:()=>i});var a=t(70813),n=t(93316),r=t(71553);let i=e=>{let{className:s}=e;return(0,a.jsx)("div",{className:(0,r.cn)("bg-[#EFF2F9] rounded-lg m-2 inline-flex items-center justify-center",s),children:(0,a.jsx)(n.Z,{className:"text-gray-400"})})}},21278:function(e,s,t){t.d(s,{Z:()=>G});var a=t(70813),n=t(1159),r=t(42904),i=t(85351),l=t(29055),c=t(56896),d=t(30157),o=t(36531),h=t(3353),m=t(38095),x=t(2550),u=t(30929),j=t(23942),p=t(93585),f=t(48827),v=t(57282),y=t(93330);async function N(e){try{return await f.hi.get(`/studio_manager/generate-share-link/${e}`)}catch(e){console.error("该项目共享链接生成失败:",e),(0,p.S3)("共享链接生成失败")}}async function g(e){try{let s=new URL(e).pathname.split("/").pop();return await f.hi.get(`/studio_manager/share-content/${s}`)}catch(e){console.error("使用共享链接失败:",e),(0,p.S3)("共享链接使用失败")}}function _(e){let{projectId:s,disabled:t=!1}=e,[n,r]=(0,i.useState)(!1),[l,c]=(0,i.useState)(""),[f,_]=(0,i.useState)(""),[w,b]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),[k,z]=(0,i.useState)(!1),{t:$}=(0,y.$)();(0,i.useEffect)(()=>{let e=!0;return n&&(b(!0),(async()=>{try{let t=await N(s);e&&t&&(c(t),z(!1))}catch(e){console.error("获取分享链接失败:",e)}finally{e&&b(!1)}})()),()=>{e=!1}},[n]);let Z=async()=>{try{await navigator.clipboard.writeText(l),z(!0),(0,p.x9)("分享链接已复制到剪贴板")}catch(e){console.error(`\u{590D}\u{5236}\u{5931}\u{8D25} ${e}`),(0,p.S3)("复制失败，请手动复制")}},F=async()=>{if(!f.trim())return void(0,p.L$)("请输入共享链接");try{C(!0);let e=await g(f);e.used_flag?(_(""),(0,p.x9)("共享链接使用成功，Team 已在新窗口打开"),r(!1),window.open(`/?${e}`,"_blank")):(0,p.L$)("你已经在这个 Team 中了")}catch(e){console.error(`\u{5171}\u{4EAB}\u{94FE}\u{63A5}\u{4F7F}\u{7528}\u{5931}\u{8D25} ${e}`),(0,p.S3)("使用共享链接失败")}finally{C(!1)}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.z,{variant:"outline",size:"default",onClick:()=>{r(!0),c(""),z(!1)},disabled:t,children:[(0,a.jsx)(o.Z,{className:"mr-2 h-4 w-4"}),$("home.share.title")]}),(0,a.jsx)(u.Vq,{open:n,onOpenChange:e=>r(e),children:(0,a.jsxs)(u.cZ,{className:"sm:max-w-md",children:[(0,a.jsx)(u.fK,{children:(0,a.jsxs)(u.$N,{children:[" ",$("home.share.title")]})}),(0,a.jsxs)("div",{className:"space-y-4 mb-6",children:[(0,a.jsxs)("h3",{className:"text-sm font-medium",children:[" ",$("home.share.link")]}),(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,a.jsx)(j.I,{value:l,readOnly:!0,placeholder:"点击生成按钮获取共享链接",className:"flex-1"}),(0,a.jsxs)(d.z,{size:"sm",onClick:Z,variant:"secondary",children:[k?(0,a.jsx)(h.Z,{className:"h-4 w-4 mr-2"}):(0,a.jsx)(m.Z,{className:"h-4 w-4 mr-2"}),$(k?"home.share.copied":"home.share.copy")]})]})]}),(0,a.jsx)(v.Z,{}),(0,a.jsxs)("div",{className:"space-y-4 mt-6",children:[(0,a.jsxs)("h3",{className:"text-sm font-medium",children:[" ",$("home.share.use_share_link_content")]}),(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,a.jsx)(j.I,{value:f,onChange:e=>_(e.target.value),placeholder:"粘贴共享链接",className:"flex-1"}),(0,a.jsxs)(d.z,{size:"sm",onClick:F,disabled:S||!f.trim(),variant:"secondary",children:[(0,a.jsx)(x.Z,{className:"h-4 w-4 mr-2"}),S?"处理中...":"共享"]})]})]})]})})]})}var w=t(17511),b=t(27495),S=t(45252),C=t(8960),k=t(76497),z=t(79530),$=t(78271),Z=t(17270),F=t(2990),R=t(10413),E=t(57972),O=t(57784),A=t(85079);function D(e){let{isOpen:s,onClose:t,onConfirm:n,projectName:r}=e;return(0,a.jsx)(u.Vq,{open:s,onOpenChange:t,children:(0,a.jsxs)(u.cZ,{className:"sm:max-w-[425px]",children:[(0,a.jsxs)(u.fK,{children:[(0,a.jsx)(u.$N,{children:"确认克隆"}),(0,a.jsxs)(u.Be,{children:['你确定要克隆项目 "',r,'" 吗？']})]}),(0,a.jsxs)(u.cN,{children:[(0,a.jsx)(d.z,{type:"button",variant:"outline",onClick:t,children:"取消"}),(0,a.jsx)(d.z,{type:"button",variant:"default",onClick:n,children:"克隆"})]})]})})}var q=t(53701);function T(e){let{isOpen:s,onClose:t,onConfirm:n,projectName:r}=e;return(0,a.jsx)(u.Vq,{open:s,onOpenChange:t,children:(0,a.jsxs)(u.cZ,{className:"sm:max-w-[425px]",children:[(0,a.jsxs)(u.fK,{children:[(0,a.jsx)(u.$N,{children:"确认删除"}),(0,a.jsxs)(u.Be,{children:['你确定要删除项目 "',r,'" 吗？此操作不可逆。']})]}),(0,a.jsxs)(u.cN,{children:[(0,a.jsx)(d.z,{type:"button",variant:"secondary",onClick:t,children:"取消"}),(0,a.jsx)(d.z,{type:"button",variant:"destructive",onClick:n,children:"删除"})]})]})})}var I=t(80715),K=t(68621),V=t(71553);let X=(0,K.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),L=i.forwardRef((e,s)=>{let{className:t,...n}=e;return(0,a.jsx)(I.f,{ref:s,className:(0,V.cn)(X(),t),...n})});function B(e){let{isOpen:s,onClose:t,onRename:n,currentName:r}=e,[l,c]=(0,i.useState)(r);return(0,a.jsx)(u.Vq,{open:s,onOpenChange:t,children:(0,a.jsxs)(u.cZ,{className:"sm:max-w-[425px]",children:[(0,a.jsxs)(u.fK,{children:[(0,a.jsx)(u.$N,{children:"重命名项目"}),(0,a.jsx)(u.Be,{children:"输入新的项目名称"})]}),(0,a.jsx)("div",{className:"grid gap-4 py-4",children:(0,a.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,a.jsx)(L,{htmlFor:"name",className:"text-right",children:"名称"}),(0,a.jsx)(j.I,{id:"name",value:l,onChange:e=>c(e.target.value),className:"col-span-3"})]})}),(0,a.jsxs)(u.cN,{children:[(0,a.jsx)(d.z,{type:"button",variant:"secondary",onClick:t,children:"取消"}),(0,a.jsx)(d.z,{type:"button",onClick:()=>{n(l),t()},children:"确认"})]})]})})}function P(e){let{project:s,onRename:t,onClone:n,onDelete:r}=e,[l,c]=(0,i.useState)(!1),[o,h]=(0,i.useState)(!1),[m,x]=(0,i.useState)(!1),u=(0,C.s)({from:"/"}),{t:j}=(0,y.$)();return(0,a.jsxs)("div",{children:[(0,a.jsx)(q.Zb,{className:"hover:shadow-lg hover:cursor-pointer p-4",onClick:()=>{u({to:"/editor?project="+s.short_url_id})},children:(0,a.jsx)("div",{className:"aspect-video relative overflow-hidden rounded-md",children:(0,a.jsx)(A.z,{className:"w-full h-full m-0"})})}),(0,a.jsxs)("div",{className:"flex flex-row items-center justify-between space-y-0 pb-2 pt-4",children:[(0,a.jsx)("h3",{className:"font-medium text-xl text-gray-600 truncate w-[70%]",children:s.title}),(0,a.jsxs)(w.h_,{children:[(0,a.jsx)(w.$F,{asChild:!0,children:(0,a.jsxs)(d.z,{variant:"ghost",size:"icon",className:"h-8 w-8 p-0",children:[(0,a.jsx)("span",{className:"sr-only",children:"Open menu"}),(0,a.jsx)(O.Z,{})]})}),(0,a.jsxs)(w.AW,{align:"end",children:[(0,a.jsx)(w.Xi,{onSelect:()=>c(!0),children:j("home.project.rename")}),(0,a.jsx)(w.Xi,{onSelect:()=>h(!0),children:j("home.project.clone")}),(0,a.jsx)(w.Xi,{onSelect:()=>x(!0),className:"text-red-600",children:j("home.project.delete")})]})]})]}),(0,a.jsx)("div",{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,a.jsxs)("span",{className:"text-sm",children:[" ",s.createdAt]})}),(0,a.jsx)(B,{isOpen:l,onClose:()=>c(!1),onRename:e=>t(s.short_url_id,e),currentName:s.title}),(0,a.jsx)(D,{isOpen:o,onClose:()=>h(!1),onConfirm:()=>{n(s.short_url_id),h(!1)},projectName:s.title}),(0,a.jsx)(T,{isOpen:m,onClose:()=>x(!1),onConfirm:()=>{console.info(555,s),r(s.short_url_id)},projectName:s.title})]})}function Q(e){let{teamId:s}=e,{t}=(0,y.$)(),n=(0,F.D)({mutationFn:async e=>await c.R.POST("/studio_manager/projects/",{body:{name:"工作流"+(0,$.Vj)(),create_at:(0,$.Ux)(),update_at:(0,$.Ux)(),team_id:e}}),onSuccess:async e=>{window.open(`/editor?project=${e.data.data.short_url_id}`,"_blank")}});return(0,a.jsx)("div",{children:(0,a.jsx)(d.z,{disabled:-1==s,onClick:()=>{n.mutate(s)},children:t("home.create_project")})})}L.displayName=I.f.displayName;var U=t(44153);function W(e){let{projects:s,onRename:t,onDelete:n}=e,[r,l]=(0,i.useState)(null),[c,o]=(0,i.useState)(!1),[h,m]=(0,i.useState)(!1),x=(e,s)=>{t(e,s),l(null),o(!1)},u=e=>{n(e),l(null),m(!1)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"rounded-md border",children:(0,a.jsxs)(U.iA,{children:[(0,a.jsx)(U.xD,{children:(0,a.jsxs)(U.SC,{children:[(0,a.jsx)(U.ss,{className:"w-[100px]",children:"缩略图"}),(0,a.jsx)(U.ss,{children:"项目名称"}),(0,a.jsx)(U.ss,{children:"创建时间"}),(0,a.jsx)(U.ss,{className:"w-[100px]",children:"操作"})]})}),(0,a.jsx)(U.RM,{children:s.map(e=>(0,a.jsxs)(U.SC,{children:[(0,a.jsx)(U.pj,{children:(0,a.jsx)("div",{className:"relative w-16 h-16 rounded-md overflow-hidden",children:(0,a.jsx)("img",{src:e.thumbnail||"/placeholder.svg",alt:e.title,className:"object-cover"})})}),(0,a.jsx)(U.pj,{className:"font-medium",children:e.title}),(0,a.jsx)(U.pj,{children:e.createdAt}),(0,a.jsx)(U.pj,{children:(0,a.jsxs)(w.h_,{children:[(0,a.jsx)(w.$F,{asChild:!0,children:(0,a.jsxs)(d.z,{variant:"ghost",className:"h-8 w-8 p-0",children:[(0,a.jsx)("span",{className:"sr-only",children:"Open menu"}),(0,a.jsx)(O.Z,{className:"h-4 w-4"})]})}),(0,a.jsxs)(w.AW,{align:"end",children:[(0,a.jsx)(w.Xi,{onSelect:()=>{l(e),o(!0)},children:"重命名"}),(0,a.jsx)(w.Xi,{onSelect:()=>{l(e),m(!0)},className:"text-red-600",children:"删除"})]})]})})]},e.id))})]})}),r&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(B,{isOpen:c,onClose:()=>{o(!1),l(null)},onRename:e=>x(r.short_url_id,e),currentName:r.title}),(0,a.jsx)(T,{isOpen:h,onClose:()=>{m(!1),l(null)},onConfirm:()=>u(r.id),projectName:r.title})]})]})}function G(){let[e,s]=(0,i.useState)("grid"),t=(0,S.T)(),[o,h]=function(e,s){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};(0,b.t)();let a=(0,S.T)(),n=(0,C.s)(),[r,l]=(0,i.useState)(s);return(0,i.useEffect)(()=>{let n=a.search[e];n?t.validate?t.validate(n)&&l(n):l(n):l(s)},[a,e,s,t.validate]),[r,s=>{l(s);let r=new URLSearchParams(a.searchStr);r.set(e,s),t.replace,n({to:`?${r.toString()}`})}]}("teamId","-1"),{t:m}=(0,y.$)(),{isPending:x,error:u,data:j}=(0,Z.a)({queryKey:["teams"],queryFn:async()=>{let e=await c.R.GET("/studio_manager/teams/",{params:{query:{user_id:(0,l.rc)()}}}),s=await c.R.GET("/studio_manager/projects/",{params:{query:{user_id:(0,l.rc)()}}});return(0,$.yV)({teams:[],projects:[]},e,s)}});(0,k.Z)(async()=>{j&&"-1"===o&&!t.search.teamId&&h(j.teams.find(e=>e.name.startsWith("我的")).short_url_id)},[j]);let p=(0,F.D)({mutationFn:async e=>await c.R.DELETE("/studio_manager/projects/{project_id}/",{params:{path:{project_id:e}}}),onSuccess:e=>z.E.invalidateQueries({queryKey:["teams"]})}),f=(0,F.D)({mutationFn:async e=>await c.R.POST("/studio_manager/projects/clone/",{body:{project_id:e}}),onSuccess:async e=>{console.info(444,e),window.open(`/editor?project=${e.data.data.short_url_id}`,"_blank")}}),v=(0,F.D)({mutationKey:["update_project_name"],mutationFn:async e=>await c.R.PUT("/studio_manager/projects/{project_id}/",{params:{path:{project_id:e.project_id}},body:{name:e.name}}),onSuccess:e=>z.E.invalidateQueries({queryKey:["teams"]})}),N=(e,s)=>{v.mutate({project_id:e,name:s})},g=e=>{f.mutate(e)},O=e=>{p.mutate(e)},A=null==j?void 0:j.teams.find(e=>e.short_url_id===o),D=null==j?void 0:j.projects.map(e=>({id:e.id,short_url_id:e.short_url_id,team_id:e.team_id,title:e.name,thumbnail:"",createdAt:e.update_at})).filter(e=>"-1"!==o&&String(e.team_id)===String(null==A?void 0:A.id));return(0,a.jsx)(R.Z,{spinning:x,children:(0,a.jsx)("div",{className:"w-full h-full flex-1 flex-col space-y-8 p-8 flex ",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("div",{className:"flex items-end space-x-2",children:(0,a.jsx)("h2",{className:"text-xl font-semibold",children:m("home.title")})}),(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,a.jsxs)(w.h_,{children:[(0,a.jsx)(w.$F,{asChild:!0,children:(0,a.jsx)(d.z,{size:"icon",variant:"outline",children:"grid"===e?(0,a.jsx)(n.Z,{className:"h-4 w-4"}):(0,a.jsx)(r.Z,{className:"h-4 w-4"})})}),(0,a.jsxs)(w.AW,{align:"end",children:[(0,a.jsxs)(w.Xi,{onClick:()=>s("grid"),children:[(0,a.jsx)(n.Z,{className:"mr-2 h-4 w-4"})," Grid view"]}),(0,a.jsxs)(w.Xi,{onClick:()=>s("list"),children:[(0,a.jsx)(r.Z,{className:"mr-2 h-4 w-4"})," List view"]})]})]}),(0,a.jsx)(_,{projectId:o}),(0,a.jsxs)(E.Ph,{value:o,onValueChange:e=>{z.E.invalidateQueries({queryKey:["teams"]}),h(e)},children:[(0,a.jsx)(E.i4,{className:"w-[180px]",children:(0,a.jsx)(E.ki,{placeholder:"Select a fruit"})}),(0,a.jsx)(E.Bw,{children:(0,a.jsx)(E.DI,{children:null==j?void 0:j.teams.map((e,s)=>(0,a.jsx)(E.Ql,{value:String(e.short_url_id),children:e.name},e.short_url_id))})})]}),(0,a.jsx)(Q,{teamId:o})]})]}),"grid"===e?(0,a.jsx)("div",{className:"grid grid-cols-5 gap-14",children:null==D?void 0:D.map(e=>(0,a.jsx)(P,{project:e,onRename:N,onClone:g,onDelete:O},e.id))}):(0,a.jsx)(W,{projects:D,onRename:N,onDelete:O})]})})})}},23942:function(e,s,t){t.d(s,{I:()=>i});var a=t(70813),n=t(85351),r=t(71553);let i=n.forwardRef((e,s)=>{let{className:t,type:n,...i}=e;return(0,a.jsx)("input",{type:n,className:(0,r.cn)("flex h-9 w-full rounded-md border border-zinc-200 bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-zinc-950 placeholder:text-zinc-500 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-zinc-800 dark:file:text-zinc-50 dark:placeholder:text-zinc-400 dark:focus-visible:ring-zinc-300",t),ref:s,...i})});i.displayName="Input"},93330:function(e,s,t){t.d(s,{$:()=>n});var a=t(91299);function n(){let{language:e,setLanguage:s,languages:t,dictionary:n}=(0,a.Qg)();return{t:(e,s)=>{let t=(Array.isArray(e)?e:e.split(".")).reduce((e,s)=>null==e?void 0:e[s],n);return t?(s&&"string"==typeof t&&Object.entries(s).forEach(e=>{let[s,a]=e;t=t.replace(RegExp(`{{${s}}}`,"g"),a)}),t):Array.isArray(e)?e[e.length-1]:e.split(".").pop()||e},language:e,setLanguage:s,languages:t}}}}]);