物管理前端
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.
 
 
 
 

224 lines
41 KiB

import{G as s,d as K,c as D,i as re,s as $,E as Se,O as U,P as Ee,a2 as Me,F as pe,Q as Ne,o as X,b as J,e as S,t as xe,f as ne,w as F,q as x,J as te,u as _,g as Q,r as Ae,N as ce,K as He,h as ue,T as Ve,m as qe,p as Xe}from"./index-bVOhw2NF.js";import{s as me,_ as Ge}from"./http-D9Asdp-z.js";import{u as _e,S as Ke,_ as We}from"./Scrollbar-Db3aKfvv.js";import{N as Re,B as Y}from"./Button-B7xQqa1N.js";import{_ as Ze}from"./Tree-CzaEbcLe.js";import{E as Je,_ as Qe}from"./Input-CFQSA5NN.js";import{_ as Ye}from"./FormItem-Cp_SJVoE.js";import{_ as et}from"./Form-BZRGTIxb.js";import{_ as Ce}from"./Modal-BHLPhdX-.js";import{_ as tt}from"./Checkbox-DAl6jmZx.js";import{_ as ke,D as nt,N as ot}from"./Image-CAe7wDsQ.js";import{N as rt,T as it}from"./noImage-CAsvTj-5.js";import{c as b,b as O,u as Te,f as le,h as Be,v as ae,w as lt,d as H,a as G}from"./light-Cua7cqmF.js";import{t as at}from"./light-Blmb_y9V.js";import{c as st}from"./context-KbjOeZY_.js";import{i as dt}from"./is-browser-DqcmxZSF.js";import{a as ut}from"./resolve-slot-Dzko3qih.js";import{r as se,N as Z}from"./Icon-Ck7Ij_E6.js";import{A as ct}from"./Add-CgLKrdZy.js";import{_ as ft}from"./Progress-BpvQ1C2a.js";import{u as pt}from"./use-memo-BgHp9YyU.js";import{N as mt,i as gt}from"./icon-switch.cssr-BCTOxvoq.js";import{d as ht}from"./download-C2161hUv.js";import{f as ge}from"./fade-in-height-expand.cssr-Bx380MfO.js";import{u as vt}from"./light-DWk6YUKo.js";import{u as yt}from"./use-form-item-CNgNT5jP.js";import{u as bt}from"./use-merged-state-CzrzZJbg.js";import{c as he}from"./index-L98eAIry.js";import{c as ve}from"./call-f2ri57Kd.js";import{N as wt}from"./Icon-C8ZbiYW7.js";const xt=se("attach",s("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},s("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},s("g",{fill:"currentColor","fill-rule":"nonzero"},s("path",{d:"M3.25735931,8.70710678 L7.85355339,4.1109127 C8.82986412,3.13460197 10.4127766,3.13460197 11.3890873,4.1109127 C12.365398,5.08722343 12.365398,6.67013588 11.3890873,7.64644661 L6.08578644,12.9497475 C5.69526215,13.3402718 5.06209717,13.3402718 4.67157288,12.9497475 C4.28104858,12.5592232 4.28104858,11.9260582 4.67157288,11.5355339 L9.97487373,6.23223305 C10.1701359,6.0369709 10.1701359,5.72038841 9.97487373,5.52512627 C9.77961159,5.32986412 9.4630291,5.32986412 9.26776695,5.52512627 L3.96446609,10.8284271 C3.18341751,11.6094757 3.18341751,12.8758057 3.96446609,13.6568542 C4.74551468,14.4379028 6.01184464,14.4379028 6.79289322,13.6568542 L12.0961941,8.35355339 C13.4630291,6.98671837 13.4630291,4.77064094 12.0961941,3.40380592 C10.7293591,2.0369709 8.51328163,2.0369709 7.14644661,3.40380592 L2.55025253,8 C2.35499039,8.19526215 2.35499039,8.51184464 2.55025253,8.70710678 C2.74551468,8.90236893 3.06209717,8.90236893 3.25735931,8.70710678 Z"}))))),_t=se("trash",s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M432,144,403.33,419.74A32,32,0,0,1,371.55,448H140.46a32,32,0,0,1-31.78-28.26L80,144",style:"fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"}),s("rect",{x:"32",y:"64",width:"448",height:"80",rx:"16",ry:"16",style:"fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"}),s("line",{x1:"312",y1:"240",x2:"200",y2:"352",style:"fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"}),s("line",{x1:"312",y1:"352",x2:"200",y2:"240",style:"fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"}))),Rt=se("cancel",s("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},s("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},s("g",{fill:"currentColor","fill-rule":"nonzero"},s("path",{d:"M2.58859116,2.7156945 L2.64644661,2.64644661 C2.82001296,2.47288026 3.08943736,2.45359511 3.2843055,2.58859116 L3.35355339,2.64644661 L8,7.293 L12.6464466,2.64644661 C12.8417088,2.45118446 13.1582912,2.45118446 13.3535534,2.64644661 C13.5488155,2.84170876 13.5488155,3.15829124 13.3535534,3.35355339 L8.707,8 L13.3535534,12.6464466 C13.5271197,12.820013 13.5464049,13.0894374 13.4114088,13.2843055 L13.3535534,13.3535534 C13.179987,13.5271197 12.9105626,13.5464049 12.7156945,13.4114088 L12.6464466,13.3535534 L8,8.707 L3.35355339,13.3535534 C3.15829124,13.5488155 2.84170876,13.5488155 2.64644661,13.3535534 C2.45118446,13.1582912 2.45118446,12.8417088 2.64644661,12.6464466 L7.293,8 L2.64644661,3.35355339 C2.47288026,3.17998704 2.45359511,2.91056264 2.58859116,2.7156945 L2.64644661,2.64644661 L2.58859116,2.7156945 Z"}))))),Ct=se("retry",s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M320,146s24.36-12-64-12A160,160,0,1,0,416,294",style:"fill: none; stroke: currentcolor; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 32px;"}),s("polyline",{points:"256 58 336 138 256 218",style:"fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"}))),kt=b("p",`
box-sizing: border-box;
transition: color .3s var(--n-bezier);
margin: var(--n-margin);
font-size: var(--n-font-size);
line-height: var(--n-line-height);
color: var(--n-text-color);
`,[O("&:first-child","margin-top: 0;"),O("&:last-child","margin-bottom: 0;")]),Tt=Object.assign(Object.assign({},le.props),{depth:[String,Number]}),Bt=K({name:"P",props:Tt,setup(e){const{mergedClsPrefixRef:t,inlineThemeDisabled:n}=Te(e),o=le("Typography","-p",kt,at,e,t),d=D(()=>{const{depth:c}=e,g=c||"1",{common:{cubicBezierEaseInOut:a},self:{pFontSize:u,pLineHeight:l,pMargin:p,pTextColor:R,[`pTextColor${g}Depth`]:j}}=o.value;return{"--n-bezier":a,"--n-font-size":u,"--n-line-height":l,"--n-margin":p,"--n-text-color":c===void 0?R:j}}),r=n?Be("p",D(()=>`${e.depth||""}`),d,e):void 0;return{mergedClsPrefix:t,cssVars:n?void 0:d,themeClass:r==null?void 0:r.themeClass,onRender:r==null?void 0:r.onRender}},render(){var e;return(e=this.onRender)===null||e===void 0||e.call(this),s("p",{class:[`${this.mergedClsPrefix}-p`,this.themeClass],style:this.cssVars},this.$slots)}}),ee=st("n-upload"),Le="__UPLOAD_DRAGGER__",Fe=K({name:"UploadDragger",[Le]:!0,setup(e,{slots:t}){const n=re(ee,null);return n||ae("upload-dragger","`n-upload-dragger` must be placed inside `n-upload`."),()=>{const{mergedClsPrefixRef:{value:o},mergedDisabledRef:{value:d},maxReachedRef:{value:r}}=n;return s("div",{class:[`${o}-upload-dragger`,(d||r)&&`${o}-upload-dragger--disabled`]},t)}}});var fe=function(e,t,n,o){function d(r){return r instanceof n?r:new n(function(c){c(r)})}return new(n||(n=Promise))(function(r,c){function g(l){try{u(o.next(l))}catch(p){c(p)}}function a(l){try{u(o.throw(l))}catch(p){c(p)}}function u(l){l.done?r(l.value):d(l.value).then(g,a)}u((o=o.apply(e,t||[])).next())})};function Ue(e){return e.includes("image/")}function ye(e=""){const t=e.split("/"),o=t[t.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(o)||[""])[0]}const be=/(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i,Pe=e=>{if(e.type)return Ue(e.type);const t=ye(e.name||"");if(be.test(t))return!0;const n=e.thumbnailUrl||e.url||"",o=ye(n);return!!(/^data:image\//.test(n)||be.test(o))};function Lt(e){return fe(this,void 0,void 0,function*(){return yield new Promise(t=>{if(!e.type||!Ue(e.type)){t("");return}t(window.URL.createObjectURL(e))})})}const Ft=dt&&window.FileReader&&window.File;function Ut(e){return e.isDirectory}function Pt(e){return e.isFile}function Dt(e,t){return fe(this,void 0,void 0,function*(){const n=[];function o(d){return fe(this,void 0,void 0,function*(){for(const r of d)if(r){if(t&&Ut(r)){const c=r.createReader();try{const g=yield new Promise((a,u)=>{c.readEntries(a,u)});yield o(g)}catch{}}else if(Pt(r))try{const c=yield new Promise((g,a)=>{r.file(g,a)});n.push({file:c,entry:r,source:"dnd"})}catch{}}})}return yield o(e),n})}function oe(e){const{id:t,name:n,percentage:o,status:d,url:r,file:c,thumbnailUrl:g,type:a,fullPath:u,batchId:l}=e;return{id:t,name:n,percentage:o??null,status:d,url:r??null,file:c??null,thumbnailUrl:g??null,type:a??null,fullPath:u??null,batchId:l??null}}function jt(e,t,n){return e=e.toLowerCase(),t=t.toLocaleLowerCase(),n=n.toLocaleLowerCase(),n.split(",").map(d=>d.trim()).filter(Boolean).some(d=>{if(d.startsWith(".")){if(e.endsWith(d))return!0}else if(d.includes("/")){const[r,c]=t.split("/"),[g,a]=d.split("/");if((g==="*"||r&&g&&g===r)&&(a==="*"||c&&a&&a===c))return!0}else return!0;return!1})}const De=K({name:"UploadTrigger",props:{abstract:Boolean},setup(e,{slots:t}){const n=re(ee,null);n||ae("upload-trigger","`n-upload-trigger` must be placed inside `n-upload`.");const{mergedClsPrefixRef:o,mergedDisabledRef:d,maxReachedRef:r,listTypeRef:c,dragOverRef:g,openOpenFileDialog:a,draggerInsideRef:u,handleFileAddition:l,mergedDirectoryDndRef:p,triggerClassRef:R,triggerStyleRef:j}=n,E=D(()=>c.value==="image-card");function M(){d.value||r.value||a()}function v(w){w.preventDefault(),g.value=!0}function h(w){w.preventDefault(),g.value=!0}function C(w){w.preventDefault(),g.value=!1}function P(w){var i;if(w.preventDefault(),!u.value||d.value||r.value){g.value=!1;return}const f=(i=w.dataTransfer)===null||i===void 0?void 0:i.items;f!=null&&f.length?Dt(Array.from(f).map(y=>y.webkitGetAsEntry()),p.value).then(y=>{l(y)}).finally(()=>{g.value=!1}):g.value=!1}return()=>{var w;const{value:i}=o;return e.abstract?(w=t.default)===null||w===void 0?void 0:w.call(t,{handleClick:M,handleDrop:P,handleDragOver:v,handleDragEnter:h,handleDragLeave:C}):s("div",{class:[`${i}-upload-trigger`,(d.value||r.value)&&`${i}-upload-trigger--disabled`,E.value&&`${i}-upload-trigger--image-card`,R.value],style:j.value,onClick:M,onDrop:P,onDragover:v,onDragenter:h,onDragleave:C},E.value?s(Fe,null,{default:()=>ut(t.default,()=>[s(Z,{clsPrefix:i},{default:()=>s(ct,null)})])}):t)}}}),zt=K({name:"UploadProgress",props:{show:Boolean,percentage:{type:Number,required:!0},status:{type:String,required:!0}},setup(){return{mergedTheme:re(ee).mergedThemeRef}},render(){return s(Re,null,{default:()=>this.show?s(ft,{type:"line",showIndicator:!1,percentage:this.percentage,status:this.status,height:2,theme:this.mergedTheme.peers.Progress,themeOverrides:this.mergedTheme.peerOverrides.Progress}):null})}}),Ot=s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 28"},s("g",{fill:"none"},s("path",{d:"M21.75 3A3.25 3.25 0 0 1 25 6.25v15.5A3.25 3.25 0 0 1 21.75 25H6.25A3.25 3.25 0 0 1 3 21.75V6.25A3.25 3.25 0 0 1 6.25 3h15.5zm.583 20.4l-7.807-7.68a.75.75 0 0 0-.968-.07l-.084.07l-7.808 7.68c.183.065.38.1.584.1h15.5c.204 0 .4-.035.583-.1l-7.807-7.68l7.807 7.68zM21.75 4.5H6.25A1.75 1.75 0 0 0 4.5 6.25v15.5c0 .208.036.408.103.593l7.82-7.692a2.25 2.25 0 0 1 3.026-.117l.129.117l7.82 7.692c.066-.185.102-.385.102-.593V6.25a1.75 1.75 0 0 0-1.75-1.75zm-3.25 3a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5zm0 1.5a1 1 0 1 0 0 2a1 1 0 0 0 0-2z",fill:"currentColor"}))),$t=s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 28"},s("g",{fill:"none"},s("path",{d:"M6.4 2A2.4 2.4 0 0 0 4 4.4v19.2A2.4 2.4 0 0 0 6.4 26h15.2a2.4 2.4 0 0 0 2.4-2.4V11.578c0-.729-.29-1.428-.805-1.944l-6.931-6.931A2.4 2.4 0 0 0 14.567 2H6.4zm-.9 2.4a.9.9 0 0 1 .9-.9H14V10a2 2 0 0 0 2 2h6.5v11.6a.9.9 0 0 1-.9.9H6.4a.9.9 0 0 1-.9-.9V4.4zm16.44 6.1H16a.5.5 0 0 1-.5-.5V4.06l6.44 6.44z",fill:"currentColor"})));var It=function(e,t,n,o){function d(r){return r instanceof n?r:new n(function(c){c(r)})}return new(n||(n=Promise))(function(r,c){function g(l){try{u(o.next(l))}catch(p){c(p)}}function a(l){try{u(o.throw(l))}catch(p){c(p)}}function u(l){l.done?r(l.value):d(l.value).then(g,a)}u((o=o.apply(e,t||[])).next())})};const ie={paddingMedium:"0 3px",heightMedium:"24px",iconSizeMedium:"18px"},St=K({name:"UploadFile",props:{clsPrefix:{type:String,required:!0},file:{type:Object,required:!0},listType:{type:String,required:!0},index:{type:Number,required:!0}},setup(e){const t=re(ee),n=$(null),o=$(""),d=D(()=>{const{file:i}=e;return i.status==="finished"?"success":i.status==="error"?"error":"info"}),r=D(()=>{const{file:i}=e;if(i.status==="error")return"error"}),c=D(()=>{const{file:i}=e;return i.status==="uploading"}),g=D(()=>{if(!t.showCancelButtonRef.value)return!1;const{file:i}=e;return["uploading","pending","error"].includes(i.status)}),a=D(()=>{if(!t.showRemoveButtonRef.value)return!1;const{file:i}=e;return["finished"].includes(i.status)}),u=D(()=>{if(!t.showDownloadButtonRef.value)return!1;const{file:i}=e;return["finished"].includes(i.status)}),l=D(()=>{if(!t.showRetryButtonRef.value)return!1;const{file:i}=e;return["error"].includes(i.status)}),p=pt(()=>o.value||e.file.thumbnailUrl||e.file.url),R=D(()=>{if(!t.showPreviewButtonRef.value)return!1;const{file:{status:i},listType:f}=e;return["finished"].includes(i)&&p.value&&f==="image-card"});function j(){t.submit(e.file.id)}function E(i){i.preventDefault();const{file:f}=e;["finished","pending","error"].includes(f.status)?v(f):["uploading"].includes(f.status)?C(f):lt("upload","The button clicked type is unknown.")}function M(i){i.preventDefault(),h(e.file)}function v(i){const{xhrMap:f,doChange:y,onRemoveRef:{value:z},mergedFileListRef:{value:m}}=t;Promise.resolve(z?z({file:Object.assign({},i),fileList:m,index:e.index}):!0).then(k=>{if(k===!1)return;const T=Object.assign({},i,{status:"removed"});f.delete(i.id),y(T,void 0,{remove:!0})})}function h(i){const{onDownloadRef:{value:f}}=t;Promise.resolve(f?f(Object.assign({},i)):!0).then(y=>{y!==!1&&ht(i.url,i.name)})}function C(i){const{xhrMap:f}=t,y=f.get(i.id);y==null||y.abort(),v(Object.assign({},i))}function P(i){const{onPreviewRef:{value:f}}=t;if(f)f(e.file,{event:i});else if(e.listType==="image-card"){const{value:y}=n;if(!y)return;y.click()}}const w=()=>It(this,void 0,void 0,function*(){const{listType:i}=e;i!=="image"&&i!=="image-card"||t.shouldUseThumbnailUrlRef.value(e.file)&&(o.value=yield t.getFileThumbnailUrlResolver(e.file))});return Se(()=>{w()}),{mergedTheme:t.mergedThemeRef,progressStatus:d,buttonType:r,showProgress:c,disabled:t.mergedDisabledRef,showCancelButton:g,showRemoveButton:a,showDownloadButton:u,showRetryButton:l,showPreviewButton:R,mergedThumbnailUrl:p,shouldUseThumbnailUrl:t.shouldUseThumbnailUrlRef,renderIcon:t.renderIconRef,imageRef:n,handleRemoveOrCancelClick:E,handleDownloadClick:M,handleRetryClick:j,handlePreviewClick:P}},render(){const{clsPrefix:e,mergedTheme:t,listType:n,file:o,renderIcon:d}=this;let r;const c=n==="image";c||n==="image-card"?r=!this.shouldUseThumbnailUrl(o)||!this.mergedThumbnailUrl?s("span",{class:`${e}-upload-file-info__thumbnail`},d?d(o):Pe(o)?s(Z,{clsPrefix:e},{default:()=>Ot}):s(Z,{clsPrefix:e},{default:()=>$t})):s("a",{rel:"noopener noreferer",target:"_blank",href:o.url||void 0,class:`${e}-upload-file-info__thumbnail`,onClick:this.handlePreviewClick},n==="image-card"?s(ke,{src:this.mergedThumbnailUrl||void 0,previewSrc:o.url||void 0,alt:o.name,ref:"imageRef"}):s("img",{src:this.mergedThumbnailUrl||void 0,alt:o.name})):r=s("span",{class:`${e}-upload-file-info__thumbnail`},d?d(o):s(Z,{clsPrefix:e},{default:()=>s(xt,null)}));const a=s(zt,{show:this.showProgress,percentage:o.percentage||0,status:this.progressStatus}),u=n==="text"||n==="image";return s("div",{class:[`${e}-upload-file`,`${e}-upload-file--${this.progressStatus}-status`,o.url&&o.status!=="error"&&n!=="image-card"&&`${e}-upload-file--with-url`,`${e}-upload-file--${n}-type`]},s("div",{class:`${e}-upload-file-info`},r,s("div",{class:`${e}-upload-file-info__name`},u&&(o.url&&o.status!=="error"?s("a",{rel:"noopener noreferer",target:"_blank",href:o.url||void 0,onClick:this.handlePreviewClick},o.name):s("span",{onClick:this.handlePreviewClick},o.name)),c&&a),s("div",{class:[`${e}-upload-file-info__action`,`${e}-upload-file-info__action--${n}-type`]},this.showPreviewButton?s(Y,{key:"preview",quaternary:!0,type:this.buttonType,onClick:this.handlePreviewClick,theme:t.peers.Button,themeOverrides:t.peerOverrides.Button,builtinThemeOverrides:ie},{icon:()=>s(Z,{clsPrefix:e},{default:()=>s(Je,null)})}):null,(this.showRemoveButton||this.showCancelButton)&&!this.disabled&&s(Y,{key:"cancelOrTrash",theme:t.peers.Button,themeOverrides:t.peerOverrides.Button,quaternary:!0,builtinThemeOverrides:ie,type:this.buttonType,onClick:this.handleRemoveOrCancelClick},{icon:()=>s(mt,null,{default:()=>this.showRemoveButton?s(Z,{clsPrefix:e,key:"trash"},{default:()=>s(_t,null)}):s(Z,{clsPrefix:e,key:"cancel"},{default:()=>s(Rt,null)})})}),this.showRetryButton&&!this.disabled&&s(Y,{key:"retry",quaternary:!0,type:this.buttonType,onClick:this.handleRetryClick,theme:t.peers.Button,themeOverrides:t.peerOverrides.Button,builtinThemeOverrides:ie},{icon:()=>s(Z,{clsPrefix:e},{default:()=>s(Ct,null)})}),this.showDownloadButton?s(Y,{key:"download",quaternary:!0,type:this.buttonType,onClick:this.handleDownloadClick,theme:t.peers.Button,themeOverrides:t.peerOverrides.Button,builtinThemeOverrides:ie},{icon:()=>s(Z,{clsPrefix:e},{default:()=>s(nt,null)})}):null)),!c&&a)}}),Et=K({name:"UploadFileList",setup(e,{slots:t}){const n=re(ee,null);n||ae("upload-file-list","`n-upload-file-list` must be placed inside `n-upload`.");const{abstractRef:o,mergedClsPrefixRef:d,listTypeRef:r,mergedFileListRef:c,fileListClassRef:g,fileListStyleRef:a,cssVarsRef:u,themeClassRef:l,maxReachedRef:p,showTriggerRef:R,imageGroupPropsRef:j}=n,E=D(()=>r.value==="image-card"),M=()=>c.value.map((h,C)=>s(St,{clsPrefix:d.value,key:h.id,file:h,index:C,listType:r.value})),v=()=>E.value?s(ot,Object.assign({},j.value),{default:M}):s(Re,{group:!0},{default:M});return()=>{const{value:h}=d,{value:C}=o;return s("div",{class:[`${h}-upload-file-list`,E.value&&`${h}-upload-file-list--grid`,C?l==null?void 0:l.value:void 0,g.value],style:[C&&u?u.value:"",a.value]},v(),R.value&&!p.value&&E.value&&s(De,null,t))}}}),Mt=O([b("upload","width: 100%;",[H("dragger-inside",[b("upload-trigger",`
display: block;
`)]),H("drag-over",[b("upload-dragger",`
border: var(--n-dragger-border-hover);
`)])]),b("upload-dragger",`
cursor: pointer;
box-sizing: border-box;
width: 100%;
text-align: center;
border-radius: var(--n-border-radius);
padding: 24px;
opacity: 1;
transition:
opacity .3s var(--n-bezier),
border-color .3s var(--n-bezier),
background-color .3s var(--n-bezier);
background-color: var(--n-dragger-color);
border: var(--n-dragger-border);
`,[O("&:hover",`
border: var(--n-dragger-border-hover);
`),H("disabled",`
cursor: not-allowed;
`)]),b("upload-trigger",`
display: inline-block;
box-sizing: border-box;
opacity: 1;
transition: opacity .3s var(--n-bezier);
`,[O("+",[b("upload-file-list","margin-top: 8px;")]),H("disabled",`
opacity: var(--n-item-disabled-opacity);
cursor: not-allowed;
`),H("image-card",`
width: 96px;
height: 96px;
`,[b("base-icon",`
font-size: 24px;
`),b("upload-dragger",`
padding: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
`)])]),b("upload-file-list",`
line-height: var(--n-line-height);
opacity: 1;
transition: opacity .3s var(--n-bezier);
`,[O("a, img","outline: none;"),H("disabled",`
opacity: var(--n-item-disabled-opacity);
cursor: not-allowed;
`,[b("upload-file","cursor: not-allowed;")]),H("grid",`
display: grid;
grid-template-columns: repeat(auto-fill, 96px);
grid-gap: 8px;
margin-top: 0;
`),b("upload-file",`
display: block;
box-sizing: border-box;
cursor: default;
padding: 0px 12px 0 6px;
transition: background-color .3s var(--n-bezier);
border-radius: var(--n-border-radius);
`,[ge(),b("progress",[ge({foldPadding:!0})]),O("&:hover",`
background-color: var(--n-item-color-hover);
`,[b("upload-file-info",[G("action",`
opacity: 1;
`)])]),H("image-type",`
border-radius: var(--n-border-radius);
text-decoration: underline;
text-decoration-color: #0000;
`,[b("upload-file-info",`
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0;
`,[b("progress",`
padding: 2px 0;
margin-bottom: 0;
`),G("name",`
padding: 0 8px;
`),G("thumbnail",`
width: 32px;
height: 32px;
font-size: 28px;
display: flex;
justify-content: center;
align-items: center;
`,[O("img",`
width: 100%;
`)])])]),H("text-type",[b("progress",`
box-sizing: border-box;
padding-bottom: 6px;
margin-bottom: 6px;
`)]),H("image-card-type",`
position: relative;
width: 96px;
height: 96px;
border: var(--n-item-border-image-card);
border-radius: var(--n-border-radius);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);
border-radius: var(--n-border-radius);
overflow: hidden;
`,[b("progress",`
position: absolute;
left: 8px;
bottom: 8px;
right: 8px;
width: unset;
`),b("upload-file-info",`
padding: 0;
width: 100%;
height: 100%;
`,[G("thumbnail",`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 36px;
`,[O("img",`
width: 100%;
`)])]),O("&::before",`
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: inherit;
opacity: 0;
transition: opacity .2s var(--n-bezier);
content: "";
`),O("&:hover",[O("&::before","opacity: 1;"),b("upload-file-info",[G("thumbnail","opacity: .12;")])])]),H("error-status",[O("&:hover",`
background-color: var(--n-item-color-hover-error);
`),b("upload-file-info",[G("name","color: var(--n-item-text-color-error);"),G("thumbnail","color: var(--n-item-text-color-error);")]),H("image-card-type",`
border: var(--n-item-border-image-card-error);
`)]),H("with-url",`
cursor: pointer;
`,[b("upload-file-info",[G("name",`
color: var(--n-item-text-color-success);
text-decoration-color: var(--n-item-text-color-success);
`,[O("a",`
text-decoration: underline;
`)])])]),b("upload-file-info",`
position: relative;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
flex-wrap: nowrap;
`,[G("thumbnail",`
font-size: 18px;
opacity: 1;
transition: opacity .2s var(--n-bezier);
color: var(--n-item-icon-color);
`,[b("base-icon",`
margin-right: 2px;
vertical-align: middle;
transition: color .3s var(--n-bezier);
`)]),G("action",`
padding-top: inherit;
padding-bottom: inherit;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 80px;
display: flex;
align-items: center;
transition: opacity .2s var(--n-bezier);
justify-content: flex-end;
opacity: 0;
`,[b("button",[O("&:not(:last-child)",{marginRight:"4px"}),b("base-icon",[O("svg",[gt()])])]),H("image-type",`
position: relative;
max-width: 80px;
width: auto;
`),H("image-card-type",`
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
`)]),G("name",`
color: var(--n-item-text-color);
flex: 1;
display: flex;
justify-content: center;
text-overflow: ellipsis;
overflow: hidden;
flex-direction: column;
text-decoration-color: #0000;
font-size: var(--n-font-size);
transition:
color .3s var(--n-bezier),
text-decoration-color .3s var(--n-bezier);
`,[O("a",`
color: inherit;
text-decoration: underline;
`)])])])]),b("upload-file-input",`
display: none;
width: 0;
height: 0;
opacity: 0;
`)]);var we=function(e,t,n,o){function d(r){return r instanceof n?r:new n(function(c){c(r)})}return new(n||(n=Promise))(function(r,c){function g(l){try{u(o.next(l))}catch(p){c(p)}}function a(l){try{u(o.throw(l))}catch(p){c(p)}}function u(l){l.done?r(l.value):d(l.value).then(g,a)}u((o=o.apply(e,t||[])).next())})};function Nt(e,t,n){const{doChange:o,xhrMap:d}=e;let r=0;function c(a){var u;let l=Object.assign({},t,{status:"error",percentage:r});d.delete(t.id),l=oe(((u=e.onError)===null||u===void 0?void 0:u.call(e,{file:l,event:a}))||l),o(l,a)}function g(a){var u;if(e.isErrorState){if(e.isErrorState(n)){c(a);return}}else if(n.status<200||n.status>=300){c(a);return}let l=Object.assign({},t,{status:"finished",percentage:r});d.delete(t.id),l=oe(((u=e.onFinish)===null||u===void 0?void 0:u.call(e,{file:l,event:a}))||l),o(l,a)}return{handleXHRLoad:g,handleXHRError:c,handleXHRAbort(a){const u=Object.assign({},t,{status:"removed",file:null,percentage:r});d.delete(t.id),o(u,a)},handleXHRProgress(a){const u=Object.assign({},t,{status:"uploading"});if(a.lengthComputable){const l=Math.ceil(a.loaded/a.total*100);u.percentage=l,r=l}o(u,a)}}}function At(e){const{inst:t,file:n,data:o,headers:d,withCredentials:r,action:c,customRequest:g}=e,{doChange:a}=e.inst;let u=0;g({file:n,data:o,headers:d,withCredentials:r,action:c,onProgress(l){const p=Object.assign({},n,{status:"uploading"}),R=l.percent;p.percentage=R,u=R,a(p)},onFinish(){var l;let p=Object.assign({},n,{status:"finished",percentage:u});p=oe(((l=t.onFinish)===null||l===void 0?void 0:l.call(t,{file:p}))||p),a(p)},onError(){var l;let p=Object.assign({},n,{status:"error",percentage:u});p=oe(((l=t.onError)===null||l===void 0?void 0:l.call(t,{file:p}))||p),a(p)}})}function Ht(e,t,n){const o=Nt(e,t,n);n.onabort=o.handleXHRAbort,n.onerror=o.handleXHRError,n.onload=o.handleXHRLoad,n.upload&&(n.upload.onprogress=o.handleXHRProgress)}function je(e,t){return typeof e=="function"?e({file:t}):e||{}}function Vt(e,t,n){const o=je(t,n);o&&Object.keys(o).forEach(d=>{e.setRequestHeader(d,o[d])})}function qt(e,t,n){const o=je(t,n);o&&Object.keys(o).forEach(d=>{e.append(d,o[d])})}function Xt(e,t,n,{method:o,action:d,withCredentials:r,responseType:c,headers:g,data:a}){const u=new XMLHttpRequest;u.responseType=c,e.xhrMap.set(n.id,u),u.withCredentials=r;const l=new FormData;if(qt(l,a,n),n.file!==null&&l.append(t,n.file),Ht(e,n,u),d!==void 0){u.open(o.toUpperCase(),d),Vt(u,g,n),u.send(l);const p=Object.assign({},n,{status:"uploading"});e.doChange(p)}}const Gt=Object.assign(Object.assign({},le.props),{name:{type:String,default:"file"},accept:String,action:String,customRequest:Function,directory:Boolean,directoryDnd:{type:Boolean,default:void 0},method:{type:String,default:"POST"},multiple:Boolean,showFileList:{type:Boolean,default:!0},data:[Object,Function],headers:[Object,Function],withCredentials:Boolean,responseType:{type:String,default:""},disabled:{type:Boolean,default:void 0},onChange:Function,onRemove:Function,onFinish:Function,onError:Function,onBeforeUpload:Function,isErrorState:Function,onDownload:Function,defaultUpload:{type:Boolean,default:!0},fileList:Array,"onUpdate:fileList":[Function,Array],onUpdateFileList:[Function,Array],fileListClass:String,fileListStyle:[String,Object],defaultFileList:{type:Array,default:()=>[]},showCancelButton:{type:Boolean,default:!0},showRemoveButton:{type:Boolean,default:!0},showDownloadButton:Boolean,showRetryButton:{type:Boolean,default:!0},showPreviewButton:{type:Boolean,default:!0},listType:{type:String,default:"text"},onPreview:Function,shouldUseThumbnailUrl:{type:Function,default:e=>Ft?Pe(e):!1},createThumbnailUrl:Function,abstract:Boolean,max:Number,showTrigger:{type:Boolean,default:!0},imageGroupProps:Object,inputProps:Object,triggerClass:String,triggerStyle:[String,Object],renderIcon:Function}),Kt=K({name:"Upload",props:Gt,setup(e){e.abstract&&e.listType==="image-card"&&ae("upload","when the list-type is image-card, abstract is not supported.");const{mergedClsPrefixRef:t,inlineThemeDisabled:n}=Te(e),o=le("Upload","-upload",Mt,vt,e,t),d=yt(e),r=$(e.defaultFileList),c=U(e,"fileList"),g=$(null),a={value:!1},u=$(!1),l=new Map,p=bt(c,r),R=D(()=>p.value.map(oe)),j=D(()=>{const{max:m}=e;return m!==void 0?R.value.length>=m:!1});function E(){var m;(m=g.value)===null||m===void 0||m.click()}function M(m){const k=m.target;P(k.files?Array.from(k.files).map(T=>({file:T,entry:null,source:"input"})):null,m),k.value=""}function v(m){const{"onUpdate:fileList":k,onUpdateFileList:T}=e;k&&ve(k,m),T&&ve(T,m),r.value=m}const h=D(()=>e.multiple||e.directory),C=(m,k,T={append:!1,remove:!1})=>{const{append:N,remove:V}=T,A=Array.from(R.value),I=A.findIndex(B=>B.id===m.id);if(N||V||~I){N?A.push(m):V?A.splice(I,1):A.splice(I,1,m);const{onChange:B}=e;B&&B({file:m,fileList:A,event:k}),v(A)}};function P(m,k){if(!m||m.length===0)return;const{onBeforeUpload:T}=e;m=h.value?m:[m[0]];const{max:N,accept:V}=e;m=m.filter(({file:I,source:B})=>B==="dnd"&&(V!=null&&V.trim())?jt(I.name,I.type,V):!0),N&&(m=m.slice(0,N-R.value.length));const A=he();Promise.all(m.map(I=>we(this,[I],void 0,function*({file:B,entry:q}){var L;const W={id:he(),batchId:A,name:B.name,status:"pending",percentage:0,file:B,url:null,type:B.type,thumbnailUrl:null,fullPath:(L=q==null?void 0:q.fullPath)!==null&&L!==void 0?L:`/${B.webkitRelativePath||B.name}`};return!T||(yield T({file:W,fileList:R.value}))!==!1?W:null}))).then(I=>we(this,void 0,void 0,function*(){let B=Promise.resolve();I.forEach(q=>{B=B.then(Ne).then(()=>{q&&C(q,k,{append:!0})})}),yield B})).then(()=>{e.defaultUpload&&w()})}function w(m){const{method:k,action:T,withCredentials:N,headers:V,data:A,name:I}=e,B=m!==void 0?R.value.filter(L=>L.id===m):R.value,q=m!==void 0;B.forEach(L=>{const{status:W}=L;(W==="pending"||W==="error"&&q)&&(e.customRequest?At({inst:{doChange:C,xhrMap:l,onFinish:e.onFinish,onError:e.onError},file:L,action:T,withCredentials:N,headers:V,data:A,customRequest:e.customRequest}):Xt({doChange:C,xhrMap:l,onFinish:e.onFinish,onError:e.onError,isErrorState:e.isErrorState},I,L,{method:k,action:T,withCredentials:N,responseType:e.responseType,headers:V,data:A}))})}function i(m){var k;if(m.thumbnailUrl)return m.thumbnailUrl;const{createThumbnailUrl:T}=e;return T?(k=T(m.file,m))!==null&&k!==void 0?k:m.url||"":m.url?m.url:m.file?Lt(m.file):""}const f=D(()=>{const{common:{cubicBezierEaseInOut:m},self:{draggerColor:k,draggerBorder:T,draggerBorderHover:N,itemColorHover:V,itemColorHoverError:A,itemTextColorError:I,itemTextColorSuccess:B,itemTextColor:q,itemIconColor:L,itemDisabledOpacity:W,lineHeight:de,borderRadius:ze,fontSize:Oe,itemBorderImageCardError:$e,itemBorderImageCard:Ie}}=o.value;return{"--n-bezier":m,"--n-border-radius":ze,"--n-dragger-border":T,"--n-dragger-border-hover":N,"--n-dragger-color":k,"--n-font-size":Oe,"--n-item-color-hover":V,"--n-item-color-hover-error":A,"--n-item-disabled-opacity":W,"--n-item-icon-color":L,"--n-item-text-color":q,"--n-item-text-color-error":I,"--n-item-text-color-success":B,"--n-line-height":de,"--n-item-border-image-card-error":$e,"--n-item-border-image-card":Ie}}),y=n?Be("upload",void 0,f,e):void 0;Ee(ee,{mergedClsPrefixRef:t,mergedThemeRef:o,showCancelButtonRef:U(e,"showCancelButton"),showDownloadButtonRef:U(e,"showDownloadButton"),showRemoveButtonRef:U(e,"showRemoveButton"),showRetryButtonRef:U(e,"showRetryButton"),onRemoveRef:U(e,"onRemove"),onDownloadRef:U(e,"onDownload"),mergedFileListRef:R,triggerClassRef:U(e,"triggerClass"),triggerStyleRef:U(e,"triggerStyle"),shouldUseThumbnailUrlRef:U(e,"shouldUseThumbnailUrl"),renderIconRef:U(e,"renderIcon"),xhrMap:l,submit:w,doChange:C,showPreviewButtonRef:U(e,"showPreviewButton"),onPreviewRef:U(e,"onPreview"),getFileThumbnailUrlResolver:i,listTypeRef:U(e,"listType"),dragOverRef:u,openOpenFileDialog:E,draggerInsideRef:a,handleFileAddition:P,mergedDisabledRef:d.mergedDisabledRef,maxReachedRef:j,fileListClassRef:U(e,"fileListClass"),fileListStyleRef:U(e,"fileListStyle"),abstractRef:U(e,"abstract"),acceptRef:U(e,"accept"),cssVarsRef:n?void 0:f,themeClassRef:y==null?void 0:y.themeClass,onRender:y==null?void 0:y.onRender,showTriggerRef:U(e,"showTrigger"),imageGroupPropsRef:U(e,"imageGroupProps"),mergedDirectoryDndRef:D(()=>{var m;return(m=e.directoryDnd)!==null&&m!==void 0?m:e.directory})});const z={clear:()=>{r.value=[]},submit:w,openOpenFileDialog:E};return Object.assign({mergedClsPrefix:t,draggerInsideRef:a,inputElRef:g,mergedTheme:o,dragOver:u,mergedMultiple:h,cssVars:n?void 0:f,themeClass:y==null?void 0:y.themeClass,onRender:y==null?void 0:y.onRender,handleFileInputChange:M},z)},render(){var e,t;const{draggerInsideRef:n,mergedClsPrefix:o,$slots:d,directory:r,onRender:c}=this;if(d.default&&!this.abstract){const a=d.default()[0];!((e=a==null?void 0:a.type)===null||e===void 0)&&e[Le]&&(n.value=!0)}const g=s("input",Object.assign({},this.inputProps,{ref:"inputElRef",type:"file",class:`${o}-upload-file-input`,accept:this.accept,multiple:this.mergedMultiple,onChange:this.handleFileInputChange,webkitdirectory:r||void 0,directory:r||void 0}));return this.abstract?s(pe,null,(t=d.default)===null||t===void 0?void 0:t.call(d),s(Me,{to:"body"},g)):(c==null||c(),s("div",{class:[`${o}-upload`,n.value&&`${o}-upload--dragger-inside`,this.dragOver&&`${o}-upload--drag-over`,this.themeClass],style:this.cssVars},g,this.showTrigger&&this.listType!=="image-card"&&s(De,null,d),this.showFileList&&s(Et,null,d)))}}),Wt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},Zt=S("path",{d:"M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),Jt=S("path",{d:"M256 56v120a32 32 0 0 0 32 32h120",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),Qt=S("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M176 288h160"},null,-1),Yt=S("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M176 368h160"},null,-1),en=[Zt,Jt,Qt,Yt],tn=K({name:"DocumentTextOutline",render:function(t,n){return X(),J("svg",Wt,en)}}),nn={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},on=S("circle",{cx:"256",cy:"256",r:"64",fill:"currentColor"},null,-1),rn=S("path",{d:"M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11c-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72c38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 0 0-.1-34.76zM256 352a96 96 0 1 1 96-96a96.11 96.11 0 0 1-96 96z",fill:"currentColor"},null,-1),ln=[on,rn],an=K({name:"Eye",render:function(t,n){return X(),J("svg",nn,ln)}}),sn={class:"flex justify-between",style:{height:"800px"}},dn={class:"h-full",style:{flex:"0 0 200px"}},un={class:"h-full flex-1 border border-l border-light p-3 dark:border-dark"},cn={class:"absolute left-50% top-3"},fn={class:"img-container grid grid-cols-8 h-[650px] gap-4"},pn=K({__name:"SelectMaterial",props:{modelValue:{type:String,default:""},visible:{type:Boolean,default:!1}},emits:["update:modelValue","update:visible"],setup(e,{emit:t}){const n=e,o=t,d=D({get(){return n.modelValue||""},set(i){o("update:modelValue",i)}}),r=D({get(){return n.visible},set(i){o("update:visible",i)}}),c=$([]),g=$([]),a=$([]),u=$(!1),l=$(0),p=$({name:"",type:"",page:1,limit:36,groupIds:""}),R=_e();async function j(i){u.value=!0,i&&typeof i=="number"&&(p.value.page=i);const f=await me.get("/v2/visual/material/page",{...p.value});if(f.code!==0)return R.error(f.msg);c.value=f.data.list.map(y=>({...y,checked:!1})),l.value=f.data.total,u.value=!1}function E(i){p.value.limit=i,j()}function M(){p.value.name="",p.value.type="",j()}const v=$([]);function h(i){v.value=i,p.value.groupIds=i.join(","),j()}async function C(){const i=await me.get("/v2/visual/group/listTree?type=1");if(i.code!==0)return R.error(i.msg);g.value=i.data,a.value=[i.data[0].id],j()}function P(){const i=c.value.filter(f=>f.checked);if(i.length>1)return R.warning("最多只能选择一张图片");i.length===1&&(d.value=i[0].image),v.value=[],p.value.groupIds="",r.value=!1}function w(){v.value=[],p.value.groupIds="",r.value=!1}return xe(r,i=>{i&&C()}),(i,f)=>{const y=Ze,z=Ke,m=Ge,k=Qe,T=Ye,N=Y,V=et,A=tt,I=ke,B=We,q=Ce;return X(),ne(q,{show:_(r),"onUpdate:show":f[2]||(f[2]=L=>ce(r)?r.value=L:null),"show-icon":!1,title:"选择图片",draggable:"",preset:"dialog",closable:!1,style:{width:"1350px",height:"900px"},class:"img-modal bg-[#E5E6EB] dark:bg-[rgb(24,24,28)]"},{action:F(()=>[x(N,{type:"default",size:"small",onClick:w},{default:F(()=>f[5]||(f[5]=[te(" 取消 ")])),_:1}),x(N,{type:"primary",size:"small",onClick:P},{default:F(()=>f[6]||(f[6]=[te(" 确认 ")])),_:1})]),default:F(()=>[S("div",sn,[S("div",dn,[x(z,null,{default:F(()=>[x(y,{data:_(g),"default-expanded-keys":_(a),"key-field":"id","label-field":"name","children-field":"typeList","expand-on-click":"",checkable:"","virtual-scroll":"","block-line":"",style:{flex:"0 0 250px",height:"800px"},"checked-keys":_(v),"on-update:checked-keys":h},null,8,["data","default-expanded-keys","checked-keys"])]),_:1})]),S("div",un,[S("div",cn,[_(u)?(X(),ne(m,{key:0})):Q("",!0)]),x(V,{inline:"",class:"w-full","label-placement":"left"},{default:F(()=>[x(T,{label:"名称"},{default:F(()=>[x(k,{value:_(p).name,"onUpdate:value":f[0]||(f[0]=L=>_(p).name=L),placeholder:"请输入名称",clearable:""},null,8,["value"])]),_:1}),x(T,{label:"类型"},{default:F(()=>[x(k,{value:_(p).type,"onUpdate:value":f[1]||(f[1]=L=>_(p).type=L),placeholder:"请输入类型",clearable:""},null,8,["value"])]),_:1}),x(N,{type:"primary",class:"mr-2",onClick:j},{default:F(()=>f[3]||(f[3]=[te(" 查询 ")])),_:1}),x(N,{type:"default",onClick:M},{default:F(()=>f[4]||(f[4]=[te(" 重置 ")])),_:1})]),_:1}),S("div",fn,[(X(!0),J(pe,null,Ae(_(c),(L,W)=>(X(),J("div",{key:W,class:"img-item relative"},[x(A,{checked:L.checked,"onUpdate:checked":de=>L.checked=de,class:"absolute right-3 top-2"},null,8,["checked","onUpdate:checked"]),x(I,{width:"100",height:"100",src:L.image,"object-fit":"contain",style:{"max-height":"100px"},"preview-disabled":""},null,8,["src"])]))),128))]),x(B,{page:_(p).page,"page-size":_(p).limit,"page-count":_(l),size:"medium","show-quick-jumper":"","show-size-picker":"","on-update:page":j,"on-update:page-size":E},null,8,["page","page-size","page-count"])])])]),_:1},8,["show"])}}}),mn={style:{"margin-bottom":"12px",width:"100%",height:"100px"},class:"flex items-center justify-center"},gn=["src"],hn=["src"],vn={class:"upload-mask absolute left-0 top-0 z-100 h-full w-full flex items-center justify-center bg-[rgba(123,123,123,0.5)]"},yn=["src"],bn=K({__name:"upload",props:{tip:{type:String,default:"背景图需小于5M,格式为jpg/png/gif 的文件。"},source:{type:String,default:""},selectMaterial:{type:Boolean,default:!1}},emits:["imagedChanged","imgbase64","materialSelected"],setup(e,{expose:t,emit:n}){const o=e,d=n,r=$(!1),c=$(null),g=$(!1),a=$(""),u=_e();function l(v){return new Promise((h,C)=>{const P=new FileReader;P.readAsDataURL(v),P.onload=()=>h(P.result),P.onerror=w=>C(w)})}function p({file:v}){return["image/png","image/jpg","image/jpeg","image/jif"].includes(v.file.type)?v.file.size/1024/1024<5?!0:(u.error("文件大小不能超过 5MB!"),!1):(u.error(`${v.file.name} 不是有效文件`),!1)}async function R({file:v}){a.value=await l(v.file),d("imgbase64",a.value);const h=window.atob(a.value.split(",")[1]),C=new ArrayBuffer(h.length),P=new Uint8Array(C);for(let f=0;f<h.length;f++)P[f]=h.charCodeAt(f);const w=new Blob([C],{type:"image/jpeg"}),i=new FormData;i.append("file",w,`${Date.now()}.jpeg`),d("imagedChanged",i),u.success(`${v.file.name} 文件上传成功.`)}function j(){var v;a.value="",(v=c.value)==null||v.clear(),d("imgbase64",""),d("imagedChanged","")}function E(v){a.value=v,d("materialSelected",v)}xe(()=>o.source,v=>{o.source&&(a.value=v)},{immediate:!0});const M=$(!1);return t({previewSrc:a}),(v,h)=>{const C=Bt,P=Fe,w=Kt,i=wt,f=Y,y=Ce;return X(),J(pe,null,[S("div",qe(v.$attrs,{class:"relative w-full",onMouseover:h[3]||(h[3]=z=>M.value=!0),onMouseleave:h[4]||(h[4]=z=>M.value=!1)}),[x(w,{ref_key:"uploadRef",ref:c,"directory-dnd":"",size:"small",action:"","default-upload":!1,max:1,"show-file-list":!1,"on-change":R,"on-before-upload":p,class:"relative cursor-pointer"},{default:F(()=>[x(P,{class:"p-[10px]"},{default:F(()=>[S("div",mn,[S("img",{src:_(rt),style:{height:"100%","object-fit":"cover","border-radius":"4px"}},null,8,gn)]),x(C,{depth:"3",style:{margin:"8px 0 0 0"}},{default:F(()=>[te(He(e.tip),1)]),_:1})]),_:1})]),_:1},512),_(a)?(X(),J("img",{key:0,src:_(a),class:"pointer-events-none absolute left-0 top-0 z-0 h-full w-full"},null,8,hn)):Q("",!0),x(Ve,{name:"fade"},{default:F(()=>[_(M)?(X(),J("div",{key:0,onClick:h[2]||(h[2]=()=>{var z;return(z=_(c))==null?void 0:z.openOpenFileDialog()})},[S("div",vn,[_(a)?(X(),ne(f,{key:0,text:"",class:"mr-2",onClick:h[0]||(h[0]=ue(z=>g.value=!0,["stop"]))},{default:F(()=>[x(i,{size:"18",color:"#1890ff"},{default:F(()=>[x(_(an))]),_:1})]),_:1})):Q("",!0),x(f,{text:"",class:"mr-2",onClick:ue(j,["stop"])},{default:F(()=>[x(i,{size:"18",color:"#1890ff"},{default:F(()=>[x(_(it))]),_:1})]),_:1}),e.selectMaterial?(X(),ne(f,{key:1,text:"",onClick:h[1]||(h[1]=ue(z=>r.value=!0,["stop"]))},{default:F(()=>[x(i,{size:"18",color:"#1890ff"},{default:F(()=>[x(_(tn))]),_:1})]),_:1})):Q("",!0)])])):Q("",!0)]),_:1})],16),x(y,{show:_(g),"onUpdate:show":h[5]||(h[5]=z=>ce(g)?g.value=z:null),preset:"card",style:{width:"600px"}},{default:F(()=>[S("img",{src:_(a),style:{width:"100%"}},null,8,yn)]),_:1},8,["show"]),e.selectMaterial?(X(),ne(pn,{key:0,visible:_(r),"onUpdate:visible":h[6]||(h[6]=z=>ce(r)?r.value=z:null),"model-value":_(a),"onUpdate:modelValue":E},null,8,["visible","model-value"])):Q("",!0)],64)}}}),Zn=Xe(bn,[["__scopeId","data-v-2a6094c6"]]);export{Zn as U};