@farris/ui-vue 1.2.8 → 1.2.9

package/components/video/index.umd.cjs

@@ -0,0 +1 @@
+(function(D,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],m):(D=typeof globalThis<"u"?globalThis:D||self,m(D.video={},D.Vue,D.LodashES))})(this,function(D,m,z){"use strict";const q={},_={};function S(a){const{properties:e,title:o,ignore:s}=a,c=s&&Array.isArray(s),h=Object.keys(e).reduce((d,b)=>((!c||!s.find(P=>P==b))&&(d[b]=e[b].type==="object"&&e[b].properties?S(e[b]):z.cloneDeep(e[b].default)),d),{});return(!c||!s.find(d=>d=="id"))&&(h.id=`${o}-${Date.now()}`),h}function L(a,e={},o){const s=q[a];if(s){let c=S(s);const h=_[a];return c=h?h({getSchemaByType:L},c,e,o):c,c}return null}function U(a,e){const o=S(e);return Object.keys(a).reduce((s,c)=>(s[c]&&typeof s[c]=="object"?Object.assign(s[c],a[c]):s[c]=a[c],s),o),o}function Y(a,e){return Object.keys(a).filter(s=>a[s]!=null).reduce((s,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")s[h]=a[c];else{const d=h(c,a[c],a);Object.assign(s,d)}}else s[c]=a[c];return s},{})}function J(a,e,o=new Map){const s=U(a,e);return Y(s,o)}function G(a={}){function e(i,u,l,f){if(typeof l=="number")return f[i].length===l;if(typeof l=="object"){const j=Object.keys(l)[0],n=l[j];if(j==="not")return Number(f[i].length)!==Number(n);if(j==="moreThan")return Number(f[i].length)>=Number(n);if(j==="lessThan")return Number(f[i].length)<=Number(n)}return!1}function o(i,u,l,f){return f[i]&&f[i].propertyValue&&String(f[i].propertyValue.value)===String(l)}const s=new Map([["length",e],["getProperty",o]]);Object.keys(a).reduce((i,u)=>(i.set(u,a[u]),i),s);function c(i,u){const l=i;return typeof u=="number"?[{target:l,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:l,operator:"getProperty",param:i,value:!!u}]:typeof u=="object"?Object.keys(u).map(f=>{if(f==="length")return{target:l,operator:"length",param:null,value:u[f]};const j=f,n=u[f];return{target:l,operator:"getProperty",param:j,value:n}}):[]}function h(i){return Object.keys(i).reduce((l,f)=>{const j=c(f,i[f]);return l.push(...j),l},[])}function d(i,u){if(s.has(i.operator)){const l=s.get(i.operator);return l&&l(i.target,i.param,i.value,u)||!1}return!1}function b(i,u){return h(i).reduce((j,n)=>j&&d(n,u),!0)}function P(i,u){const l=Object.keys(i),f=l.includes("allOf"),j=l.includes("anyOf"),n=f||j,r=(n?i[n?f?"allOf":"anyOf":"allOf"]:[i]).map(g=>b(g,u));return f?!r.includes(!1):r.includes(!0)}return{parseValueSchema:P}}const H={},Q={};G();function X(a,e,o=new Map,s=(d,b,P)=>b,c={},h=d=>d){return q[e.title]=e,_[e.title]=s,H[e.title]=c,Q[e.title]=h,(d={})=>{const b=J(d,e,o),P=Object.keys(a).reduce((i,u)=>(i[u]=a[u].default,i),{});return Object.assign(P,b)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const R={$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"]},K=new Map([["appearance",Z]]);function x(a,e,o){return e}const I={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:[]}}}}}},N={src:{type:String,required:!0,default:""},autoplay:{type:Boolean,default:!0},controls:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},preload:{type:String,default:"none"},poster:{type:String},width:{type:[String,Number],default:300},height:{type:[String,Number],default:168}},k=X(N,R,K,x,I);function ee(a,e){function o(t){t.stopPropagation(),e.emit("abort")}function s(t){t.stopPropagation(),e.emit("play")}function c(t){t.stopPropagation(),e.emit("pause")}function h(t){t.stopPropagation(),e.emit("ended")}function d(t){t.stopPropagation(),e.emit("durationchange")}function b(t){t.stopPropagation(),e.emit("error")}function P(t){t.stopPropagation(),e.emit("loadeddata")}function i(t){t.stopPropagation(),e.emit("loadedmetadata")}function u(t){t.stopPropagation(),e.emit("loadstart")}function l(t){t.stopPropagation(),e.emit("playing")}function f(t){t.stopPropagation(),e.emit("progress")}function j(t){t.stopPropagation(),e.emit("timeupdate")}function n(t){t.stopPropagation(),e.emit("volumechange")}function p(t){t.stopPropagation(),e.emit("canplay")}return{onAbort:o,onPlay:s,onPause:c,onEnded:h,onDurationchange:d,onError:b,onLoadeddata:P,onLoadedmetadata:i,onLoadstart:u,onPlaying:l,onProgress:f,onTimeupdate:j,onVolumechange:n,onCanplay:p}}const E=m.defineComponent({name:"FVideo",props:N,emits:["abort","play","pause","ended","durationchange","canplay","error","loadeddata","loadedmetadata","loadstart","playing","progress","timeupdate","volumechange"],setup(a,e){const o=m.ref(),{onAbort:s,onPlay:c,onPause:h,onEnded:d,onDurationchange:b,onError:P,onLoadeddata:i,onLoadedmetadata:u,onLoadstart:l,onPlaying:f,onProgress:j,onTimeupdate:n,onVolumechange:p,onCanplay:t}=ee(a,e);return m.onUnmounted(()=>{}),()=>m.createVNode("video",{ref:o,src:a.src,autoplay:a.autoplay,controls:a.controls,loop:a.loop,muted:a.muted,width:a.width,height:a.height,poster:a.poster,onAbort:r=>s(r),onPlay:r=>c(r),onPause:r=>h(r),onEnded:r=>d(r),onDurationchange:r=>b(r),onError:r=>P(r),onLoadeddata:r=>i(r),onLoadedmetadata:r=>u(r),onLoadstart:r=>l(r),onPlaying:r=>f(r),onProgress:r=>j(r),onTimeupdate:r=>n(r),onVolumechange:r=>p(r),onCanplay:r=>t(r)},[m.createTextVNode("Your browser does not support the video tag.")])}});function te(a,e,o){var $;function s(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}s();const c=o&&o.getStyles&&o.getStyles()||"",h=o&&o.getDesignerClass&&o.getDesignerClass()||"",d=m.ref();function b(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function P(){return!1}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function u(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function l(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const w=m.ref(y==null?void 0:y.value.parent),C=l(w);return C||null}function f(y=e){const{componentInstance:w,designerItemElementRef:C}=y;return!w||!w.value?null:w.value.canMove?C:f(y.parent)}function j(y){return!!o&&o.canAccepts(y)}function n(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function p(){}function t(y,w){w&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(w)}function r(y,w){const{componentType:C}=y;let T=L(C,y,w);o&&o.onResolveNewComponentSchema&&(T=o.onResolveNewComponentSchema(y,T));const V=C.toLowerCase().replace("-","_");return T&&!T.id&&T.type===C&&(T.id=`${V}_${Math.random().toString().slice(2,6)}`),T}function v(y,w){const C=String(y.getAttribute("data-controltype")),T=y.getAttribute("data-feature"),V=T?JSON.parse(T):{};V.parentComponentInstance=d.value;let O=L(C,V);o&&o.onAcceptNewChildElement&&(O=o.onAcceptNewChildElement(y,w,O));const M=C.toLowerCase().replace("-","_");return O&&!O.id&&O.type===C&&(O.id=`${M}_${Math.random().toString().slice(2,6)}`),O}function g(y){}function A(...y){if(o&&o.getPropsConfig)return o.getPropsConfig(...y)}return d.value={canMove:b(),canSelectParent:P(),canDelete:i(),canNested:!u(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:h,canAccepts:j,getBelongedComponentInstance:l,getDraggableDesignItemElement:f,getDraggingDisplayText:n,getPropConfig:A,getDragScopeElement:p,onAcceptMovedChildElement:t,onAcceptNewChildElement:v,onChildElementMovedOut:g,addNewChildComponentSchema:r,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||m.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||m.ref(!1)},d}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},B=new Map;function ne(){function a(n,p,t,r){var v;if(typeof t=="number")return((v=r[n])==null?void 0:v.length)===t;if(typeof t=="object"){const g=Object.keys(t)[0],A=t[g];if(g==="not")return Number(r[n].length)!==Number(A);if(g==="moreThan")return Number(r[n].length)>=Number(A);if(g==="lessThan")return Number(r[n].length)<=Number(A)}return!1}function e(n,p,t,r){return typeof t=="boolean"?r.childrenClassList.includes(p)===!!t:!1}function o(n,p,t,r){return typeof t=="boolean"?r.parentClassList.includes(p)===!!t:!1}function s(n,p,t,r){return typeof t=="boolean"?r.parentClassList.includes(p)===!!t:!1}const c=new Map([["length",a],["hasChildren",e],["hasSibling",s],["hasParent",o]]);function h(n,p){const t=n;return typeof p=="number"?[{target:t,operator:"length",param:null,value:Number(p)}]:typeof p=="object"?Object.keys(p).map(r=>{if(r==="length")return{target:t,operator:"length",param:null,value:p[r]};const v=r,g=p[r];return{target:t,operator:n==="children"?"hasChildren":n==="parent"?"hasParent":"hasSibling",param:v,value:g}}):[]}function d(n,p){if(c.has(n.operator)){const t=c.get(n.operator);return t&&t(n.target,n.param,n.value,p)||!1}return!1}function b(n,p){return Object.keys(n).reduce((g,A)=>{const $=h(A,n[A]);return g.push(...$),g},[]).reduce((g,A)=>g&&d(A,p),!0)}function P(n,p){const t=Object.keys(n),r=t.includes("allOf"),v=t.includes("anyOf"),g=r||v,y=(g?n[g?r?"allOf":"anyOf":"allOf"]:[n]).map(C=>b(C,p));return r?!y.includes(!1):y.includes(!0)}function i(n,p){const t=n.const;return t?typeof t=="boolean"?t:typeof t=="object"?P(t,p):!1:!1}function u(n){return p=>{const t={canAccept:!0,fixed:!1,hidePadding:!1};return n&&n.properties&&Object.keys(n.properties).reduce((r,v)=>{const g=n.properties[v];return r[v]=i(g,p),r},t),t}}function l(n,p,t){if(p.type==="object"&&p.properties){const{rules:r,contents:v}=p.properties;t.set(n,u(r)),v&&Object.keys(v.properties).forEach(g=>l(g,v.properties[g],t))}}function f(){const{properties:n}=oe;Object.keys(n).forEach(p=>{l(p,n[p],B)})}function j(n,p){const t={canAccept:!0,fixed:!1,hidePadding:!0};return B.has(n)?B.get(n)(p):t}return f(),{getRuleValue:j}}function re(a){const e=ne();let o=!1,s,c=!1;const h=!1;function d(){return!1}function b(){return h||!c}function P(){return!c}function i(){var V,O;c=!1;const l=a.schema,f=l.appearance&&l.appearance.class||"",j=f.split(" "),n=l.contents||[],p=n.length?n[0]:null,t=p&&p.appearance?p.appearance.class:"",r=t?t.split(" "):[],v=n.length?n.reduce((M,F)=>{const W=F&&F.appearance?F.appearance.class:"",ie=W?W.split(" "):[];return M.push(...ie),M},[]):[];if(((O=(V=a.parent)==null?void 0:V.schema)==null?void 0:O.type)!=="component-ref"){o=!0,c=!0;return}const g=a.parent.parent,A=g&&g.schema,$=A&&A.appearance?A.appearance.class:"",y=$?$.split(" "):[];s={componentClass:f,componentClassList:j,childContents:n,firstChildContent:p,firstChildClass:t,firstChildClassList:r,parent:A,parentClass:$,parentClassList:y,children:n,childrenClassList:v};const{canAccept:w,fixed:C,hidePadding:T}=e.getRuleValue(j[0],s);o=T,c=C}function u(){return o}return{canAccepts:d,checkCanDeleteComponent:b,checkCanMoveComponent:P,resolveComponentContext:i,hideNestedPaddingInDesginerView:u}}function ae(a,e){const o=m.ref(a.width),s=m.ref(a.height);let c;m.watch(e,d=>{d&&(o.value=d.clientWidth,c=new ResizeObserver(b=>{if(!b||b.length<1)return;const i=b[0].contentRect;i&&(o.value=i.width)}),c.observe(d))});function h(){c&&c.disconnect()}return{destory:h,width:o,height:s}}const ce=m.defineComponent({name:"FVideoDesign",props:N,setup(a,e){var i;const o=m.ref(),s=m.inject("design-item-context"),c=re(s.schema,(i=s.parent)==null?void 0:i.schema),h=te(o,s,c),{width:d,height:b,destory:P}=ae(a,o);return m.onMounted(()=>{o.value.componentInstance=h}),m.onUnmounted(()=>{P()}),e.expose(h.value),()=>m.createVNode("div",{ref:o,class:"drag-container","data-dragref":`${s.schema.id}-container`},[m.createVNode("video",{src:a.src,autoplay:a.autoplay,controls:a.controls,loop:a.loop,muted:a.muted,width:d.value,height:b.value},[m.createTextVNode("Your browser does not support the video tag.")])])}}),se={install(a){a.component(E.name,E)},register(a,e,o,s){a.video=E,e.video=k},registerDesigner(a,e,o){a.video=ce,e.video=k}};D.FVideo=E,D.default=se,D.propsResolver=k,D.videoProps=N,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});