@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/uploader/index.umd.cjs

@@ -0,0 +1,2 @@
+(function(N,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("../../components/uploader/index.umd.js"),require("vue"),require("../../components/common/index.umd.js"),require("../../components/locale/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/uploader/index.umd.js","vue","../../components/common/index.umd.js","../../components/locale/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/dynamic-resolver/index.umd.js"],T):(N=typeof globalThis<"u"?globalThis:N||self,T(N.uploader={},N.FUploader,N.Vue,N.common,N.locale,N.designerCanvas,N.dynamicResolver))})(this,function(N,T,e,Z,$,re,ee){"use strict";var Pe=Object.defineProperty;var He=(N,T,e)=>T in N?Pe(N,T,{enumerable:!0,configurable:!0,writable:!0,value:e}):N[T]=e;var R=(N,T,e)=>He(N,typeof T!="symbol"?T+"":T,e);const ce={checked:{type:Boolean,default:!1},id:{type:String,default:""},disabled:{type:Boolean,default:!1}},de={selectText:{type:String,default:"选择文件"},disabled:{type:Boolean,default:!1},enableMulti:{type:Boolean,default:!0},accept:{type:String,default:"*"},options:{type:Object,default:{}},uploadedCount:{type:Number,default:0},extendConfig:{type:Object,default:{}},uploadServerToken:{type:String,default:""}},pe=e.defineComponent({name:"FPreviewCheckbox",props:ce,emits:["checkedChange"],setup(t,n){const{disabled:o}=e.toRefs(t),a=e.ref(t.checked),s=l=>{l.stopPropagation(),o.value||(a.value=!a.value,n.emit("checkedChange",{checked:a.value,id:t.id}))};return e.watch(()=>t.checked,l=>{a.value=l}),()=>e.createVNode("div",{class:"preview-checkbox d-inline-flex align-middle"},[e.createVNode("div",{class:"custom-control custom-checkbox f-checkradio-single  m-0"},[e.createVNode("input",{title:"custom-control-input",class:"custom-control-input",type:"checkbox",disabled:o.value,checked:a.value},null),e.createVNode("label",{class:"custom-control-label",onClick:l=>s(l),onMousedown:l=>l.stopPropagation()},null)])])}}),ue=e.defineComponent({name:"FFileSelect",props:de,emits:["change","stateChange"],setup(t,n){const o=e.inject("uploaderService");o.setUploadContext(n);const a=e.getCurrentInstance(),s=e.ref("*");let l;const c=()=>{l.files&&(n.emit("change",l.files),o.handleFiles(l.files),l.value=null)};function u(){l.value=null,o.reset()}e.watch(()=>t.disabled,()=>{u()}),e.watch(()=>t.uploadedCount,d=>{o.setOptions({uploadedCount:d})}),e.watch(()=>t.extendConfig,d=>{o.setExtendServerConfig(d)});function V(d){d&&d.stopPropagation(),l.click()}function v(d){o.handleUploadEvent(d)}return e.onMounted(()=>{var d,x;l=(d=a==null?void 0:a.proxy)==null?void 0:d.$refs.uploadInput,u(),o.setOptions(t.options),o.setExtendServerConfig(t.extendConfig),s.value=(((x=t.options)==null?void 0:x.allowedContentTypes)||["*"]).join(",")}),e.onUnmounted(()=>{}),n.expose({handleUploadEvent:v}),()=>e.createVNode(e.Fragment,null,[e.createVNode("input",{ref:"uploadInput",type:"file",class:"ffileupload--browser",disabled:t.disabled,multiple:t.enableMulti,accept:s.value,onChange:()=>c(),style:"width: 10px",title:"uploadInput"},null),e.createVNode("div",{class:["upload-container",t.disabled?"f-state-disabled":""],onClick:d=>V(d),title:t.selectText},[e.createVNode("i",{class:"f-icon f-icon-upload upload-icon",style:"top: 2px;position: relative;"},null),t.selectText])])}});var L=(t=>(t[t.Queue=0]="Queue",t[t.Uploading=1]="Uploading",t[t.Done=2]="Done",t[t.Cancelled=3]="Cancelled",t[t.Remove=4]="Remove",t[t.Error=5]="Error",t))(L||{});class fe{constructor(n={},o={}){R(this,"uploadConfig");R(this,"removeConfig");const a={type:"config",url:"",timeout:0,headers:null,data:{}};this.uploadConfig=Object.assign({},a,n),this.removeConfig=Object.assign({},a,o)}}function te(t,n){const{formatTo:o}=Z.useDateFormat();return o(t,n)}function ne(t,n){if(!n)return"";let o="";return t.indexOf(".")===-1&&n.hasOwnProperty(t)?o=n[t]:o=t.split(".").reduce((a,s)=>a?a[s]:null,n),o}function me(t){return(n,o)=>{if(!n.hasOwnProperty(t)||n[t]===void 0||n[t]===null)return 1;if(!o.hasOwnProperty(t)||o[t]===void 0||o[t]===null)return-1;if(t!=="createTime"){let l="",c="";return t.indexOf(".")>-1?(l=ne(t,n),c=ne(t,o)):(l=n[t],c=o[t]),l>c?1:-1}const a=new Date(n[t]),s=new Date(o[t]);return a.getTime()>s.getTime()?-1:1}}function he(t){return(t||[]).findIndex(o=>o==="*")===-1}function ye(t){return t!=="0 Byte"}function z(t){if(t===0)return"0 Byte";const n=1024,o=["Bytes","KB","MB","GB","TB","PB"],a=Math.floor(Math.log(t)/Math.log(n));return parseFloat((t/n**a).toFixed(2))+" "+o[a]}function ge(t,n){return t&&(t.hasOwnProperty("allowedContentTypes")&&(n.allowedContentTypes=t.allowedContentTypes||["*"],n.allowedContentTypes=n.allowedContentTypes&&n.allowedContentTypes.length>0?n.allowedContentTypes:["*"]),t.hasOwnProperty("maxUploads")&&(n.maxUploads=t.maxUploads||0),t.hasOwnProperty("maxFileSize")&&(n.maxFileSize=z(1024*1024*(parseInt(String(t.maxFileSize),10)||1)))),n}function oe(t){const n=[];return t.forEach(o=>{const a={id:"",name:"",size:0,type:"",extend:null,extendHeaders:null,createTime:""};for(const s in a){const l=s.replace("extend","response").replace("createTime","lastModifiedDate");o.hasOwnProperty(l)&&(l==="lastModifiedDate"?a[s]=te(o[l],"yyyy-MM-dd HH:mm:ss"):a[s]=o[l])}n.push(a)}),n}function we(t){if(t)return t.split(`
+`).map(n=>n.split(/: */,2)).filter(n=>n[0]).reduce((n,o)=>(n[o[0]]=o[1],n),{})}function ie(t){return new Date(t*1e3).toISOString().substr(11,8)}class ve extends fe{upload(n,o,a,s){const l=n[0];return new Promise((c,u)=>{var D,f;const V=o.url||a.url||"",v=o.method||"POST",d=o.data||{},x=o.headers||{},h=new XMLHttpRequest,I=new Date().getTime();let C=((D=l.progress)==null?void 0:D.data)&&l.progress.data.startTime||I,F=0,g=null;h.upload.addEventListener("progress",m=>{var S;if(m.lengthComputable){const b=Math.round(m.loaded*100/m.total),H=new Date().getTime()-I;F=Math.round(m.loaded/H*1e3),C=((S=l.progress)==null?void 0:S.data)&&l.progress.data.startTime||new Date().getTime(),g=Math.ceil((m.total-m.loaded)/F),l.progress={status:L.Uploading,data:{percentage:b,speed:F,speedHuman:`${z(F)}/s`,startTime:C,endTime:null,eta:g,etaHuman:ie(g)}},s({type:"uploading",files:[l]})}},!1),h.upload.addEventListener("error",m=>{u(m)}),h.onreadystatechange=()=>{if(h.readyState===XMLHttpRequest.DONE){const m=Math.round(l.size/(new Date().getTime()-C)*1e3);l.progress={status:L.Done,data:{percentage:100,speed:m,speedHuman:`${z(m)}/s`,startTime:C,endTime:new Date().getTime(),eta:g,etaHuman:ie(g||0)}},l.responseStatus=h.status;try{l.response=JSON.parse(h.response)}catch{l.response=h.response}l.responseHeaders=we(h.getAllResponseHeaders()),c({type:"done",files:[l]})}},h.open(v,V,!0),h.withCredentials=!!o.withCredentials;try{const m=l.nativeFile;Object.keys(x).forEach(b=>h.setRequestHeader(b,x[b]));let S;o.includeWebKitFormBoundary!==!1?(Object.keys(d).forEach(b=>{var H;return(H=l.form)==null?void 0:H.append(b,d[b])}),(f=l.form)==null||f.append(o.fieldName||"file",m,m.name),S=l.form):S=m,h.send(S)}catch(m){u(m)}return()=>{h.abort()}})}remove(n,o,a,s){return new Promise((l,c)=>{l({type:"removed",files:n})})}}const be={showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},options:{type:Object},safeHtml:{type:Boolean,default:!0}},Ne={showCloseButton:{type:Boolean,default:!0},animate:{type:String,default:"fadeIn"},options:{type:Object}},U=e.defineComponent({name:"Toast",props:Ne,emits:["close","click"],setup:(t,n)=>{const o=e.ref(t.animate),a="fadeOut",s=e.computed(()=>t.options),l=e.ref(!1),c=e.computed(()=>s.value.title&&s.value.message),u=e.computed(()=>!s.value.title&&s.value.message),V=e.computed(()=>{const f={animated:l.value,toast:!0,"toast--only-content":!c.value};return f[t.animate]=!1,f[a]=l.value,f["toasty-type-"+s.value.type]=!0,s.value.theme&&(f[s.value.theme]=!0),f}),v=e.computed(()=>{const S=`f-icon-${s.value&&s.value.type?s.value.type.replace("toasty-type-",""):"default"}`,b={"f-icon":!0};return b[S]=!0,b}),d=e.computed(()=>s.value.title||s.value.message),x=e.computed(()=>t.showCloseButton),h=e.computed(()=>!!s.value.buttons||!!n.slots.default),I=e.computed(()=>$.LocaleService.getLocale()==="en"?{wordBreak:"keep-all",overflowWrap:"break-word"}:{});function C(f){f.stopPropagation(),f.preventDefault(),l.value=!1,setTimeout(()=>{n.emit("close",s.value)},200)}function F(f,m){}function g(f){return`f-preten-link ${f.customClass?f.customClass:""}`}e.watch(o,()=>{o.value});const D=()=>{var f;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"after-toast-msg text-right"},[!n.slots.default&&((f=s.value.buttons)==null?void 0:f.map(m=>e.createVNode("span",{class:g(m),onClick:S=>void 0},[m.text]))),n.slots.default&&n.slots.default()])])};return()=>e.createVNode("div",{class:V.value,style:"min-height:44px"},[x.value&&e.createVNode("button",{title:$.LocaleService.getLocaleValue("messageBox.close"),class:"toast-close f-btn-icon f-bare",onClick:C},[e.createVNode("span",{class:"f-icon modal_close"},null)]),d.value&&e.createVNode("section",{class:"modal-tips"},[!c.value&&e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:v.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[c.value&&e.createVNode(e.Fragment,null,[e.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:s.value.title},null),e.createVNode("p",{class:"toast-msg",innerHTML:s.value.message,style:I.value},null),h.value&&D()]),u.value&&(s.value.buttons?e.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[e.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:I.value,innerHTML:s.value.message},null),e.createVNode("div",{class:"after-toast-title text-right ml-auto"},[D()])]):e.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:I.value,innerHTML:s.value.message},null))])])])}}),O=e.defineComponent({name:"Notify",props:be,emits:["close","empty"],setup(t,n){const o=e.computed(()=>({"farris-notify":!0})),a={left:12,right:12,top:20,bottom:12},s=e.ref(),l=e.ref(t.options),c=e.ref(t.showCloseButton),u=e.computed(()=>t.position||"bottom-right"),V=e.computed(()=>t.timeout!=null?t.timeout:3e3),v=e.computed(()=>{const h=t.bottom?t.bottom:a.bottom,I=t.top?t.top:a.top,C={transition:"all 0.2s ease",left:u.value.indexOf("left")>-1?`${t.left?t.left:a.left}px`:"",right:u.value.indexOf("right")>-1?`${t.right?t.right:a.right}px`:"",top:u.value.indexOf("top")>-1?`${I}px`:"",bottom:u.value.indexOf("bottom")>-1?`${h}px`:""};return u.value.indexOf("center")>-1&&(C.left="50%",C.marginLeft="calc(-24rem / 2)",u.value==="center-center"&&(C.top="50%",C.transform="translate(-50%, -50%)")),C});function d(h){n.emit("close")}V.value&&setTimeout(()=>{d()},V.value),n.expose({closeToast:d,container:s,notifyPosition:u});function x(h,I){d()}return()=>e.createVNode("div",{class:o.value,style:v.value,ref:s},[e.createVNode(U,{options:l.value,showCloseButton:c.value,animate:t.animate,onClose:h=>x(h,l.value)},null)])}});class le{constructor(){R(this,"notifyRefs",[]);R(this,"globalConfig",e.reactive({}))}escapeAllHtml(n){if(typeof n!="string"||!n)return"";const o=document.createElement("div");return o.textContent=n||"",o.innerHTML.replace(/\\n/g,"<br>").replace(/\\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g,"")}createNotifyInstance(n){const o=this,s=Object.assign({timeout:3e3,position:"bottom-right",showCloseButton:!0,safeHtml:!0},this.globalConfig,{...n}),l=document.createElement("div");l.style.display="contents";const c=e.createApp({setup(){var v;const u=e.ref();function V(){u.value.container.style.transform="scale(0)",setTimeout(()=>{o.updateNotifyPositionForClose(s,u),c.unmount()},220)}if(s.position.indexOf("top")>-1){const d=o.getNotifyInstances(s.position),x=d[d.length-1];if(x){const h=x.value.container.getBoundingClientRect();s.top=h.bottom}}return s.safeHtml&&((v=s.options)!=null&&v.message)&&(s.options.message=o.escapeAllHtml(s.options.message)),e.onUnmounted(()=>{document.body.removeChild(l)}),e.onMounted(()=>{o.updateNotifyPositionForCreate(s,u)}),()=>e.createVNode(e.Transition,{mode:"out-in",name:"fade",appear:!0},{default:()=>[e.createVNode(O,e.mergeProps({ref:u},s,{onClose:V}),null)]})}});return c.provide("NotifyService",this),document.body.appendChild(l),c.use($.LocaleService.i18n),c.mount(l),c}getNotifyInstances(n){return this.notifyRefs.filter(o=>o.value.notifyPosition===n)}updateNotifyPositionForCreate(n,o){if(this.notifyRefs&&this.notifyRefs.length){const a=window.innerHeight;n.position.indexOf("bottom")>-1&&this.getNotifyInstances(n.position).forEach(s=>{const l=s.value.container.getBoundingClientRect();s.value.container.style.bottom=l.height+a-l.bottom+"px"})}this.notifyRefs=[...this.notifyRefs,o]}updateNotifyPositionForClose(n,o){const a=this.notifyRefs.indexOf(o);if(n.position.indexOf("top")>-1){const s=this.getNotifyInstances(n.position),l=s.indexOf(o);s.slice(l+1).forEach(c=>{c.value.container.style.top=c.value.container.offsetTop-c.value.container.offsetHeight+"px"})}a>-1&&this.notifyRefs.splice(a,1)}show(n){return this.createNotifyInstance(n)}buildNotifyProps(n,o){let a="",s="",l,c,u;typeof o=="string"?a=o:o&&(a=o.message||"",s=o.title||"",c=o.position||null,u=o.showCloseButton!=null?o.showCloseButton:null,l=o.timeout!=null?o.timeout:null);const v={options:{type:n,message:a,title:s}};return c!=null&&(v.position=c),u!=null&&(v.showCloseButton=u),l!=null&&(v.timeout=l),v}info(n){const o=this.buildNotifyProps("info",n);return this.show(o)}success(n){const o=this.buildNotifyProps("success",n);return this.show(o)}warning(n){const o=this.buildNotifyProps("warning",n);return this.show(o)}error(n){const o=this.buildNotifyProps("error",n);return this.show(o)}close(n){n&&n.unmount()}closeAll(){this.notifyRefs.forEach(n=>{n==null||n.value.closeToast()}),this.notifyRefs.length=0}}const xe=Symbol("NOTIFY_SERVICE_TOKEN");O.install=t=>{t.component(O.name,O),t.component(U.name,U);const n=new le;t.provide(xe,n),t.provide("FNotifyService",n)};const Ce={getNotify:(t="")=>{let n;return t&&e.inject(t,null)&&(n=e.inject(t)),n||(n=new le),n},getServerAPI:(t="")=>{let n;if(t&&e.inject(t,null)){const o=e.inject(t);o&&o()&&(n=o())}return n||(n=new ve),n}};function Ve(t,n,o){const a=Ce.getNotify(t.notifyServiceToken),s=e.ref(t.fileInfos),{disabled:l,uploadVisible:c,uploadDisabled:u,previewVisible:V,orderField:v,previewEnableMulti:d,downloadButtonDisable:x,previewColumns:h,uploadEnableMulti:I,previewButtonDisable:C}=e.toRefs(t),F=e.ref(!1),g=e.ref([]),D=e.computed(()=>g.value.length),f=e.ref([]),m=e.ref("");function S(i){(!i.length||g.value.length!==i.length)&&(F.value=!1);const p=[...i.map(y=>(y.hasOwnProperty("size")||(y.size=void 0),y.hasOwnProperty("createTime")||(y.createTime=void 0),d.value&&(y.checked=!!g.value.find(P=>P.id===y.id)||F.value),y))];return p.sort(me(v.value)),d.value&&(g.value=[...p].filter(y=>y.checked)),p}const b=e.ref(S(s.value));e.watch(()=>t.fileInfos,i=>{b.value=S(i)});const H=(i,r)=>{i.stopImmediatePropagation(),n.emit("fileDownloadEvent",{fileInfos:[r],name:""})},_=(i,r)=>{i.stopImmediatePropagation(),!C.value&&n.emit("filePreviewEvent",r)},K=(i,r,p)=>{r.checked&&(g.value=g.value.filter(y=>y.id!==r.id)),n.emit("fileRemoveEvent",r),p.handleUploadEvent({type:"remove",file:r})},Q=(i,r="preview")=>i.formatter?!0:r==="preview"?["state","name","action","size","createTime"].findIndex(y=>y===i.field)>-1:r==="upload"?["state","name","size"].findIndex(y=>y===i.field)>-1:!1,X=i=>!(i.field==="state"&&(u.value||!c.value)),Y=i=>i.lastIndexOf(".")>0?i.substring(0,i.lastIndexOf(".")):"",G=i=>{if(i.stopImmediatePropagation(),D.value>1){let r="";r=Y(g.value[0].name),n.emit("fileDownloadEvent",{fileInfos:g.value,name:r})}},j=i=>{i.stopImmediatePropagation(),n.emit("fileRemoveEvent",g.value)},W=i=>{const r=b.value;i.checked?(r.forEach(p=>{p.checked=!0}),g.value=[...b.value],F.value=!0):(g.value=[],r.forEach(p=>{p.checked=!1}),F.value=!1),n.emit("previewMultiSelectedEvent",g.value)},A=(i,r)=>{i&&(i.stopImmediatePropagation(),i.stopPropagation()),(!m.value||r.id!==m.value)&&(m.value=r.id,n.emit("selectedEvent",r))},w=i=>{const r=g.value.findIndex(P=>P.id===i.id),p=r>-1,y=b.value.find(P=>P.id===i.id);y&&(y.checked=i.checked),i.checked&&!p&&y&&g.value.push(y),!i.checked&&p&&g.value.splice(r,1),b.value.length>0&&(g.value.length===b.value.length?F.value=!0:F.value=!1),A(null,y),n.emit("previewMultiSelectedEvent",g.value)},E=i=>{var r;(r=o==null?void 0:o.value)==null||r.handleUploadEvent(i)},J=i=>{E({type:"upload",file:i})},B=(i,r)=>{let p=[];i.files&&i.files.length>0?p=i.files:typeof i.file<"u"&&(p=[i.file]),r=r||i.type,p.map(y=>{const P=f.value.findIndex(M=>{var ae;return typeof y<"u"&&((ae=M==null?void 0:M.file)==null?void 0:ae.id)===y.id});P>-1&&(f.value[P]={type:r,file:y})})},De=i=>{if(i.files){const r=i.files.map(p=>p.id);f.value=f.value.filter(p=>!(r.findIndex(P=>{var M;return P===((M=p==null?void 0:p.file)==null?void 0:M.id)})>-1)),E({type:"hide",id:r.join(",")})}},se=i=>{let r="warning";(i.type==="cancelled"||i.type==="removed")&&(r="success");const p=i.hasOwnProperty("message")?i.message:"";a.show({options:{type:r,message:p},position:"top-center"})},Be=i=>{if(i.type==="addedToQueue"&&typeof i.file<"u")f.value.push({type:i.type,file:i.file}),J(i.file);else if(i.type==="start")B(i,"start");else if(i.type==="done"){B(i,"done");const r=(i.files||[]).map(p=>({checked:!1,id:p.id,name:p.name,size:p.size,createTime:te(new Date,"yyyy-MM-dd HH:mm:ss")}));s.value=[...r,...b.value],De(i),n.emit("fUploadDoneEvent",oe(i.files||[])),n.emit("uploadDoneEvent",oe(i.files||[]))}else if(i.type==="cancelled"||i.type==="removed"||i.type==="error"){const r=s.value.filter(p=>i.files&&i.files.findIndex(y=>p.id===y.id)<0);s.value=[...r],se(i)}else i.type==="rejected"&&typeof i.file<"u"&&se(i)};return e.onUnmounted(()=>{}),{disabled:l,uploadVisible:c,uploadDisabled:u,downloadButtonDisable:x,previewVisible:V,previewColumns:h,uploadFiles:f,innerFileInfos:b,previewEnableMulti:d,previewMultiSelectedLength:D,previewSelectAllBtnChecked:F,uploadEnableMulti:I,previewCurrentId:m,multiFileRemoveHandler:j,previewMultiSelectChangeHandler:w,fileMultiDownloadHandler:G,selectOrCancelAllHandler:W,hasColumnHtmlFunc:Q,showPreviewStateColumn:X,rowSelectedHandler:A,fileDownloadHandler:H,filePreviewHandler:_,fileRemoveHandler:K,handleStateChange:Be}}const k=e.defineComponent({name:"FUploaderDesign",components:{"f-preview-checkbox":pe,"f-file-select":ue},props:T.uploaderProps,emits:["filePreviewEvent","fileDownloadEvent","previewMultiSelectedEvent","selectedEvent","fileRemoveEvent","fUploadDoneEvent","uploadDoneEvent"],setup(t,n){const o=e.ref(t.customInfo),a=ge(t.uploadOptions,{allowedContentTypes:["*"],maxUploads:0,maxFileSize:"12MB"}),s=e.ref(null),l=[{id:"attach01",name:""},{id:"attach02",name:""}],{disabled:c,uploadVisible:u,uploadDisabled:V,downloadButtonDisable:v,previewVisible:d,previewColumns:x,previewEnableMulti:h,previewCurrentId:I,showPreviewStateColumn:C}=Ve(t,n,s);function F(){var w;return he((a==null?void 0:a.allowedContentTypes)||[])?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("支持类型：")]),e.createVNode("span",{class:"support-info--item-detail",style:"margin-right:4px;"},[(w=a.allowedContentTypes)==null?void 0:w.join(""),e.createTextVNode(",")])]):null}function g(){return ye((a==null?void 0:a.maxFileSize)||"")?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("单个文件限制：")]),e.createVNode("span",{class:"support-info--item-detail"},[a.maxFileSize,e.createTextVNode(",   ")])]):null}function D(){return((a==null?void 0:a.maxUploads)||0)>0?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("文件总数限制：")]),e.createVNode("span",{class:"support-info--item-detail"},[a.maxUploads,e.createTextVNode("个")])]):null}function f(){return u.value&&!V.value&&!c.value?e.createVNode("div",{class:"ffileupload--support-info"},[o.value?e.createVNode("ul",{class:"support-info--wrapper"},[e.createVNode("li",null,[e.createVNode("span",{class:"support-info--item-detail",innerHTML:o.value},null)])]):e.createVNode("ul",{class:"support-info--wrapper"},[F(),g(),D()])]):null}function m(w){return e.createVNode("div",{class:"uploadAndpreview--title-container"},[e.createVNode("div",{class:"ffilepreview--item-icon"},[e.createVNode("span",{class:"ffilepreview--filetype-icon"},null)]),e.createVNode("div",{class:"uploadAndpreview--right"},[e.createVNode("span",{class:"ffilepreview--preview-block"},null)])])}function S(w){return e.createVNode("div",{class:"uploadAndpreview--filesize-container"},[e.createVNode("span",{class:"ffilepreview--preview-block"},null)])}function b(){return e.createVNode("div",{class:"uploadAndpreview--state-container"},[e.createVNode("p",{class:"upload-state--uploaded"},[e.createVNode("i",{class:"f-icon f-icon-success text-success"},null),e.createVNode("span",null,[e.createTextVNode("已上传")])])])}function H(w){return e.createVNode("div",{class:"uploadAndpreview--action-container"},[v.value?"":e.createVNode("button",{class:"btn preview-btn",title:"下载"},[e.createVNode("span",{class:"f-icon f-icon-enclosure_download"},null)]),t.previewButtonDisable?"":e.createVNode("button",{class:"btn preview-btn",title:"预览"},[e.createVNode("span",{class:"f-icon f-icon-enclosure_browse"},null)]),t.deleteButtonDisable?"":e.createVNode("button",{class:"btn preview-btn",title:"删除"},[e.createVNode("span",{class:"f-icon f-icon-enclosure_delete",style:"top: -1px"},null)])])}function _(w){return e.createVNode("div",{class:"uploadAndpreview--date-container"},[e.createTextVNode(" "),e.createVNode("span",{class:"ffilepreview--preview-block"},null)])}function K(w,E,J){let B=null;if(w=w||"preview",w==="preview"&&E)switch(J.field){case"state":B=b();break;case"name":B=m();break;case"action":B=H();break;case"size":B=S();break;case"createTime":B=_();break;default:B=e.createVNode("span",{class:"ffilepreview--preview-block"},null)}return B}function Q(){return u.value?e.createVNode("div",{class:"header--left-container"},[e.createVNode(e.resolveComponent("f-file-select"),{ref:s,disabled:V.value,selectText:t.selectText},null)]):null}function X(){return(!v.value||!t.deleteButtonDisable)&&d.value?e.createVNode("div",{class:"header--right-container"},[v.value?null:e.createVNode("button",{class:"btn btn-primary f-btn-ml",disabled:!0},[e.createTextVNode("下载")]),t.deleteButtonDisable.value?null:e.createVNode("button",{class:"btn btn-secondary f-btn-ml",disabled:!0},[e.createTextVNode("删除")])]):null}function Y(){return x.value.map(w=>C(w)?e.createVNode("th",{style:{width:w.width?w.width+"px":"auto"},class:[!c.value&&w.checkbox&&w.checkbox?"td--hascheckbox":""]},[!c.value&&h.value&&w.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{class:"preview-checkbox",id:"previewMultiBtn"},null):null,w.title]):null)}function G(){return l.map(w=>e.createVNode("tr",{class:["uploadAndpreview--preview-item",I.value===w.id?"uploadAndpreview--currentfile":""],id:"uploadAndpreview--preview-item"+w.id},[x.value.map(E=>C(E)?e.createVNode("td",{class:[!c.value&&E.checkbox&&E.checkbox?"td--hascheckbox":""]},[!c.value&&h.value&&E.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{class:"preview-checkbox"},null):null,K("preview",w,E)]):null)]))}e.onBeforeMount(()=>{});const j=e.ref(),W=e.inject("design-item-context"),A=re.useDesignerComponent(j,W);return e.onMounted(()=>{j.value.componentInstance=A}),n.expose(A.value),()=>e.createVNode("div",{class:"fv-upload-and-preview",ref:j},[d.value||u.value?e.createVNode(e.Fragment,null,[c.value?null:e.createVNode("div",{class:"uploadAndpreview--header"},[Q(),X()]),e.createVNode("div",{class:"uploadAndpreview--content"},[e.createVNode("table",{class:"table table-bordered uploadAndpreview--table"},[e.createVNode("thead",null,[Y()]),e.createVNode("tbody",null,[G()])])]),f()]):null])}}),Te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/uploader.schema.json",title:"uploader",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for uploader",type:"string"},type:{description:"The type string of uploader",type:"string",default:"uploader"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"boolean",default:!1},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},Fe=new Map([["appearance",ee.resolveAppearance]]);function Se(t,n,o){return n}const Ie={title:"uploader",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},appearance:{description:"外观",title:"外观",properties:{contentFill:{description:"内容填充",title:"内容填充",type:"boolean"}}},server:{description:"服务器配置",title:"服务器配置",properties:{rootId:{description:"附件服务器根目录",title:"附件服务器根目录",type:"string"},formId:{description:"必填，根据【附件信息】业务字段所在位置区分：1、在子表，二级目录建议绑定主表ID。2：在主表：二级目录建议填写当前表数据ID",title:"二级目录",type:"string"}}},upload:{description:"上传配置",title:"上传配置",properties:{uploadVisible:{description:"上传按钮是否可见",title:"上传是否可见",type:"boolean"},uploadDisabled:{description:"禁用时，上传按钮可见，但不可用",title:"上传是否禁用",type:"boolean"},allowEmpty:{description:"运行时是否允许不上传附件",title:"是否允许为空",type:"boolean"},uploadSelectText:{description:"选择文件按钮文本",title:"选择文件按钮文本",type:"string"},uploadOptions:{description:"附件上传配置",title:"附件上传配置",type:"cascade",isExpand:!0,properties:{maxUploads:{description:"值为0时表示不限制上传个数",title:"最大上传个数",type:"number"},maxFileSize:{description:"单个附件最大值（MB）",title:"单个附件最大值（MB）",type:"number"},allowedContentTypes:{description:"允许上传附件类型",title:"允许上传附件类型",type:"string"},notAllowedCharsInFileName:{description:"文件名禁用字符",title:"文件名禁用字符",type:"string"}}},enableUploadedCount:{description:"是否启用已上传个数限制",title:"是否启用已上传个数限制",type:"select",editor:{type:"waiting for modification",enum:[]}},uploadEnableMulti:{description:"是否启用多选附件上传",title:"是否启用多选附件上传",type:"select",editor:{type:"waiting for modification",enum:[]}},enableSliceUpload:{description:"是否启用分片上传",title:"是否启用分片上传",type:"select",editor:{type:"waiting for modification",enum:[]}},chunkSize:{description:"分片上传时，每片的大小。单位：M",title:"分片大小（M）",type:"number"}}},preview:{description:"附件预览",title:"附件预览",properties:{previewVisible:{description:"预览是否可见",title:"预览是否可见",type:"boolean"},previewReadonly:{description:"预览是否只读",title:"预览是否只读",type:"boolean"},fieldIdKey:{description:"附件ID字段",title:"附件ID字段",type:"string",editor:{type:"field-selector"}},fileNameKey:{description:"附件名称字段",title:"附件名称字段",type:"string",editor:{type:"field-selector"}},previewEnableMulti:{description:"是否启用批量操作",title:"是否启用批量操作",type:"boolean"},noDelete:{description:"是否禁止删除附件",title:"是否禁止删除附件",type:"boolean"},noPreview:{description:"是否禁止预览",title:"是否禁止预览",type:"boolean"},previewDateFormat:{description:"附件上传时间字段的格式化设置，请注意此属性仅针对附件上传时间一个字段，若有自定义预览列，请在预览列编辑器中单独设置时间格式。",title:"附件上传时间格式化",type:"select",editor:{type:"waiting for modification",enum:[]}},fileSortOrderKey:{description:"排序字段",title:"排序字段",type:"string"},orderType:{description:"排序类型",title:"排序类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},q=ee.createPropsResolver(T.uploaderProps,Te,Fe,Se,Ie);k.register=(t,n,o,a)=>{t.uploader=T,n.uploader=q},k.registerDesigner=(t,n,o)=>{t.uploader=k,n.uploader=q};const Ee=Z.withInstall(k);N.FUploaderDesign=k,N.default=Ee,N.propsResolver=q,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/verify-detail/index.esm.js

@@ -0,0 +1,258 @@
+import B, { verifyDetailProps as b } from "../../components/verify-detail/index.esm.js";
+import { defineComponent as H, ref as f, inject as I, onMounted as O, computed as u, createVNode as t, onBeforeMount as S } from "vue";
+import { useDesignerComponent as E } from "../../components/designer-canvas/index.esm.js";
+import { resolveAppearance as N, createPropsResolver as P } from "../../components/dynamic-resolver/index.esm.js";
+const _ = /* @__PURE__ */ H({
+  name: "FVerifyDetailDesign",
+  props: b,
+  emits: ["validatorClick", "listshow"],
+  setup(s, n) {
+    let r = [];
+    const a = f(s.showList), w = f(s.maxHeight), p = f(s.verifyList), v = f(s.showType), c = f(s.verifyType), d = f(), C = I("design-item-context"), y = E(d, C);
+    O(() => {
+      d.value.componentInstance = y;
+    }), n.expose(y.value);
+    function j() {
+      a.value = !a.value, n.emit("listshow", a.value);
+    }
+    function m(e) {
+      var i;
+      (i = c.value) == null || i.forEach((o) => {
+        o.active = o.type === e;
+      });
+    }
+    function g(e) {
+      r.forEach((i) => {
+        i.show = i.type === e;
+      });
+    }
+    function D(e) {
+      e.length <= 0 || (m(e.type), g(e.type));
+    }
+    function L() {
+      a.value = !1, n.emit("listshow", !1);
+    }
+    function T(e) {
+      n.emit("validatorClick", e);
+    }
+    function k(e) {
+      return t("li", {
+        class: "f-verify-list",
+        onClick: () => T(e)
+      }, [t("span", {
+        class: ["f-icon f-icon-close-outline list-icon list-error", {
+          "list-warning": e.type === "warn"
+        }]
+      }, null), t("div", {
+        class: "list-con"
+      }, [t("p", {
+        class: "list-title",
+        title: e.title
+      }, [e.title]), t("p", {
+        class: "list-msg",
+        title: e.msg
+      }, [e.msg])])]);
+    }
+    function M() {
+      return r.map((e) => t("ul", {
+        class: ["f-verify-list-content", {
+          active: e.show
+        }]
+      }, [e.list && e.list.map((i) => k(i))]));
+    }
+    const $ = u(() => {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.length) > 0;
+    });
+    function x(e) {
+      return {
+        "btn btn-secondary": !0,
+        active: e.active,
+        disabled: e.length <= 0
+      };
+    }
+    const R = u(() => {
+      var e;
+      return (e = c.value) == null ? void 0 : e.map((i) => t("button", {
+        class: x(i),
+        onClick: () => D(i)
+      }, [i.title, t("span", null, [i.length])]));
+    }), F = u(() => {
+      var e;
+      return t("div", {
+        class: "f-verify-nums",
+        onClick: j
+      }, [t("span", {
+        class: "nums-icon f-icon f-icon-warning"
+      }, null), t("span", {
+        class: "nums-count"
+      }, [(e = p.value) == null ? void 0 : e.length])]);
+    });
+    function q() {
+      var i;
+      const e = [];
+      c.value && ((i = c.value) != null && i.length) && (c.value.map((o) => {
+        const l = {
+          list: o.type === "all" ? p.value : [],
+          show: !1,
+          type: o.type
+        };
+        e.push(l);
+      }), e.map((o, l) => {
+        const A = p.value.filter((V) => V.type === o.type);
+        e[l].list = l !== 0 ? A : e[l].list;
+      }), c.value.map((o, l) => {
+        o.length = e[l].list.length;
+      })), r = e;
+    }
+    return S(() => {
+      q(), g(v.value), m(v.value);
+    }), () => t("div", {
+      ref: d
+    }, [$.value ? t("div", {
+      class: "f-verify-detail"
+    }, [t("div", {
+      class: "f-verify-detail-content"
+    }, [F.value, t("div", {
+      class: "f-verify-form-main",
+      hidden: !a.value
+    }, [t("div", {
+      class: "f-verify-form-content"
+    }, [t("div", {
+      class: "f-verify-form-content-arrow"
+    }, null), t("div", {
+      class: "f-verify-form-content-list"
+    }, [t("div", {
+      class: "f-verify-forms-title"
+    }, [t("div", {
+      class: "btn-group"
+    }, [R.value]), t("div", {
+      class: "f-verify-close",
+      onClick: L
+    }, [t("span", {
+      class: "f-icon f-icon-close"
+    }, null)])]), t("div", {
+      class: "f-verify-forms-list",
+      style: {
+        maxHeight: w.value + "px"
+      }
+    }, [M()])])])])])]) : null]);
+  }
+}), z = /* @__PURE__ */ new Map([
+  ["appearance", N]
+]);
+function G(s, n, r) {
+  return n;
+}
+const J = "https://json-schema.org/draft/2020-12/schema", K = "https://farris-design.gitee.io/verify-detail.schema.json", Q = "verify-detail", U = "A Farris Component", W = "object", X = {
+  id: {
+    description: "The unique identifier for verify-detail",
+    type: "string"
+  },
+  type: {
+    description: "The type string of verify-detail",
+    type: "string",
+    default: "verify-detail"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Y = [
+  "id",
+  "type"
+], Z = {
+  $schema: J,
+  $id: K,
+  title: Q,
+  description: U,
+  type: W,
+  properties: X,
+  required: Y
+}, ee = "verify-detail", te = "A Farris Component", ie = "object", se = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, ne = {
+  title: ee,
+  description: te,
+  type: ie,
+  categories: se
+}, h = P(b, Z, z, G, ne), ce = {
+  register(s, n, r, a) {
+    s["verify-detail"] = B, n["verify-detail"] = h;
+  },
+  registerDesigner(s, n, r) {
+    s["verify-detail"] = _, n["verify-detail"] = h;
+  }
+};
+export {
+  ce as default,
+  h as propsResolver
+};

package/designer/verify-detail/index.umd.cjs

@@ -0,0 +1 @@
+(function(s,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("../../components/verify-detail/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/verify-detail/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/dynamic-resolver/index.umd.js"],a):(s=typeof globalThis<"u"?globalThis:s||self,a(s["verify-detail"]={},s.FVerifyDetail,s.Vue,s.designerCanvas,s.dynamicResolver))})(this,function(s,a,t,N,m){"use strict";const w=t.defineComponent({name:"FVerifyDetailDesign",props:a.verifyDetailProps,emits:["validatorClick","listshow"],setup(n,o){let l=[];const d=t.ref(n.showList),T=t.ref(n.maxHeight),f=t.ref(n.verifyList),v=t.ref(n.showType),p=t.ref(n.verifyType),u=t.ref(),q=t.inject("design-item-context"),h=N.useDesignerComponent(u,q);t.onMounted(()=>{u.value.componentInstance=h}),o.expose(h.value);function D(){d.value=!d.value,o.emit("listshow",d.value)}function g(e){var i;(i=p.value)==null||i.forEach(r=>{r.active=r.type===e})}function V(e){l.forEach(i=>{i.show=i.type===e})}function L(e){e.length<=0||(g(e.type),V(e.type))}function M(){d.value=!1,o.emit("listshow",!1)}function k(e){o.emit("validatorClick",e)}function R(e){return t.createVNode("li",{class:"f-verify-list",onClick:()=>k(e)},[t.createVNode("span",{class:["f-icon f-icon-close-outline list-icon list-error",{"list-warning":e.type==="warn"}]},null),t.createVNode("div",{class:"list-con"},[t.createVNode("p",{class:"list-title",title:e.title},[e.title]),t.createVNode("p",{class:"list-msg",title:e.msg},[e.msg])])])}function S(){return l.map(e=>t.createVNode("ul",{class:["f-verify-list-content",{active:e.show}]},[e.list&&e.list.map(i=>R(i))]))}const A=t.computed(()=>{var e;return((e=f.value)==null?void 0:e.length)>0});function O(e){return{"btn btn-secondary":!0,active:e.active,disabled:e.length<=0}}const P=t.computed(()=>{var e;return(e=p.value)==null?void 0:e.map(i=>t.createVNode("button",{class:O(i),onClick:()=>L(i)},[i.title,t.createVNode("span",null,[i.length])]))}),B=t.computed(()=>{var e;return t.createVNode("div",{class:"f-verify-nums",onClick:D},[t.createVNode("span",{class:"nums-icon f-icon f-icon-warning"},null),t.createVNode("span",{class:"nums-count"},[(e=f.value)==null?void 0:e.length])])});function F(){var i;const e=[];p.value&&((i=p.value)!=null&&i.length)&&(p.value.map(r=>{const c={list:r.type==="all"?f.value:[],show:!1,type:r.type};e.push(c)}),e.map((r,c)=>{const H=f.value.filter(I=>I.type===r.type);e[c].list=c!==0?H:e[c].list}),p.value.map((r,c)=>{r.length=e[c].list.length})),l=e}return t.onBeforeMount(()=>{F(),V(v.value),g(v.value)}),()=>t.createVNode("div",{ref:u},[A.value?t.createVNode("div",{class:"f-verify-detail"},[t.createVNode("div",{class:"f-verify-detail-content"},[B.value,t.createVNode("div",{class:"f-verify-form-main",hidden:!d.value},[t.createVNode("div",{class:"f-verify-form-content"},[t.createVNode("div",{class:"f-verify-form-content-arrow"},null),t.createVNode("div",{class:"f-verify-form-content-list"},[t.createVNode("div",{class:"f-verify-forms-title"},[t.createVNode("div",{class:"btn-group"},[P.value]),t.createVNode("div",{class:"f-verify-close",onClick:M},[t.createVNode("span",{class:"f-icon f-icon-close"},null)])]),t.createVNode("div",{class:"f-verify-forms-list",style:{maxHeight:T.value+"px"}},[S()])])])])])]):null])}}),b=new Map([["appearance",m.resolveAppearance]]);function j(n,o,l){return o}const C={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/verify-detail.schema.json",title:"verify-detail",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for verify-detail",type:"string"},type:{description:"The type string of verify-detail",type:"string",default:"verify-detail"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},x={title:"verify-detail",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},y=m.createPropsResolver(a.verifyDetailProps,C,b,j,x),$={register(n,o,l,d){n["verify-detail"]=a,o["verify-detail"]=y},registerDesigner(n,o,l){n["verify-detail"]=w,o["verify-detail"]=y}};s.default=$,s.propsResolver=y,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/video/index.esm.js

@@ -0,0 +1,136 @@
+import f, { videoProps as m } from "../../components/video/index.esm.js";
+import { ref as p, watch as v, defineComponent as h, inject as l, onMounted as y, onUnmounted as w, createVNode as u, createTextVNode as b } from "vue";
+import { useDesignerComponent as R } from "../../components/designer-canvas/index.esm.js";
+import { useDesignerRules as V } from "../../components/component/index.esm.js";
+import { resolveAppearance as $, createPropsResolver as C } from "../../components/dynamic-resolver/index.esm.js";
+function j(e, o) {
+  const t = p(e.width), i = p(e.height);
+  let n;
+  v(o, (r) => {
+    r && (t.value = r.clientWidth, n = new ResizeObserver((s) => {
+      if (!s || s.length < 1)
+        return;
+      const c = s[0].contentRect;
+      c && (t.value = c.width);
+    }), n.observe(r));
+  });
+  function d() {
+    n && n.disconnect();
+  }
+  return {
+    destory: d,
+    width: t,
+    height: i
+  };
+}
+const x = /* @__PURE__ */ h({
+  name: "FVideoDesign",
+  props: m,
+  setup(e, o) {
+    const t = p(), i = l("design-item-context"), n = l("designer-host-service"), d = V(i, n), r = R(t, i, d), {
+      width: s,
+      height: a,
+      destory: c
+    } = j(e, t);
+    return y(() => {
+      t.value.componentInstance = r;
+    }), w(() => {
+      c();
+    }), o.expose(r.value), () => u("div", {
+      ref: t,
+      class: "drag-container",
+      "data-dragref": `${i.schema.id}-container`
+    }, [u("video", {
+      src: e.src,
+      autoplay: e.autoplay,
+      controls: e.controls,
+      loop: e.loop,
+      muted: e.muted,
+      width: s.value,
+      height: a.value
+    }, [b("Your browser does not support the video tag.")])]);
+  }
+}), M = "https://json-schema.org/draft/2020-12/schema", D = "https://farris-design.gitee.io/video.schema.json", F = "video", I = "A Farris Video Component", q = "object", A = {
+  id: {
+    description: "The unique identifier for a Video",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Video component",
+    type: "string",
+    default: "video"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, T = [
+  "id",
+  "type"
+], z = {
+  $schema: M,
+  $id: D,
+  title: F,
+  description: I,
+  type: q,
+  properties: A,
+  required: T
+}, N = /* @__PURE__ */ new Map([
+  ["appearance", $]
+]);
+function O(e, o, t) {
+  return o;
+}
+const P = "verify-detail", S = "A Farris Component", B = "object", H = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, U = {
+  title: P,
+  description: S,
+  type: B,
+  categories: H
+}, g = C(m, z, N, O, U), J = {
+  register(e, o, t, i) {
+    e.video = f, o.video = g;
+  },
+  registerDesigner(e, o, t) {
+    e.video = x, o.video = g;
+  }
+};
+export {
+  J as default,
+  g as propsResolver
+};

package/designer/video/index.umd.cjs

@@ -0,0 +1 @@
+(function(t,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("../../components/video/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/component/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/video/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/component/index.umd.js","../../components/dynamic-resolver/index.umd.js"],s):(t=typeof globalThis<"u"?globalThis:t||self,s(t.video={},t.FVideo,t.Vue,t.designerCanvas,t.component,t.dynamicResolver))})(this,function(t,s,n,g,v,l){"use strict";function h(e,i){const o=n.ref(e.width),r=n.ref(e.height);let c;n.watch(i,d=>{d&&(o.value=d.clientWidth,c=new ResizeObserver(p=>{if(!p||p.length<1)return;const a=p[0].contentRect;a&&(o.value=a.width)}),c.observe(d))});function m(){c&&c.disconnect()}return{destory:m,width:o,height:r}}const y=n.defineComponent({name:"FVideoDesign",props:s.videoProps,setup(e,i){const o=n.ref(),r=n.inject("design-item-context"),c=n.inject("designer-host-service"),m=v.useDesignerRules(r,c),d=g.useDesignerComponent(o,r,m),{width:p,height:f,destory:a}=h(e,o);return n.onMounted(()=>{o.value.componentInstance=d}),n.onUnmounted(()=>{a()}),i.expose(d.value),()=>n.createVNode("div",{ref:o,class:"drag-container","data-dragref":`${r.schema.id}-container`},[n.createVNode("video",{src:e.src,autoplay:e.autoplay,controls:e.controls,loop:e.loop,muted:e.muted,width:p.value,height:f.value},[n.createTextVNode("Your browser does not support the video tag.")])])}}),j={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/video.schema.json",title:"video",description:"A Farris Video Component",type:"object",properties:{id:{description:"The unique identifier for a Video",type:"string"},type:{description:"The type string of Video component",type:"string",default:"video"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},x=new Map([["appearance",l.resolveAppearance]]);function $(e,i,o){return i}const w={title:"verify-detail",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},u=l.createPropsResolver(s.videoProps,j,x,$,w),R={register(e,i,o,r){e.video=s,i.video=u},registerDesigner(e,i,o){e.video=y,i.video=u}};t.default=R,t.propsResolver=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/weather/index.css

@@ -0,0 +1 @@
+.f-weather-background{border-radius:6px;max-width:800px;min-width:400px}.f-weather-container{height:355px;display:flex;padding:10px;flex-direction:column}.f-weather-detail{height:530px;overflow:hidden;padding:0;border-top-left-radius:0;border-top-right-radius:0}.f-weather-header{display:flex;flex-direction:row}.f-weather-button{color:#000;font-size:11px;background-color:#fff;border-radius:15px;transition:.3s}.f-weather-button:hover{border-color:#fff;background-color:#ffffff80}.f-weather-button:focus{outline:none}.f-weather-button-detail{height:28px;width:102px;position:relative;z-index:2;margin:auto 0 auto auto}.f-weather-button-city{margin-top:5px}.f-weather-button-report{height:28px;width:76px;margin:10px 10px 10px auto}.f-weather-button-proindex{height:28px;width:76px;margin:10px}.f-weather-city{position:relative;top:10px;color:#fff;font-size:13px;z-index:1}.f-weather-city-icon{width:20px;margin-top:-2px;opacity:.7}.f-weather-city-icon:hover{opacity:1;cursor:pointer}.f-weather-city-select{height:40px;width:230px;position:absolute;text-align:center;background-color:#fff;border-radius:10px}.f-weather-city-title{margin-left:6px}.f-weather-sunset-container{max-width:380px;margin:5px auto auto;padding:0 10px}.f-weather-sunset-progress{display:flex}.f-weather-sunset-progress>div{margin:0 auto!important}.f-weather-sunrise-img{width:30px}.f-weather-sunrise-text{font-size:14px;color:#fff;font-weight:400}.f-weather-sunset-img{width:30px;float:right}.f-weather-sunset-text{float:right;font-size:14px;color:#fff;font-weight:400}.f-weather-information-container{min-width:380px;position:relative;top:-170px;display:flex;flex-direction:column}.f-weather-information{position:relative;text-align:center;color:#fff;display:flex;height:100px;flex-direction:column}.f-weather-information-row1{display:flex;justify-content:center}.f-weather-temperature{font-size:60px;font-weight:500}.f-weather-weather{margin-left:-20px;font-size:16px;font-weight:500;padding:15px 0;display:flex;align-items:flex-end}.f-weather-information-row2{display:flex}.f-weather-warning-container{display:flex;width:100%;margin-top:-10px;justify-content:center}.f-weather-warning{display:flex;backdrop-filter:blur(2px) saturate(163%);-webkit-backdrop-filter:blur(2px) saturate(163%);background-color:#ffffff59;border-radius:5px;border:1px solid rgba(209,213,219,.3)}.f-weather-warning-icon{width:20px;margin-left:5px}@keyframes icon{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.f-weather-warning-text{margin:1px 5px}.f-weather-information-text{position:relative;text-align:center;color:#fff;margin-bottom:10px}.f-weather-maxmin{font-size:16px;font-weight:500}.f-weather-advice-container{font-size:12px}.f-weather-advice{margin-left:10px;margin-right:10px;font-size:14px;font-weight:400}.f-weather-advice-line{position:absolute;height:14px;width:1px;top:3px;margin-left:10px;margin-right:10px;background-color:#fff}.f-weather-advice-text{display:none;width:130px;position:absolute;color:#000;background-color:#fff;border:1px solid;text-align:left;z-index:1}.f-weather-advice:hover{cursor:pointer}.f-weather-advice:hover .f-weather-advice-text{display:inline}.f-weather-air{height:60px;position:relative;top:30px;color:#fff;background-color:#00000013;border-radius:5px}.f-weather-air-title{position:relative;top:11px;left:12px;font-size:14px}.f-weather-air-progress{margin-top:10px;margin-left:12px;margin-right:-40px}.f-weather-air-point{width:20px;position:relative;margin-top:-40px}.f-weather-lrbutton-container{position:absolute;width:100%;display:flex}.f-weather-lrbutton-l{margin-left:6px;margin-right:auto;cursor:pointer}.f-weather-lrbutton-r{margin-right:6px;margin-left:auto;cursor:pointer}.f-weather-24h-container{position:relative}.f-weather-24h-title{margin-left:20px;margin-bottom:25px;padding-top:9px;font-size:15px;color:#ffffffd9;letter-spacing:0;line-height:16px;font-weight:500}.f-weather-24h-content-scroll{margin-left:35px;margin-right:35px;overflow:hidden}#f-weather-24h-content{margin-left:-32px;transition:.7s}.f-weather-24h-tr{display:flex}.f-weather-24h-td{padding-left:32px;text-align:center;color:#fff;flex:1}.f-weather-24h-img{width:30px;margin-top:20px;margin-bottom:20px}.f-weather-chart24h{margin-left:-172px}.f-weather-7d-title{margin-left:20px;margin-bottom:15px;padding-top:17px;font-size:15px;color:#000000d9;letter-spacing:0;line-height:16px;font-weight:500}.f-weather-7d-container{height:290px;background:#fff;box-shadow:0 2px 8px #0133640d;border-radius:6px}.f-weather-7d-tr{display:flex}.f-weather-7d-td{height:200px;text-align:center;border-radius:10px;flex:1}.f-weather-7d-td:hover{background-color:#00000006;cursor:pointer}.f-weather-7d-td-title{font-size:13px;color:#000000ba;font-weight:400}.f-weather-7d-td-date{font-size:13px;color:#00000078;font-weight:400}.f-weather-7d-td-img{width:30px;margin-top:20px;margin-bottom:20px}.f-weather-7d-td-margin{margin-bottom:47px}.f-weather-chart7d{position:relative;top:-93px}.f-weather-proindex-tr{display:flex;margin-top:8px}.f-weather-proindex-td{color:#fff;background-color:#00000013;border-radius:6px;margin:10px;padding:20px 15px;flex:1}.f-weather-proindex-content-scroll{height:90px;overflow:hidden}.f-weather-proindex-content{float:left;transition:.5s}.f-weather-proindex-td:hover .f-weather-proindex-content{margin-top:-110px}.f-weather-proindex-icon{width:45px;float:left}.f-weather-proindex-line{position:relative;height:40px;width:1px;top:-40px;left:55px;margin-bottom:-50px;background-color:#fff}.f-weather-proindex-text{margin-top:5px;margin-left:70px}.f-weather-proindex-title{font-size:15px;line-height:15px;font-weight:400}.f-weather-proindex-value{font-size:20px;line-height:24px;font-weight:500}.f-weather-proindex-info{margin-top:20px;font-size:14px;letter-spacing:.1px;font-weight:200}