@farris/ui-vue 1.3.1 → 1.3.3

package/components/splitter/index.umd.cjs

@@ -1 +1 @@
-(function(S,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],s):(S=typeof globalThis<"u"?globalThis:S||self,s(S.splitter={},S.Vue,S.LodashES))})(this,function(S,s,$){"use strict";const V={},F={};function B(t){const{properties:e,title:n,ignore:i}=t,o=i&&Array.isArray(i),r=Object.keys(e).reduce((a,y)=>((!o||!i.find(b=>b==y))&&(a[y]=e[y].type==="object"&&e[y].properties?B(e[y]):$.cloneDeep(e[y].default)),a),{});return n&&(!o||!i.find(a=>a=="id"))&&(r.id=`${n}-${Date.now()}`),r}function A(t,e={},n){const i=V[t];if(i){let o=B(i);const r=F[t];return o=r?r({getSchemaByType:A},o,e,n):o,o}return null}function U(t,e){const n=B(e);return Object.keys(t).reduce((i,o)=>(i[o]&&$.isPlainObject(i[o])&&$.isPlainObject(t[o])?Object.assign(i[o],t[o]):i[o]=t[o],i),n),n}function J(t,e){return Object.keys(t).filter(i=>t[i]!=null).reduce((i,o)=>{if(e.has(o)){const r=e.get(o);if(typeof r=="string")i[r]=t[o];else{const a=r(o,t[o],t);Object.assign(i,a)}}else i[o]=t[o];return i},{})}function Q(t,e,n=new Map){const i=U(t,e);return J(i,n)}function Z(t={}){function e(c,p,m,l){if(typeof m=="number")return l[c].length===m;if(typeof m=="object"){const f=Object.keys(m)[0],h=m[f];if(f==="not")return Number(l[c].length)!==Number(h);if(f==="moreThan")return Number(l[c].length)>=Number(h);if(f==="lessThan")return Number(l[c].length)<=Number(h)}return!1}function n(c,p,m,l){return l[c]&&l[c].propertyValue&&String(l[c].propertyValue.value)===String(m)}const i=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((c,p)=>(c.set(p,t[p]),c),i);function o(c,p){const m=c;return typeof p=="number"?[{target:m,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:m,operator:"getProperty",param:c,value:!!p}]:typeof p=="object"?Object.keys(p).map(l=>{if(l==="length")return{target:m,operator:"length",param:null,value:p[l]};const f=l,h=p[l];return{target:m,operator:"getProperty",param:f,value:h}}):[]}function r(c){return Object.keys(c).reduce((m,l)=>{const f=o(l,c[l]);return m.push(...f),m},[])}function a(c,p){if(i.has(c.operator)){const m=i.get(c.operator);return m&&m(c.target,c.param,c.value,p)||!1}return!1}function y(c,p){return r(c).reduce((f,h)=>f&&a(h,p),!0)}function b(c,p){const m=Object.keys(c),l=m.includes("allOf"),f=m.includes("anyOf"),h=l||f,P=(h?c[h?l?"allOf":"anyOf":"allOf"]:[c]).map(d=>y(d,p));return l?!P.includes(!1):P.includes(!0)}return{parseValueSchema:b}}const T={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},x={},K={};Z();function E(t,e,n=new Map,i=(a,y,b)=>y,o={},r=a=>a){return V[e.title]=e,F[e.title]=i,x[e.title]=o,K[e.title]=r,(a={})=>{const y=Q(a,e,n),b=Object.keys(t).reduce((c,p)=>(c[p]=t[p].default,c),{});return Object.assign(b,y)}}function W(t,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",W]]);function ee(t,e,n){const i=t.getSchemaByType("splitter-pane");return i.appearance={class:"f-col-w6 f-page-content-nav"},i.position="left",e.contents.unshift(i),e}function te(t,e,n){const i=t.getSchemaByType("splitter-pane");return i.appearance={class:"f-page-content-main"},i.position="main",e.contents.push(i),e}function ne(t,e,n){const i=n.parentComponentInstance;return String(i.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),ee(t,e),te(t,e),e}const ie={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter.schema.json",title:"splitter",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},direction:{description:"",type:"string",default:"row",enum:["column","row"]}}},oe={title:"splitter",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:"select",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"splitter",value:"分栏面板"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}}}}},O={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"row"}},H=E(O,ie,I,ne,oe);function q(t){const e=s.ref(-1),n=s.ref(-1),i=s.ref(0),o=s.ref(0),r=s.ref(!1),a=s.ref(!1),y=s.computed(()=>({display:r.value?"block":"none",left:`${i.value}px`})),b=s.computed(()=>({display:a.value?"block":"none",top:`${o.value}px`})),c=s.computed(()=>({display:a.value||r.value?"block":"none"}));function p(l){const f=t.value;if(f){const{left:h}=f.getBoundingClientRect();i.value=l.clientX-h}}function m(l){const f=t.value;if(f){const{top:h}=f.getBoundingClientRect();o.value=l.clientY-h}}return{horizontalResizeHandleStyle:y,verticalResizeHandleStyle:b,resizeOverlayStyle:c,showHorizontalResizeHandle:r,showVerticalResizeHandle:a,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:o,horizontalResizeHandleOffset:i,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:m}}const ae=["moz","ms","webkit"];function re(){let t=0;return e=>{const n=new Date().getTime(),i=Math.max(0,16-(n-t)),o=setTimeout(()=>{e(n+i)},i);return t=n+i,o}}function se(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:re()}se();function L(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((i,o)=>(o&&(i[o]=!0),i),t),t}function j(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((i,o)=>{if(o){const r=o.split(":");i[r[0]]=r[1]}return i},t),t}const M=s.defineComponent({name:"FSplitter",props:O,emits:[],setup(t,e){const n=s.ref(),i=q(n),{horizontalResizeHandleStyle:o,verticalResizeHandleStyle:r,resizeOverlayStyle:a}=i;s.provide("splitter",{useResizeHandleComposition:i});const y=s.computed(()=>L({"f-splitter":!0},t==null?void 0:t.customClass)),b=s.computed(()=>{const c={"flex-direction":t.direction==="row"?"row":"column"};return j(c,t==null?void 0:t.customStyle)});return()=>s.createVNode("div",{class:y.value,ref:n,style:b.value},[e.slots.default&&e.slots.default(),s.createVNode("div",{class:"f-splitter-resize-overlay",style:a.value},null),s.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:o.value},null),s.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:r.value},null)])}}),le=new Map([["appearance",W]]),ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter-pane.schema.json",title:"splitter-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter-pane"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"strnumbering"}},default:{}},collapsable:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},"min-height":{description:"",type:"number"},"min-width":{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizable:{description:"",type:"boolean",default:!1},visible:{description:"",type:"number",default:!0}}},pe={title:"splitter-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:"select",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"splitter-pane",value:"分栏面板项"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},width:{description:"组件的宽度",title:"宽度（px）",type:"number"},height:{description:"组件的高度",title:"高度（px）",type:"number"},minWidth:{description:"面板最小宽度",title:"最小宽度（px）",type:"number"},minHeight:{description:"面板最小高度",title:"最小高度（px）",type:"number"}}},behavior:{description:"",title:"行为",properties:{position:{description:"",title:"位置",editor:{type:"combo-list",idField:"value",valueField:"value",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}}}}}},N={customClass:{type:String,defaut:""},customStyle:{type:String,default:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!1},resizeHandle:{type:String,default:""},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:0},minHeight:{type:Number,default:0}},G=E(N,ce,le,void 0,pe);function X(t,e){const n=s.ref(t.width),i=s.ref(t.height),{horizontalResizeBarPosition:o,horizontalResizeHandleOffset:r,showHorizontalResizeHandle:a,showVerticalResizeHandle:y,verticalResizeBarPosition:b,verticalResizeHandleOffset:c,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:m}=e;let l="",f,h;function C(u){if((l==="left"||l==="right")&&h){const{left:d}=h.getBoundingClientRect(),{width:z}=f.getBoundingClientRect(),v=u.clientX-d,g=l==="left"?(z||0)+(v-o.value):(z||0)-(v-o.value);n.value=t.minWidth>0?Math.max(t.minWidth,g):g}if((l==="top"||l==="bottom")&&h){const{top:d}=h.getBoundingClientRect(),{height:z}=f.getBoundingClientRect(),v=u.clientY-d,g=l==="top"?(z||0)+(v-b.value):(z||0)-(v-b.value);i.value=t.minHeight>0?Math.max(t.minHeight,g):g}r.value=0,c.value=0,o.value=-1,b.value=-1,a.value=!1,y.value=!1,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",C),document.body.style.userSelect="",l="",f=null,h=null}function w(u,d,z){if(l=d,f=z,a.value=!0,h=u.composedPath().find(g=>g.className.split(" ")[0]==="f-splitter"),h){const{left:g}=h.getBoundingClientRect();r.value=u.clientX-g,o.value=u.clientX-g,document.addEventListener("mousemove",p),document.addEventListener("mouseup",C),document.body.style.userSelect="none"}}function P(u,d,z){if(l=d,f=z,y.value=!0,h=u.composedPath().find(g=>g.className.split(" ")[0]==="f-splitter"),h){const{top:g}=h.getBoundingClientRect();c.value=u.clientY-g,b.value=u.clientY-g,document.addEventListener("mousemove",m),document.addEventListener("mouseup",C),document.body.style.userSelect="none"}}return{actualWidth:n,actualHeight:i,onClickSplitterHorizontalResizeBar:w,onClickSplitterVerticalResizeBar:P}}const k=s.defineComponent({name:"FSplitterPane",props:N,emits:[],setup(t,e){const n=s.ref(),i=s.inject("splitter"),{useResizeHandleComposition:o}=i,r=X(t,o),{actualHeight:a,actualWidth:y,onClickSplitterHorizontalResizeBar:b,onClickSplitterVerticalResizeBar:c}=r,p=s.ref(t.position),m=s.computed(()=>{const u={"f-splitter-pane":!0,"f-splitter-pane-main":p.value==="center","has-resize-bar":t.resizable};return u["f-splitter-pane-"+p.value]=!0,L(u,t==null?void 0:t.customClass)}),l=s.computed(()=>{const u={};return(y.value&&p.value==="left"||p.value==="right"||f.value.find(d=>d=="e")||f.value.find(d=>d=="w"))&&(u.width=`${y.value}px`),(a.value&&p.value==="bottom"||p.value==="top"||f.value.find(d=>d=="s")||f.value.find(d=>d=="n"))&&(u.height=`${a.value}px`),j(u,t==null?void 0:t.customStyle)}),f=s.computed(()=>t.resizeHandle?t.resizeHandle.split(",").filter(u=>["e","n","s","w"].find(d=>d==u)):[]),h=s.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":p.value==="left","f-splitter-resize-bar-n":p.value==="bottom","f-splitter-resize-bar-s":p.value==="top","f-splitter-resize-bar-w":p.value==="right"}));function C(u,d){d=w(d),["left","right"].find(z=>z==d)&&b(u,d,n.value),["top","bottom"].find(z=>z==d)&&c(u,d,n.value)}function w(u){return{e:"left",w:"right",s:"top",n:"bottom"}[u]||u}function P(){return f.value.length>0?f.value.map(u=>s.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+u,onMousedown:d=>C(d,u)},null)):s.createVNode("span",{class:h.value,onMousedown:u=>C(u,p.value)},null)}return()=>s.createVNode("div",{ref:n,class:m.value,style:l.value},[e.slots.default&&e.slots.default(),t.resizable&&P()])}});function Y(t,e,n){var z;function i(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}i();const o=n&&n.getStyles&&n.getStyles()||"",r=n&&n.getDesignerClass&&n.getDesignerClass()||"",a=s.ref();function y(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function b(){return!1}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function m(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const g=s.ref(v==null?void 0:v.value.parent),R=m(g);return R||null}function l(v=e){const{componentInstance:g,designerItemElementRef:R}=v;return!g||!g.value?null:g.value.canMove?R:l(v.parent)}function f(v){return!!n&&n.canAccepts(v)}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function C(){}function w(v,g){g&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(g)}function P(v,g){const{componentType:R}=v;let D=A(R,v,g);n&&n.onResolveNewComponentSchema&&(D=n.onResolveNewComponentSchema(v,D));const be=R.toLowerCase().replace("-","_");return D&&!D.id&&D.type===R&&(D.id=`${be}_${Math.random().toString().slice(2,6)}`),D}function u(v){}function d(...v){if(n&&n.getPropsConfig)return n.getPropsConfig(...v)}return a.value={canMove:y(),canSelectParent:b(),canDelete:c(),canNested:!p(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:o,designerClass:r,canAccepts:f,getBelongedComponentInstance:m,getDraggableDesignItemElement:l,getDraggingDisplayText:h,getPropConfig:d,getDragScopeElement:C,onAcceptMovedChildElement:w,onChildElementMovedOut:u,addNewChildComponentSchema:P,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||s.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||s.ref(!1)},a}class _{getTemplateRule(e,n){const i=n==null?void 0:n.formSchemaUtils,o=i==null?void 0:i.getFormTemplateRule(),r={canAccept:!0,canDelete:!0,canMove:!0};if(!o)return r;const a=this.getComponentContext(e);return a.componentClassList.forEach(b=>{if(!b||!o[b])return;const{canMove:c,canDelete:p,canAccept:m}=o[b];r.canMove=r.canMove&&this.resolveRuleValue(c,a),r.canDelete=r.canDelete&&this.resolveRuleValue(p,a),r.canAccept=r.canAccept&&this.resolveRuleValue(m,a)}),r}resolveRuleValue(e,n){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,n)}parseRuleValueSchema(e,n){const i=e.invalidContext||[];let o=!0;for(const r of i){if(r.firstLevelChild){if(r.firstLevelChild.class){const a=n.firstLevelChildClassList;if(a&&!a.includes(r.firstLevelChild.class)){o=!1;continue}}if(r.firstLevelChild.type){const a=n.firstLevelChildSchema;if(a&&a.type!==r.firstLevelChild.type){o=!1;continue}}}if(r.secondLevelChild){if(r.secondLevelChild.class){const a=n.secondLevelChildClassList;if(a&&!a.includes(r.secondLevelChild.class)){o=!1;continue}}if(r.secondLevelChild.type){const a=n.secondLevelChildSchema;if(a&&a.type!==r.secondLevelChild.type){o=!1;continue}}}if(r.parent){if(r.parent.class){const a=n.parentClassList;if(a&&!a.includes(r.parent.class)){o=!1;continue}}if(r.parent.type){const a=n.parentSchema;if(a&&a.type!==r.parent.type){o=!1;continue}}}o=!0;break}return!o}getComponentContext(e){var C,w,P,u;const n=e.schema,i=n.appearance&&n.appearance.class||"",o=i.split(" ")||[],r=n.contents||[],a=r.length?r[0]:null,y=a&&a.appearance?a.appearance.class:"",b=y?y.split(" "):[],c=(C=a==null?void 0:a.contents)!=null&&C.length?a==null?void 0:a.contents[0]:null,p=c&&c.appearance?c.appearance.class:"",m=p?p.split(" "):[],l=n.type==="component"?(P=(w=e.parent)==null?void 0:w.parent)==null?void 0:P.schema:(u=e.parent)==null?void 0:u.schema,f=l&&l.appearance&&l.appearance.class||"",h=f?f.split(" "):[];return{componentClass:i,componentClassList:o,childContents:r,firstLevelChildSchema:a,firstLevelChildClass:y,firstLevelChildClassList:b,secondLevelChildSchema:c,secondLevelChildClass:p,secondLevelChildClassList:m,parentSchema:l,parentClass:f,parentClassList:h}}}function ue(t,e){const n=new _,{canMove:i,canDelete:o}=n.getTemplateRule(t,e);function r(){return!1}function a(){return o}function y(){return i}function b(){return!0}return{canAccepts:r,checkCanDeleteComponent:a,checkCanMoveComponent:y,hideNestedPaddingInDesginerView:b}}const fe=s.defineComponent({name:"FSplitterDesign",props:O,emits:[],setup(t,e){const n=s.ref(),i=s.inject("designer-host-service"),o=s.inject("design-item-context"),r=ue(o,i),a=Y(n,o,r);a.value.canNested=!1;const y=q(n),{horizontalResizeHandleStyle:b,verticalResizeHandleStyle:c,resizeOverlayStyle:p}=y;s.provide("splitter",{useResizeHandleComposition:y});const m=s.computed(()=>L({"f-splitter":!0},t==null?void 0:t.customClass)),l=s.computed(()=>{const f={"flex-direction":t.direction==="row"?"row":"column"};return j(f,t==null?void 0:t.customStyle)});return s.onMounted(()=>{n.value.componentInstance=a}),e.expose(a.value),()=>s.createVNode("div",{class:m.value,ref:n,style:l.value},[e.slots.default&&e.slots.default(),s.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),s.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:b.value},null),s.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:c.value},null)])}});function de(){function t(e,n){var a;if(!e)return!1;const i=((a=e.targetContainer)==null?void 0:a.componentInstance)&&e.targetContainer.componentInstance.value;if(!i)return!1;const o=i.schema.type,r=n==null?void 0:n.formSchemaUtils.getComponentById(i.belongedComponentId);return!((e.controlCategory==="input"||e.controlType==="form-group")&&![T["response-layout-item"].type,T["response-form"].type].includes(o)||(e.controlType===T.tabs.type||e.controlType===T.section.type)&&((r==null?void 0:r.componentType)!=="frame"||![T["content-container"].type,T["splitter-pane"].type,T["response-layout-item"].type].includes(o)))}return{basalDragulaRuleForContainer:t}}function me(t,e){const n=new _,{canAccept:i}=n.getTemplateRule(t,e);function o(y){return de().basalDragulaRuleForContainer(y,e)?i:!1}function r(){return!1}function a(){return!1}return{canAccepts:o,checkCanMoveComponent:r,checkCanDeleteComponent:a}}const ye=s.defineComponent({name:"FSplitterPaneDesign",props:N,emits:[],setup(t,e){const n=s.ref(),i=s.inject("designer-host-service"),o=s.inject("design-item-context"),r=me(o,i),a=Y(n,o,r);a.value.styles="padding:0;box-shadow:none;",a.value.canNested=!1,a.value.canMove=!1,a.value.canDelete=!1,s.onMounted(()=>{n.value.componentInstance=a}),e.expose(a.value);const y=s.inject("splitter"),{useResizeHandleComposition:b}=y,c=X(t,b),{actualHeight:p,actualWidth:m}=c,l=s.ref(t.position),f=s.computed(()=>{const u={"f-splitter-pane":!0,"f-splitter-pane-main":l.value==="center","has-resize-bar":t.resizable,"f-component-splitter-pane":!0,"drag-container":!0};return u["f-splitter-pane-"+l.value]=!0,L(u,t==null?void 0:t.customClass)}),h=s.computed(()=>{const u={};return(m.value&&l.value==="left"||l.value==="right"||C.value.find(d=>d=="e")||C.value.find(d=>d=="w"))&&(u.width=`${m.value}px`),(p.value&&l.value==="bottom"||l.value==="top"||C.value.find(d=>d=="s")||C.value.find(d=>d=="n"))&&(u.height=`${p.value}px`),j(u,t==null?void 0:t.customStyle)}),C=s.computed(()=>t.resizeHandle?t.resizeHandle.split(",").filter(u=>["e","n","s","w"].find(d=>d==u)):[]),w=s.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":l.value==="left","f-splitter-resize-bar-n":l.value==="bottom","f-splitter-resize-bar-s":l.value==="top","f-splitter-resize-bar-w":l.value==="right"}));function P(){return C.value.length>0?C.value.map(u=>s.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+u},null)):s.createVNode("span",{class:w.value},null)}return()=>s.createVNode("div",{ref:n,"data-dragref":`${o.schema.id}-container`,class:f.value,style:h.value},[e.slots.default&&e.slots.default(),t.resizable&&P()])}}),he={install(t){t.component(M.name,M),t.component(k.name,k)},register(t,e,n,i){t.splitter=M,e.splitter=H,t["splitter-pane"]=k,e["splitter-pane"]=G},registerDesigner(t,e,n){t.splitter=fe,e.splitter=H,t["splitter-pane"]=ye,e["splitter-pane"]=G}};S.FSplitter=M,S.FSplitterPane=k,S.default=he,S.splitterProps=O,S.splitterPropsResolver=H,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(R,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],r):(R=typeof globalThis<"u"?globalThis:R||self,r(R.splitter={},R.Vue,R.LodashES))})(this,function(R,r,B){"use strict";const V={},F={};function L(t){const{properties:e,title:n,ignore:i}=t,o=i&&Array.isArray(i),s=Object.keys(e).reduce((a,d)=>((!o||!i.find(v=>v===d))&&(a[d]=e[d].type==="object"&&e[d].properties?L(e[d]):B.cloneDeep(e[d].default)),a),{});if(n&&(!o||!i.find(a=>a==="id"))){const a=n.toLowerCase().replace(/-/g,"_");s.id=`${a}_${Math.random().toString().slice(2,6)}`}return s}function A(t,e={},n){const i=V[t];if(i){let o=L(i);const s=F[t];return o=s?s({getSchemaByType:A},o,e,n):o,o}return null}function U(t,e){const n=L(e);return Object.keys(n).reduce((i,o)=>(i[o]&&B.isPlainObject(i[o])&&B.isPlainObject(t[o]||!t[o])?Object.assign(i[o],t[o]||{}):i[o]=t[o],i),n),n}function Q(t,e){return Object.keys(t).filter(i=>t[i]!=null).reduce((i,o)=>{if(e.has(o)){const s=e.get(o);if(typeof s=="string")i[s]=t[o];else{const a=s(o,t[o],t);Object.assign(i,a)}}else i[o]=t[o];return i},{})}function J(t,e,n=new Map){const i=U(t,e);return Q(i,n)}function Z(t={}){function e(c,p,m,l){if(typeof m=="number")return l[c].length===m;if(typeof m=="object"){const h=Object.keys(m)[0],y=m[h];if(h==="not")return Number(l[c].length)!==Number(y);if(h==="moreThan")return Number(l[c].length)>=Number(y);if(h==="lessThan")return Number(l[c].length)<=Number(y)}return!1}function n(c,p,m,l){return l[c]&&l[c].propertyValue&&String(l[c].propertyValue.value)===String(m)}const i=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((c,p)=>(c.set(p,t[p]),c),i);function o(c,p){const m=c;return typeof p=="number"?[{target:m,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:m,operator:"getProperty",param:c,value:!!p}]:typeof p=="object"?Object.keys(p).map(l=>{if(l==="length")return{target:m,operator:"length",param:null,value:p[l]};const h=l,y=p[l];return{target:m,operator:"getProperty",param:h,value:y}}):[]}function s(c){return Object.keys(c).reduce((m,l)=>{const h=o(l,c[l]);return m.push(...h),m},[])}function a(c,p){if(i.has(c.operator)){const m=i.get(c.operator);return m&&m(c.target,c.param,c.value,p)||!1}return!1}function d(c,p){return s(c).reduce((h,y)=>h&&a(y,p),!0)}function v(c,p){const m=Object.keys(c),l=m.includes("allOf"),h=m.includes("anyOf"),y=l||h,P=(y?c[y?l?"allOf":"anyOf":"allOf"]:[c]).map(f=>d(f,p));return l?!P.includes(!1):P.includes(!0)}return{parseValueSchema:v}}const O={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},K={},x={};Z();function E(t,e,n=new Map,i=(a,d,v,c)=>d,o={},s=a=>a){return V[e.title]=e,F[e.title]=i,K[e.title]=o,x[e.title]=s,(a={})=>{const d=J(a,e,n),v=Object.keys(t).reduce((c,p)=>(c[p]=t[p].default,c),{});return Object.assign(v,d)}}function q(t,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",q]]);function ee(t,e,n){const i=t.getSchemaByType("splitter-pane");return i.appearance={class:"f-col-w6 f-page-content-nav"},i.position="left",e.contents.unshift(i),e}function te(t,e,n){const i=t.getSchemaByType("splitter-pane");return i.appearance={class:"f-page-content-main"},i.position="main",e.contents.push(i),e}function ne(t,e,n){const i=n.parentComponentInstance;return String(i.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),ee(t,e),te(t,e),e}const ie={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter.schema.json",title:"splitter",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},direction:{description:"",type:"string",default:"row",enum:["column","row"]}}},oe={title:"splitter",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:"select",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"splitter",value:"分栏面板"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}}}}},M={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"row"}},H=E(M,ie,I,ne,oe);function W(t){const e=r.ref(-1),n=r.ref(-1),i=r.ref(0),o=r.ref(0),s=r.ref(!1),a=r.ref(!1),d=r.computed(()=>({display:s.value?"block":"none",left:`${i.value}px`})),v=r.computed(()=>({display:a.value?"block":"none",top:`${o.value}px`})),c=r.computed(()=>({display:a.value||s.value?"block":"none"}));function p(l){const h=t.value;if(h){const{left:y}=h.getBoundingClientRect();i.value=l.clientX-y}}function m(l){const h=t.value;if(h){const{top:y}=h.getBoundingClientRect();o.value=l.clientY-y}}return{horizontalResizeHandleStyle:d,verticalResizeHandleStyle:v,resizeOverlayStyle:c,showHorizontalResizeHandle:s,showVerticalResizeHandle:a,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:o,horizontalResizeHandleOffset:i,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:m}}const ae=["moz","ms","webkit"];function se(){let t=0;return e=>{const n=new Date().getTime(),i=Math.max(0,16-(n-t)),o=setTimeout(()=>{e(n+i)},i);return t=n+i,o}}function re(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:se()}re();function j(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((i,o)=>(o&&(i[o]=!0),i),t),t}function D(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((i,o)=>{if(o){const s=o.split(":");i[s[0]]=s[1]}return i},t),t}const k=r.defineComponent({name:"FSplitter",props:M,emits:[],setup(t,e){const n=r.ref(),i=W(n),{horizontalResizeHandleStyle:o,verticalResizeHandleStyle:s,resizeOverlayStyle:a}=i;r.provide("splitter",{useResizeHandleComposition:i});const d=r.computed(()=>j({"f-splitter":!0},t==null?void 0:t.customClass)),v=r.computed(()=>{const c={"flex-direction":t.direction==="row"?"row":"column"};return D(c,t==null?void 0:t.customStyle)});return()=>r.createVNode("div",{class:d.value,ref:n,style:v.value},[e.slots.default&&e.slots.default(),r.createVNode("div",{class:"f-splitter-resize-overlay",style:a.value},null),r.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:o.value},null),r.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:s.value},null)])}}),le=new Map([["appearance",q]]),ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter-pane.schema.json",title:"splitter-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter-pane"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"strnumbering"}},default:{}},collapsable:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},"min-height":{description:"",type:"number"},"min-width":{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizable:{description:"",type:"boolean",default:!1},visible:{description:"",type:"number",default:!0}}},pe={title:"splitter-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:"select",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"splitter-pane",value:"分栏面板项"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},width:{description:"组件的宽度",title:"宽度（px）",type:"number"},height:{description:"组件的高度",title:"高度（px）",type:"number"},minWidth:{description:"面板最小宽度",title:"最小宽度（px）",type:"number"},minHeight:{description:"面板最小高度",title:"最小高度（px）",type:"number"}}},behavior:{description:"",title:"行为",properties:{position:{description:"",title:"位置",editor:{type:"combo-list",idField:"value",valueField:"value",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}}}}}},N={customClass:{type:String,defaut:""},customStyle:{type:String,default:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!1},resizeHandle:{type:String,default:""},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:0},minHeight:{type:Number,default:0}},_=E(N,ce,le,void 0,pe);function G(t,e){const n=r.ref(t.width),i=r.ref(t.height),{horizontalResizeBarPosition:o,horizontalResizeHandleOffset:s,showHorizontalResizeHandle:a,showVerticalResizeHandle:d,verticalResizeBarPosition:v,verticalResizeHandleOffset:c,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:m}=e;let l="",h,y;function C(u){if((l==="left"||l==="right")&&y){const{left:f}=y.getBoundingClientRect(),{width:z}=h.getBoundingClientRect(),b=u.clientX-f,g=l==="left"?(z||0)+(b-o.value):(z||0)-(b-o.value);n.value=t.minWidth>0?Math.max(t.minWidth,g):g}if((l==="top"||l==="bottom")&&y){const{top:f}=y.getBoundingClientRect(),{height:z}=h.getBoundingClientRect(),b=u.clientY-f,g=l==="top"?(z||0)+(b-v.value):(z||0)-(b-v.value);i.value=t.minHeight>0?Math.max(t.minHeight,g):g}s.value=0,c.value=0,o.value=-1,v.value=-1,a.value=!1,d.value=!1,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",C),document.body.style.userSelect="",l="",h=null,y=null}function w(u,f,z){if(l=f,h=z,a.value=!0,y=u.composedPath().find(g=>g.className.split(" ")[0]==="f-splitter"),y){const{left:g}=y.getBoundingClientRect();s.value=u.clientX-g,o.value=u.clientX-g,document.addEventListener("mousemove",p),document.addEventListener("mouseup",C),document.body.style.userSelect="none"}}function P(u,f,z){if(l=f,h=z,d.value=!0,y=u.composedPath().find(g=>g.className.split(" ")[0]==="f-splitter"),y){const{top:g}=y.getBoundingClientRect();c.value=u.clientY-g,v.value=u.clientY-g,document.addEventListener("mousemove",m),document.addEventListener("mouseup",C),document.body.style.userSelect="none"}}return{actualWidth:n,actualHeight:i,onClickSplitterHorizontalResizeBar:w,onClickSplitterVerticalResizeBar:P}}const $=r.defineComponent({name:"FSplitterPane",props:N,emits:[],setup(t,e){const n=r.ref(),i=r.inject("splitter"),{useResizeHandleComposition:o}=i,s=G(t,o),{actualHeight:a,actualWidth:d,onClickSplitterHorizontalResizeBar:v,onClickSplitterVerticalResizeBar:c}=s,p=r.ref(t.position),m=r.computed(()=>{const u={"f-splitter-pane":!0,"f-splitter-pane-main":p.value==="center","has-resize-bar":t.resizable};return u["f-splitter-pane-"+p.value]=!0,j(u,t==null?void 0:t.customClass)}),l=r.computed(()=>t.resizeHandle?t.resizeHandle.split(",").filter(u=>["e","n","s","w"].find(f=>f===u)):[]),h=r.computed(()=>{const u={};return(d.value&&p.value==="left"||p.value==="right"||l.value.find(f=>f==="e")||l.value.find(f=>f==="w"))&&(u.width=`${d.value}px`),(a.value&&p.value==="bottom"||p.value==="top"||l.value.find(f=>f==="s")||l.value.find(f=>f==="n"))&&(u.height=`${a.value}px`),D(u,t==null?void 0:t.customStyle)}),y=r.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":p.value==="left","f-splitter-resize-bar-n":p.value==="bottom","f-splitter-resize-bar-s":p.value==="top","f-splitter-resize-bar-w":p.value==="right"}));function C(u){return{e:"left",w:"right",s:"top",n:"bottom"}[u]||u}function w(u,f){f=C(f),["left","right"].find(z=>z===f)&&v(u,f,n.value),["top","bottom"].find(z=>z===f)&&c(u,f,n.value)}function P(){return l.value.length>0?l.value.map(u=>r.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+u,onMousedown:f=>w(f,u)},null)):r.createVNode("span",{class:y.value,onMousedown:u=>w(u,p.value)},null)}return()=>r.createVNode("div",{ref:n,class:m.value,style:h.value},[e.slots.default&&e.slots.default(),t.resizable&&P()])}});function X(t,e,n){var z;const i=n&&n.getStyles&&n.getStyles()||"",o=n&&n.getDesignerClass&&n.getDesignerClass()||"",s=r.ref();function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function d(){return!1}function v(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function p(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const g=r.ref(b==null?void 0:b.value.parent),S=p(g);return S||null}function m(b=e){const{componentInstance:g,designerItemElementRef:S}=b;return!g||!g.value?null:g.value.canMove?S:m(b.parent)}function l(b){return!!n&&n.canAccepts(b)}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function y(){}function C(b,g){g&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(g)}function w(b,g){const{componentType:S}=b;let T=A(S,b,g);n&&n.onResolveNewComponentSchema&&(T=n.onResolveNewComponentSchema(b,T));const be=S.toLowerCase().replace(/-/g,"_");return T&&!T.id&&T.type===S&&(T.id=`${be}_${Math.random().toString().slice(2,6)}`),T}function P(b){}function u(...b){if(n&&n.getPropsConfig)return n.getPropsConfig(...b)}function f(){n&&n.onRemoveComponent&&n.onRemoveComponent(),e!=null&&e.schema.contents&&e.schema.contents.map(b=>{var T;let g=b.id;b.type==="component-ref"&&(g=b.component);const S=t.value.querySelector(`#${g}-design-item`);(T=S==null?void 0:S.componentInstance)!=null&&T.value.onRemoveComponent&&S.componentInstance.value.onRemoveComponent()})}return s.value={canMove:a(),canSelectParent:d(),canDelete:v(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:o,canAccepts:l,getBelongedComponentInstance:p,getDraggableDesignItemElement:m,getDraggingDisplayText:h,getPropConfig:u,getDragScopeElement:y,onAcceptMovedChildElement:C,onChildElementMovedOut:P,addNewChildComponentSchema:w,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||r.ref(!1),onRemoveComponent:f},s}class Y{getTemplateRule(e,n){const i=n==null?void 0:n.formSchemaUtils,o=i==null?void 0:i.getFormTemplateRule(),s={canAccept:!0,canDelete:!0,canMove:!0};if(!o)return s;const a=this.getComponentContext(e),{componentClassList:d}=a;return d.forEach(v=>{if(!v||!o[v])return;const{canMove:c,canDelete:p,canAccept:m}=o[v];s.canMove=s.canMove&&this.resolveRuleValue(c,a),s.canDelete=s.canDelete&&this.resolveRuleValue(p,a),s.canAccept=s.canAccept&&this.resolveRuleValue(m,a)}),s}resolveRuleValue(e,n){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,n)}parseRuleValueSchema(e,n){const i=e.invalidContext||[];let o=!0;for(const s of i){if(s.firstLevelChild){if(s.firstLevelChild.class){const{firstLevelChildClassList:a}=n;if(a&&!a.includes(s.firstLevelChild.class)){o=!1;continue}}if(s.firstLevelChild.type){const{firstLevelChildSchema:a}=n;if(!a||a.type!==s.firstLevelChild.type){o=!1;continue}}}if(s.secondLevelChild){if(s.secondLevelChild.class){const{secondLevelChildClassList:a}=n;if(a&&!a.includes(s.secondLevelChild.class)){o=!1;continue}}if(s.secondLevelChild.type){const{secondLevelChildSchema:a}=n;if(!a||a.type!==s.secondLevelChild.type){o=!1;continue}}}if(s.parent){if(s.parent.class){const{parentClassList:a}=n;if(a&&!a.includes(s.parent.class)){o=!1;continue}}if(s.parent.type){const{parentSchema:a}=n;if(a&&a.type!==s.parent.type){o=!1;continue}}}o=!0;break}return!o}getComponentContext(e){var C,w,P,u;const n=e.schema,i=n.appearance&&n.appearance.class||"",o=i.split(" ")||[],s=n.contents||[],a=s.length?s[0]:null,d=a&&a.appearance?a.appearance.class:"",v=d?d.split(" "):[],c=(C=a==null?void 0:a.contents)!=null&&C.length?a==null?void 0:a.contents[0]:null,p=c&&c.appearance?c.appearance.class:"",m=p?p.split(" "):[],l=n.type==="component"?(P=(w=e.parent)==null?void 0:w.parent)==null?void 0:P.schema:(u=e.parent)==null?void 0:u.schema,h=l&&l.appearance&&l.appearance.class||"",y=h?h.split(" "):[];return{componentClass:i,componentClassList:o,childContents:s,firstLevelChildSchema:a,firstLevelChildClass:d,firstLevelChildClassList:v,secondLevelChildSchema:c,secondLevelChildClass:p,secondLevelChildClassList:m,parentSchema:l,parentClass:h,parentClassList:y}}}function ue(t,e){const n=new Y,{canMove:i,canDelete:o}=n.getTemplateRule(t,e);function s(){return!1}function a(){return o}function d(){return i}function v(){return!0}return{canAccepts:s,checkCanDeleteComponent:a,checkCanMoveComponent:d,hideNestedPaddingInDesginerView:v}}const fe=r.defineComponent({name:"FSplitterDesign",props:M,emits:[],setup(t,e){const n=r.ref(),i=r.inject("designer-host-service"),o=r.inject("design-item-context"),s=ue(o,i),a=X(n,o,s);a.value.canNested=!1;const d=W(n),{horizontalResizeHandleStyle:v,verticalResizeHandleStyle:c,resizeOverlayStyle:p}=d;r.provide("splitter",{useResizeHandleComposition:d});const m=r.computed(()=>j({"f-splitter":!0},t==null?void 0:t.customClass)),l=r.computed(()=>{const h={"flex-direction":t.direction==="row"?"row":"column"};return D(h,t==null?void 0:t.customStyle)});return r.onMounted(()=>{n.value.componentInstance=a}),e.expose(a.value),()=>r.createVNode("div",{class:m.value,ref:n,style:l.value},[e.slots.default&&e.slots.default(),r.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),r.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:v.value},null),r.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:c.value},null)])}});function de(){function t(e,n){var a;if(!e)return!1;const i=((a=e.targetContainer)==null?void 0:a.componentInstance)&&e.targetContainer.componentInstance.value;if(!i)return!1;const o=i.schema.type,s=n==null?void 0:n.formSchemaUtils.getComponentById(i.belongedComponentId);return!((e.componentCategory==="input"||e.componentType==="form-group")&&![O["response-layout-item"].type,O["response-form"].type].includes(o)||(e.componentType===O.tabs.type||e.componentType===O.section.type)&&((s==null?void 0:s.componentType)!=="frame"||![O["content-container"].type,O["splitter-pane"].type,O["response-layout-item"].type].includes(o)))}return{basalDragulaRuleForContainer:t}}function me(t,e){const n=new Y,{canAccept:i}=n.getTemplateRule(t,e);function o(d){return de().basalDragulaRuleForContainer(d,e)?i:!1}function s(){return!1}function a(){return!1}return{canAccepts:o,checkCanMoveComponent:s,checkCanDeleteComponent:a}}const ye=r.defineComponent({name:"FSplitterPaneDesign",props:N,emits:[],setup(t,e){const n=r.ref(),i=r.inject("designer-host-service"),o=r.inject("design-item-context"),s=me(o,i),a=X(n,o,s);a.value.styles="padding:0;box-shadow:none;",a.value.canNested=!1,a.value.canMove=!1,a.value.canDelete=!1,r.onMounted(()=>{n.value.componentInstance=a}),e.expose(a.value);const d=r.inject("splitter"),{useResizeHandleComposition:v}=d,c=G(t,v),{actualHeight:p,actualWidth:m}=c,l=r.ref(t.position),h=r.computed(()=>{const u={"f-splitter-pane":!0,"f-splitter-pane-main":l.value==="center","has-resize-bar":t.resizable,"f-component-splitter-pane":!0,"drag-container":!0};return u["f-splitter-pane-"+l.value]=!0,j(u,t==null?void 0:t.customClass)}),y=r.computed(()=>t.resizeHandle?t.resizeHandle.split(",").filter(u=>["e","n","s","w"].find(f=>f===u)):[]),C=r.computed(()=>{const u={};return(m.value&&l.value==="left"||l.value==="right"||y.value.find(f=>f==="e")||y.value.find(f=>f==="w"))&&(u.width=`${m.value}px`),(p.value&&l.value==="bottom"||l.value==="top"||y.value.find(f=>f==="s")||y.value.find(f=>f==="n"))&&(u.height=`${p.value}px`),D(u,t==null?void 0:t.customStyle)}),w=r.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":l.value==="left","f-splitter-resize-bar-n":l.value==="bottom","f-splitter-resize-bar-s":l.value==="top","f-splitter-resize-bar-w":l.value==="right"}));function P(){return y.value.length>0?y.value.map(u=>r.createVNode("span",{class:"f-splitter-resize-bar f-splitter-resize-bar-"+u},null)):r.createVNode("span",{class:w.value},null)}return()=>r.createVNode("div",{ref:n,"data-dragref":`${o.schema.id}-container`,class:h.value,style:C.value},[e.slots.default&&e.slots.default(),t.resizable&&P()])}}),he={install(t){t.component(k.name,k),t.component($.name,$)},register(t,e,n,i){t.splitter=k,e.splitter=H,t["splitter-pane"]=$,e["splitter-pane"]=_},registerDesigner(t,e,n){t.splitter=fe,e.splitter=H,t["splitter-pane"]=ye,e["splitter-pane"]=_}};R.FSplitter=k,R.FSplitterPane=$,R.default=he,R.splitterProps=M,R.splitterPropsResolver=H,Object.defineProperties(R,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});