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

package/components/layout/index.umd.cjs

@@ -1 +1 @@
-(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P.layout={},P.Vue,P.dynamicResolver,P.common,P.designerCanvas))})(this,function(P,e,M,E,N){"use strict";const q=new Map([["appearance",M.resolveAppearance]]);function D(t,u,l){return u}const W={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout.schema.json",title:"layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for layout component",type:"string"},type:{description:"The type string of layout component",type:"string",default:"layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},collapsable:{description:"",type:"boolean",default:!1},resizable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},Y={title:"layout",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}},behavior:{description:"Basic Infomation",title:"行为",properties:{collapsable:{description:"",title:"可收折",type:"boolean"},resizable:{description:"",title:"可调整尺寸",type:"boolean"}}}}},w={customStyle:{type:String,defaut:""},customClass:{type:String,defaut:""}},V=M.createPropsResolver(w,W,q,D,Y);function A(t){const u=e.ref(-1),l=e.ref(-1),f=e.ref(0),v=e.ref(0),p=e.ref(!1),m=e.ref(!1),z=e.computed(()=>({display:p.value?"block":"none",left:`${f.value}px`,cursor:"e-resize"})),R=e.computed(()=>({display:m.value?"block":"none",top:`${v.value}px`,cursor:"n-resize"})),c=e.computed(()=>{const a={display:m.value||p.value?"block":"none"};return v.value>0&&(a.cursor="n-resize"),a});function $(a,o,s,r){const h=t.value;if(h){const{left:n,right:i,width:C}=h.getBoundingClientRect();let d=a.clientX-n;r==="right"&&(d=i-a.clientX),d>o&&(d=o),d<s&&(d=s),r==="right"&&(d=C-d),f.value=d}}function b(a,o,s,r){const h=t.value;if(h){const{top:n,bottom:i,height:C}=h.getBoundingClientRect();let d=a.clientY-n;r==="bottom"&&(d=i-a.clientY),d>o&&(d=o),d<s&&(d=s),r==="bottom"&&(d=C-d),v.value=d}}function x(){const a=t.value;if(a){const{width:o,height:s}=a.getBoundingClientRect();return{width:o,height:s}}return null}function j(){const a=t.value;return a?Array.from(a.querySelectorAll("[data-position]")).reduce((o,s)=>{const r=s.getAttribute("data-position");return o=Object.assign(o,{[r]:s}),o},{}):null}function B(a,o){const s=x(),r=j();if(s&&r){const h=r==null?void 0:r.right,n=r==null?void 0:r.left;if(a==="left"&&n)return h?s.width-h.clientWidth-o:s.width-o;if(a==="right"&&h)return n?s.width-n.clientWidth-o:s.width-o}}function g(a,o){const s=x(),r=j();if(s&&r){const h=r==null?void 0:r.bottom,n=r==null?void 0:r.top;if(a==="top"&&n)return h?s.height-h.clientHeight-o:s.height-o;if(a==="bottom"&&h)return n?s.height-n.clientHeight-o:s.height-o}}return{horizontalResizeHandleStyle:z,verticalResizeHandleStyle:R,resizeOverlayStyle:c,showHorizontalResizeHandle:p,showVerticalResizeHandle:m,horizontalResizeBarPosition:u,verticalResizeBarPosition:l,verticalResizeHandleOffset:v,horizontalResizeHandleOffset:f,draggingHorizontalResizeHandle:$,draggingVerticalResizeHandle:b,getPanelMaxHeight:g,getPanelMaxWidth:B}}const S=e.defineComponent({name:"FLayout",props:w,emits:[],setup(t,u){const l=e.ref(),f=A(l),{horizontalResizeHandleStyle:v,verticalResizeHandleStyle:p,resizeOverlayStyle:m}=f;e.provide("layout",{useResizeHandleComposition:f});const z=e.computed(()=>{const c={"f-layout":!0};return E.getCustomClass(c,t==null?void 0:t.customClass)}),R=e.computed(()=>{const c={};return E.getCustomStyle(c,t==null?void 0:t.customStyle)});return()=>e.createVNode("div",{class:z.value,style:R.value,ref:l},[u.slots.default&&u.slots.default(),e.createVNode("div",{class:"f-layout-resize-overlay",style:m.value},null),e.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:v.value},null),e.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:p.value},null)])}}),X={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout-pane.schema.json",title:"layout-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a layout pane",type:"string"},type:{description:"The type string of layout paney",type:"string",default:"layout-pane"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},collapsable:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},height:{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizeable:{description:"",type:"boolean",default:!0},width:{description:"",type:"number"},visible:{description:"",type:"number",default:!0}},required:["id","type","contents"]},_={title:"layout-pane",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"enum"},width:{description:"",type:"number",title:"宽度"},height:{description:"",type:"number",title:"高度"}}},appearance:{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:""},style:{title:"style",type:"string",description:""}}},behavior:{description:"",title:"行为",properties:{collapsable:{description:"",type:"boolean",title:"允许收折"},position:{description:"",type:"enum",title:"位置",editor:{type:"combo-list",data:[{id:"left",name:"左侧"},{id:"center",name:"居中"},{id:"right",name:"右侧"},{id:"top",name:"顶部"},{id:"bottom",name:"底部"}]}},resizeable:{description:"",type:"boolean",title:"允许调整尺寸"},visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}}}},k={customClass:{type:String,defaut:""},customStyle:{type:String,defaut:""},width:{type:Number,default:-1},height:{type:Number,default:-1},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:100},minHeight:{type:Number,default:100}},T=M.createPropsResolver(k,X,q,D,_);function I(t,u,l,f,v){const{horizontalResizeBarPosition:p,horizontalResizeHandleOffset:m,showHorizontalResizeHandle:z,showVerticalResizeHandle:R,verticalResizeBarPosition:c,verticalResizeHandleOffset:$,draggingHorizontalResizeHandle:b,draggingVerticalResizeHandle:x,getPanelMaxHeight:j,getPanelMaxWidth:B}=v;let g="",a,o,s;function r(i){if((g==="left"||g==="right")&&o){const{left:C}=o.getBoundingClientRect(),{width:d}=a.getBoundingClientRect(),O=i.clientX-C;let y=g==="left"?(d||0)+(O-p.value):(d||0)-(O-p.value);y=l.value>0?Math.max(l.value,y):y;const H=B(g,l.value);H!=null&&(y=H>y?y:H),t.value=y}if((g==="top"||g==="bottom")&&o){const{top:C}=o.getBoundingClientRect(),{height:d}=a.getBoundingClientRect(),O=i.clientY-C;let y=g==="top"?(d||0)+(O-c.value):(d||0)-(O-c.value);y=f.value>0?Math.max(f.value,y):y;const H=j(g,f.value);H!=null&&(y=H>y?y:H),u.value=y}m.value=0,$.value=0,p.value=-1,c.value=-1,z.value=!1,R.value=!1,document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",r),document.body.style.userSelect="",g="",a=null,o=null}function h(i,C,d){if(g=C,a=d,z.value=!0,o=i.composedPath().find(y=>(y.className||"").split(" ")[0]==="f-layout"),o){const{left:y}=o.getBoundingClientRect(),H=i.clientX-y;m.value=H,p.value=H;const F=B(g,l.value)||0;s=U=>b(U,F,l.value,g),document.addEventListener("mousemove",s),document.addEventListener("mouseup",r),document.body.style.userSelect="none"}}function n(i,C,d){if(g=C,a=d,R.value=!0,o=i.composedPath().find(y=>(y.className||"").split(" ")[0]==="f-layout"),o){const{top:y}=o.getBoundingClientRect();$.value=i.clientY-y,c.value=i.clientY-y;const H=j(g,f.value)||0;s=F=>x(F,H,f.value,g),document.addEventListener("mousemove",s),document.addEventListener("mouseup",r),document.body.style.userSelect="none"}}return{onClickHorizontalResizeBar:h,onClickVerticalResizeBar:n}}const L=e.defineComponent({name:"FLayoutPane",props:k,emits:[],setup(t,u){const l=e.ref(t.minHeight<=0?100:t.minHeight),f=e.ref(t.minWidth<=0?100:t.minWidth),v=e.ref(t.width<=0?100:t.width),p=e.ref(t.height<=0?100:t.height),m=e.ref(Math.max(l.value,p.value)),z=e.ref(Math.max(f.value,v.value)),R=e.ref(),c=e.ref(t.position),$=e.ref(t.resizable);e.watch(()=>t.resizable,n=>{$.value=n});const b=e.inject("layout"),{useResizeHandleComposition:x}=b,j=I(z,m,f,l,x),{onClickHorizontalResizeBar:B,onClickVerticalResizeBar:g}=j,a=e.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":c.value==="left","f-layout-resize-bar-n":c.value==="bottom","f-layout-resize-bar-s":c.value==="top","f-layout-resize-bar-w":c.value==="right"})),o=e.computed(()=>c.value!=="center"&&$.value);function s(n,i){(i==="left"||i==="right")&&B(n,i,R.value),(i==="top"||i==="bottom")&&g(n,i,R.value)}const r=e.computed(()=>{const n={"f-layout-pane":!0,"f-page-content-nav":c.value==="left"||c.value==="right","f-page-content-main":c.value==="center"};return t.customClass&&String(t.customClass).split(" ").reduce((i,C)=>(i[C]=!0,i),n),n}),h=e.computed(()=>{const n={};return(z.value&&c.value==="left"||c.value==="right")&&(n.width=`${z.value}px`),(m.value&&c.value==="bottom"||c.value==="top")&&(n.height=`${m.value}px`),t.visible||(n.display="none"),n});return()=>e.createVNode("div",{ref:R,class:r.value,style:h.value,"data-position":c.value},[u.slots.default&&u.slots.default(),o.value&&e.createVNode("span",{class:a.value,onMousedown:n=>s(n,c.value)},null)])}});function G(t,u){function l(){return!1}return{canAccepts:l}}const J=e.defineComponent({name:"FLayoutDesign",props:w,emits:[],setup(t,u){var $;const l=e.ref(),f=e.inject("design-item-context"),v=G(f.schema,($=f.parent)==null?void 0:$.schema),p=N.useDesignerComponent(l,f,v);p.value.canNested=!1;const m=A(l),{horizontalResizeHandleStyle:z,verticalResizeHandleStyle:R,resizeOverlayStyle:c}=m;return e.provide("layout",{useResizeHandleComposition:m}),e.onMounted(()=>{l.value.componentInstance=p}),u.expose(p.value),()=>e.createVNode("div",{class:"f-layout f-page-content",ref:l},[u.slots.default&&u.slots.default(),e.createVNode("div",{class:"f-layout-resize-overlay",style:c.value},null),e.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:z.value},null),e.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:R.value},null)])}});function K(t,u){const l=t.schema;function f(p){return!!N.useDragulaCommonRule().basalDragulaRuleForContainer(p)}function v(){const p=["f-layout-pane"];return(l.position==="left"||l.position==="right")&&p.push("f-page-content-nav"),l.position==="center"&&p.push("f-page-content-main"),p.join(" ")}return{canAccepts:f,getDesignerClass:v}}const Q=e.defineComponent({name:"FLayoutPaneDesign",props:k,emits:[],setup(t,u){const l=e.ref(),f=e.ref();e.inject("designer-host-service");const v=e.inject("design-item-context"),p=K(v),m=N.useDesignerComponent(f,v,p);m.value.canNested=!1,m.value.canMove=!1,m.value.canDelete=!1,e.onMounted(()=>{f.value.componentInstance=m}),u.expose(m.value);const z=e.ref(Math.max(t.minHeight,t.height)),R=e.ref(Math.max(t.minWidth,t.width)),c=e.ref(t.minHeight),$=e.ref(t.minWidth),b=e.ref(t.position),x=e.inject("layout"),{useResizeHandleComposition:j}=x,B=I(R,z,$,c,j),{onClickHorizontalResizeBar:g,onClickVerticalResizeBar:a}=B,o=e.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":b.value==="left","f-layout-resize-bar-n":b.value==="bottom","f-layout-resize-bar-s":b.value==="top","f-layout-resize-bar-w":b.value==="right"}));function s(n,i){(i==="left"||i==="right")&&g(n,i,l.value),(i==="top"||i==="bottom")&&a(n,i,l.value)}const r=e.computed(()=>{const n={"f-layout-pane":!0,"f-page-content-nav":b.value==="left"||b.value==="right","f-page-content-main":b.value==="center"};return t.customClass&&String(t.customClass).split(" ").reduce((i,C)=>(i[C]=!0,i),n),n}),h=e.computed(()=>{const n={flex:"1"};return(R.value&&b.value==="left"||b.value==="right")&&(n.width=`${R.value}px`),(z.value&&b.value==="bottom"||b.value==="top")&&(n.height=`${z.value}px`),n});return()=>e.createVNode("div",{ref:l,class:r.value,style:h.value},[e.createVNode("div",{ref:f,class:"drag-container","data-dragref":`${v.schema.id}-container`},[u.slots.default&&u.slots.default()]),e.createVNode("span",{class:o.value,onMousedown:n=>s(n,b.value)},null)])}});S.install=t=>{t.component(S.name,S),t.component(L.name,L)},S.register=(t,u,l,f)=>{t.layout=S,u.layout=V,t["layout-pane"]=L,u["layout-pane"]=T},S.registerDesigner=(t,u,l)=>{t.layout=J,u.layout=V,t["layout-pane"]=Q,u["layout-pane"]=T},P.FLayout=S,P.FLayoutPane=L,P.default=S,P.layoutProps=w,P.layoutPropsResolver=V,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.layout={},g.Vue,g.common))})(this,function(g,e,k){"use strict";const E={customStyle:{type:String,defaut:""},customClass:{type:String,defaut:""}};function N(l){const C=e.ref(-1),m=e.ref(-1),y=e.ref(0),R=e.ref(0),v=e.ref(!1),z=e.ref(!1),p=e.computed(()=>({display:v.value?"block":"none",left:`${y.value}px`,cursor:"e-resize"})),P=e.computed(()=>({display:z.value?"block":"none",top:`${R.value}px`,cursor:"n-resize"})),u=e.computed(()=>{const n={display:z.value||v.value?"block":"none"};return R.value>0&&(n.cursor="n-resize"),n});function H(n,t,o,a){const d=l.value;if(d){const{left:i,right:r,width:h}=d.getBoundingClientRect();let s=n.clientX-i;a==="right"&&(s=r-n.clientX),s>t&&(s=t),s<o&&(s=o),a==="right"&&(s=h-s),y.value=s}}function j(n,t,o,a){const d=l.value;if(d){const{top:i,bottom:r,height:h}=d.getBoundingClientRect();let s=n.clientY-i;a==="bottom"&&(s=r-n.clientY),s>t&&(s=t),s<o&&(s=o),a==="bottom"&&(s=h-s),R.value=s}}function B(){const n=l.value;if(n){const{width:t,height:o}=n.getBoundingClientRect();return{width:t,height:o}}return null}function S(){const n=l.value;return n?Array.from(n.querySelectorAll("[data-position]")).reduce((t,o)=>{const a=o.getAttribute("data-position");return t=Object.assign(t,{[a]:o}),t},{}):null}function w(n,t){const o=B(),a=S();if(o&&a){const d=a==null?void 0:a.right,i=a==null?void 0:a.left;if(n==="left"&&i)return d?o.width-d.clientWidth-t:o.width-t;if(n==="right"&&d)return i?o.width-i.clientWidth-t:o.width-t}}function f(n,t){const o=B(),a=S();if(o&&a){const d=a==null?void 0:a.bottom,i=a==null?void 0:a.top;if(n==="top"&&i)return d?o.height-d.clientHeight-t:o.height-t;if(n==="bottom"&&d)return i?o.height-i.clientHeight-t:o.height-t}}return{horizontalResizeHandleStyle:p,verticalResizeHandleStyle:P,resizeOverlayStyle:u,showHorizontalResizeHandle:v,showVerticalResizeHandle:z,horizontalResizeBarPosition:C,verticalResizeBarPosition:m,verticalResizeHandleOffset:R,horizontalResizeHandleOffset:y,draggingHorizontalResizeHandle:H,draggingVerticalResizeHandle:j,getPanelMaxHeight:f,getPanelMaxWidth:w}}const L=e.defineComponent({name:"FLayout",props:E,emits:[],setup(l,C){const m=e.ref(),y=N(m),{horizontalResizeHandleStyle:R,verticalResizeHandleStyle:v,resizeOverlayStyle:z}=y;e.provide("layout",{useResizeHandleComposition:y});const p=e.computed(()=>{const u={"f-layout":!0};return k.getCustomClass(u,l==null?void 0:l.customClass)}),P=e.computed(()=>{const u={};return k.getCustomStyle(u,l==null?void 0:l.customStyle)});return()=>e.createVNode("div",{class:p.value,style:P.value,ref:m},[C.slots.default&&C.slots.default(),e.createVNode("div",{class:"f-layout-resize-overlay",style:z.value},null),e.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:R.value},null),e.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:v.value},null)])}}),V={customClass:{type:String,defaut:""},customStyle:{type:String,defaut:""},width:{type:Number,default:-1},height:{type:Number,default:-1},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:100},minHeight:{type:Number,default:100}};function T(l,C,m,y,R){const{horizontalResizeBarPosition:v,horizontalResizeHandleOffset:z,showHorizontalResizeHandle:p,showVerticalResizeHandle:P,verticalResizeBarPosition:u,verticalResizeHandleOffset:H,draggingHorizontalResizeHandle:j,draggingVerticalResizeHandle:B,getPanelMaxHeight:S,getPanelMaxWidth:w}=R;let f="",n,t,o;function a(r){if((f==="left"||f==="right")&&t){const{left:h}=t.getBoundingClientRect(),{width:s}=n.getBoundingClientRect(),O=r.clientX-h;let c=f==="left"?(s||0)+(O-v.value):(s||0)-(O-v.value);c=m.value>0?Math.max(m.value,c):c;const b=w(f,m.value);b!=null&&(c=b>c?c:b),l.value=c}if((f==="top"||f==="bottom")&&t){const{top:h}=t.getBoundingClientRect(),{height:s}=n.getBoundingClientRect(),O=r.clientY-h;let c=f==="top"?(s||0)+(O-u.value):(s||0)-(O-u.value);c=y.value>0?Math.max(y.value,c):c;const b=S(f,y.value);b!=null&&(c=b>c?c:b),C.value=c}z.value=0,H.value=0,v.value=-1,u.value=-1,p.value=!1,P.value=!1,document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",a),document.body.style.userSelect="",f="",n=null,t=null}function d(r,h,s){if(f=h,n=s,p.value=!0,t=r.composedPath().find(c=>(c.className||"").split(" ")[0]==="f-layout"),t){const{left:c}=t.getBoundingClientRect(),b=r.clientX-c;z.value=b,v.value=b;const M=w(f,m.value)||0;o=F=>j(F,M,m.value,f),document.addEventListener("mousemove",o),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}function i(r,h,s){if(f=h,n=s,P.value=!0,t=r.composedPath().find(c=>(c.className||"").split(" ")[0]==="f-layout"),t){const{top:c}=t.getBoundingClientRect();H.value=r.clientY-c,u.value=r.clientY-c;const b=S(f,y.value)||0;o=M=>B(M,b,y.value,f),document.addEventListener("mousemove",o),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}return{onClickHorizontalResizeBar:d,onClickVerticalResizeBar:i}}const x=e.defineComponent({name:"FLayoutPane",props:V,emits:[],setup(l,C){const m=e.ref(l.minHeight<=0?100:l.minHeight),y=e.ref(l.minWidth<=0?100:l.minWidth),R=e.ref(l.width<=0?100:l.width),v=e.ref(l.height<=0?100:l.height),z=e.ref(Math.max(m.value,v.value)),p=e.ref(Math.max(y.value,R.value)),P=e.ref(),u=e.ref(l.position),H=e.ref(l.resizable);e.watch(()=>l.resizable,i=>{H.value=i});const j=e.inject("layout"),{useResizeHandleComposition:B}=j,S=T(p,z,y,m,B),{onClickHorizontalResizeBar:w,onClickVerticalResizeBar:f}=S,n=e.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":u.value==="left","f-layout-resize-bar-n":u.value==="bottom","f-layout-resize-bar-s":u.value==="top","f-layout-resize-bar-w":u.value==="right"})),t=e.computed(()=>u.value!=="center"&&H.value);function o(i,r){(r==="left"||r==="right")&&w(i,r,P.value),(r==="top"||r==="bottom")&&f(i,r,P.value)}const a=e.computed(()=>{const i={"f-layout-pane":!0,"f-page-content-nav":u.value==="left"||u.value==="right","f-page-content-main":u.value==="center"};return l.customClass&&String(l.customClass).split(" ").reduce((r,h)=>(r[h]=!0,r),i),i}),d=e.computed(()=>{const i={};return(p.value&&u.value==="left"||u.value==="right")&&(i.width=`${p.value}px`),(z.value&&u.value==="bottom"||u.value==="top")&&(i.height=`${z.value}px`),l.visible||(i.display="none"),i});return()=>e.createVNode("div",{ref:P,class:a.value,style:d.value,"data-position":u.value},[C.slots.default&&C.slots.default(),t.value&&e.createVNode("span",{class:n.value,onMousedown:i=>o(i,u.value)},null)])}});L.install=l=>{l.component(L.name,L),l.component(x.name,x)},g.FLayout=L,g.FLayoutPane=x,g.default=L,g.layoutPaneProps=V,g.layoutProps=E,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});