@chief-editor/ui/lib/components/upload/Upload.js

UI Component for chief editor

"use strict";var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importStar(require("react")),config_1=require("@byte-design/config"),util_1=require("@co-hooks/util"),hooks_1=require("../../hooks"),rc_hooks_1=require("./rc-hooks"),FileList_1=require("./components/FileList");function Upload(e){var r=e.className,t=e.children,a=e.listType,o=void 0===a?"text":a,i=e.accept,l=void 0===i?"*/*":i,s=e.multiple,c=void 0!==s&&s,n=e.disabled,u=void 0!==n&&n,d=e.autoUpload,_=void 0===d||d,p=e.maxLength,f=void 0===p?-1:p,h=e.uploadUrl,v=e.name,m=e.headers,g=void 0===m?{}:m,L=e.withCredentials,E=void 0!==L&&L,k=e.value,U=void 0===k?[]:k,C=e.onChange,b=e.onValueChange,q=e.onError,x=util_1.classnames(r),y=util_1.classnames(hooks_1.usePrefixCls("upload-trigger",{disabled:u})),w=config_1.useLocale("upload.error.overflow-count"),F=rc_hooks_1.useCreateFileUpload();return react_1.useEffect((function(){return C&&F.addListener("change",C),b&&F.addListener("value-change",b),q&&F.addListener("error",q),function(){C&&F.removeListener("change",C),b&&F.removeListener("value-change",b),q&&F.removeListener("error",q)}}),[C,b,q]),react_1.useEffect((function(){F.updateOptions({maxLength:f,autoUpload:_,uploadUrl:h,name:v,accept:l,multiple:c,headers:g,withCredentials:E,errors:{overflowCount:w}})}),[f,_,h,v,l,c,g,E]),react_1.useEffect((function(){F.destroy()}),[]),react_1.useEffect((function(){F.updateValue(U)}),[U]),react_1.default.createElement(rc_hooks_1.RcUploadProvider,{upload:F},react_1.default.createElement("div",{className:x},react_1.default.createElement("span",{className:y},react_1.default.createElement(rc_hooks_1.RcTrigger,{accept:l,multiple:c,disabled:u},t)),react_1.default.createElement(FileList_1.FileList,{type:o})))}exports.Upload=Upload;