@farris/ui-vue 1.3.0 → 1.3.1

package/components/splitter/index.umd.cjs

@@ -1 +1 @@
-(function(O,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],f):(O=typeof globalThis<"u"?globalThis:O||self,f(O.splitter={},O.Vue,O.LodashES))})(this,function(O,f,B){"use strict";const W={},q={};function V(t){const{properties:e,title:n,ignore:o}=t,s=o&&Array.isArray(o),y=Object.keys(e).reduce((c,h)=>((!s||!o.find(C=>C==h))&&(c[h]=e[h].type==="object"&&e[h].properties?V(e[h]):B.cloneDeep(e[h].default)),c),{});return(!s||!o.find(c=>c=="id"))&&(y.id=`${n}-${Date.now()}`),y}function T(t,e={},n){const o=W[t];if(o){let s=V(o);const y=q[t];return s=y?y({getSchemaByType:T},s,e,n):s,s}return null}function Q(t,e){const n=V(e);return Object.keys(t).reduce((o,s)=>(o[s]&&B.isPlainObject(o[s])&&B.isPlainObject(t[s])?Object.assign(o[s],t[s]):o[s]=t[s],o),n),n}function U(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,s)=>{if(e.has(s)){const y=e.get(s);if(typeof y=="string")o[y]=t[s];else{const c=y(s,t[s],t);Object.assign(o,c)}}else o[s]=t[s];return o},{})}function Z(t,e,n=new Map){const o=Q(t,e);return U(o,n)}function K(t={}){function e(p,i,l,u){if(typeof l=="number")return u[p].length===l;if(typeof l=="object"){const m=Object.keys(l)[0],r=l[m];if(m==="not")return Number(u[p].length)!==Number(r);if(m==="moreThan")return Number(u[p].length)>=Number(r);if(m==="lessThan")return Number(u[p].length)<=Number(r)}return!1}function n(p,i,l,u){return u[p]&&u[p].propertyValue&&String(u[p].propertyValue.value)===String(l)}const o=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((p,i)=>(p.set(i,t[i]),p),o);function s(p,i){const l=p;return typeof i=="number"?[{target:l,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:l,operator:"getProperty",param:p,value:!!i}]:typeof i=="object"?Object.keys(i).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:i[u]};const m=u,r=i[u];return{target:l,operator:"getProperty",param:m,value:r}}):[]}function y(p){return Object.keys(p).reduce((l,u)=>{const m=s(u,p[u]);return l.push(...m),l},[])}function c(p,i){if(o.has(p.operator)){const l=o.get(p.operator);return l&&l(p.target,p.param,p.value,i)||!1}return!1}function h(p,i){return y(p).reduce((m,r)=>m&&c(r,i),!0)}function C(p,i){const l=Object.keys(p),u=l.includes("allOf"),m=l.includes("anyOf"),r=u||m,g=(r?p[r?u?"allOf":"anyOf":"allOf"]:[p]).map(j=>h(j,i));return u?!g.includes(!1):g.includes(!0)}return{parseValueSchema:C}}const I={},ee={};K();function x(t,e,n=new Map,o=(c,h,C)=>h,s={},y=c=>c){return W[e.title]=e,q[e.title]=o,I[e.title]=s,ee[e.title]=y,(c={})=>{const h=Z(c,e,n),C=Object.keys(t).reduce((p,i)=>(p[i]=t[i].default,p),{});return Object.assign(C,h)}}function _(t,e){return{customClass:e.class,customStyle:e.style}}const te=new Map([["appearance",_]]);function ne(t,e,n){const o=t.getSchemaByType("splitter-pane");return o.appearance={class:"f-col-w6 f-page-content-nav"},o.position="left",e.contents.unshift(o),e}function oe(t,e,n){const o=t.getSchemaByType("splitter-pane");return o.appearance={class:"f-page-content-main"},o.position="main",e.contents.push(o),e}function re(t,e,n){const o=n.parentComponentInstance;return String(o.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),ne(t,e),oe(t,e),e}const se={$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:"column",enum:["column","row"]}}},ie={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样式"}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}}}},N={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"column"}},k=x(N,se,te,re,ie);function X(t){const e=f.ref(-1),n=f.ref(-1),o=f.ref(0),s=f.ref(0),y=f.ref(!1),c=f.ref(!1),h=f.computed(()=>({display:y.value?"block":"none",left:`${o.value}px`})),C=f.computed(()=>({display:c.value?"block":"none",top:`${s.value}px`})),p=f.computed(()=>({display:c.value||y.value?"block":"none"}));function i(u){const m=t.value;if(m){const{left:r}=m.getBoundingClientRect();o.value=u.clientX-r}}function l(u){const m=t.value;if(m){const{top:r}=m.getBoundingClientRect();s.value=u.clientY-r}}return{horizontalResizeHandleStyle:h,verticalResizeHandleStyle:C,resizeOverlayStyle:p,showHorizontalResizeHandle:y,showVerticalResizeHandle:c,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:s,horizontalResizeHandleOffset:o,draggingHorizontalResizeHandle:i,draggingVerticalResizeHandle:l}}const ae=["moz","ms","webkit"];function ce(){let t=0;return e=>{const n=new Date().getTime(),o=Math.max(0,16-(n-t)),s=setTimeout(()=>{e(n+o)},o);return t=n+o,s}}function le(){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`]:ce()}le();function E(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((o,s)=>(s&&(o[s]=!0),o),t),t}function D(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((o,s)=>{if(s){const y=s.split(":");o[y[0]]=y[1]}return o},t),t}const R=f.defineComponent({name:"FSplitter",props:N,emits:[],setup(t,e){const n=f.ref(),o=X(n),{horizontalResizeHandleStyle:s,verticalResizeHandleStyle:y,resizeOverlayStyle:c}=o;f.provide("splitter",{useResizeHandleComposition:o});const h=f.computed(()=>E({"f-splitter":!0},t==null?void 0:t.customClass)),C=f.computed(()=>{const p={"flex-direction":t.direction==="row"?"column":"row"};return D(p,t==null?void 0:t.customStyle)});return()=>f.createVNode("div",{class:h.value,ref:n,style:C.value},[e.slots.default&&e.slots.default(),f.createVNode("div",{class:"f-splitter-resize-overlay",style:c.value},null),f.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:s.value},null),f.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:y.value},null)])}}),pe=new Map([["appearance",_]]),ue={$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"]},resizeable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"number",default:!0}}},fe={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:"Splitter",enum:[]}}}},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"},"min-width":{description:"面板最小宽度",title:"最小宽度（px）",type:"number"},"min-height":{description:"面板最小高度",title:"最小高度（px）",type:"number"}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"},position:{description:"",title:"位置",editor:{type:"combo-list",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}}}}}},F={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:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:200},minHeight:{type:Number,default:200}},Y=x(F,ue,pe,void 0,fe);function J(t,e){const n=f.ref(t.width),o=f.ref(t.height),{horizontalResizeBarPosition:s,horizontalResizeHandleOffset:y,showHorizontalResizeHandle:c,showVerticalResizeHandle:h,verticalResizeBarPosition:C,verticalResizeHandleOffset:p,draggingHorizontalResizeHandle:i,draggingVerticalResizeHandle:l}=e;let u="",m,r;function a(v){if((u==="left"||u==="right")&&r){const{left:j}=r.getBoundingClientRect(),{width:P}=m.getBoundingClientRect(),z=v.clientX-j,b=u==="left"?(P||0)+(z-s.value):(P||0)-(z-s.value);n.value=t.minWidth>0?Math.max(t.minWidth,b):b}if((u==="top"||u==="bottom")&&r){const{top:j}=r.getBoundingClientRect(),{height:P}=m.getBoundingClientRect(),z=v.clientY-j,b=u==="top"?(P||0)+(z-C.value):(P||0)-(z-C.value);o.value=t.minHeight>0?Math.max(t.minHeight,b):b}y.value=0,p.value=0,s.value=-1,C.value=-1,c.value=!1,h.value=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",a),document.body.style.userSelect="",u="",m=null,r=null}function d(v,j,P){if(u=j,m=P,c.value=!0,r=v.composedPath().find(b=>b.className.split(" ")[0]==="f-splitter"),r){const{left:b}=r.getBoundingClientRect();y.value=v.clientX-b,s.value=v.clientX-b,document.addEventListener("mousemove",i),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}function g(v,j,P){if(u=j,m=P,h.value=!0,r=v.composedPath().find(b=>b.className.split(" ")[0]==="f-splitter"),r){const{top:b}=r.getBoundingClientRect();p.value=v.clientY-b,C.value=v.clientY-b,document.addEventListener("mousemove",l),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}return{actualWidth:n,actualHeight:o,onClickSplitterHorizontalResizeBar:d,onClickSplitterVerticalResizeBar:g}}const M=f.defineComponent({name:"FSplitterPane",props:F,emits:[],setup(t,e){const n=f.ref(),o=f.inject("splitter"),{useResizeHandleComposition:s}=o,y=J(t,s),{actualHeight:c,actualWidth:h,onClickSplitterHorizontalResizeBar:C,onClickSplitterVerticalResizeBar:p}=y,i=f.ref(t.position),l=f.computed(()=>{const a={"f-splitter-pane":!0,"f-splitter-pane-column":i.value==="left"||i.value==="right","f-splitter-pane-row":i.value==="bottom"||i.value==="top","f-splitter-pane-main":i.value==="center"};return E(a,t==null?void 0:t.customClass)}),u=f.computed(()=>{const a={};return(h.value&&i.value==="left"||i.value==="right")&&(a.width=`${h.value}px`),(c.value&&i.value==="bottom"||i.value==="top")&&(a.height=`${c.value}px`),D(a,t==null?void 0:t.customStyle)}),m=f.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":i.value==="left","f-splitter-resize-bar-n":i.value==="bottom","f-splitter-resize-bar-s":i.value==="top","f-splitter-resize-bar-w":i.value==="right"}));function r(a,d){(d==="left"||d==="right")&&C(a,d,n.value),(d==="top"||d==="bottom")&&p(a,d,n.value)}return()=>f.createVNode("div",{ref:n,class:l.value,style:u.value},[e.slots.default&&e.slots.default(),f.createVNode("span",{class:m.value,onMousedown:a=>r(a,i.value)},null)])}});function G(t,e,n){var z;function o(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}o();const s=n&&n.getStyles&&n.getStyles()||"",y=n&&n.getDesignerClass&&n.getDesignerClass()||"",c=f.ref();function h(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function C(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function l(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const w=f.ref(b==null?void 0:b.value.parent),$=l(w);return $||null}function u(b=e){const{componentInstance:w,designerItemElementRef:$}=b;return!w||!w.value?null:w.value.canMove?$:u(b.parent)}function m(b){return!!n&&n.canAccepts(b)}function r(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function a(){}function d(b,w){w&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(w)}function g(b,w){const{componentType:$}=b;let S=T($,b,w);n&&n.onResolveNewComponentSchema&&(S=n.onResolveNewComponentSchema(b,S));const H=$.toLowerCase().replace("-","_");return S&&!S.id&&S.type===$&&(S.id=`${H}_${Math.random().toString().slice(2,6)}`),S}function v(b,w){const $=String(b.getAttribute("data-controltype")),S=b.getAttribute("data-feature"),H=S?JSON.parse(S):{};H.parentComponentInstance=c.value;let A=T($,H);n&&n.onAcceptNewChildElement&&(A=n.onAcceptNewChildElement(b,w,A));const Ce=$.toLowerCase().replace("-","_");return A&&!A.id&&A.type===$&&(A.id=`${Ce}_${Math.random().toString().slice(2,6)}`),A}function j(b){}function P(...b){if(n&&n.getPropsConfig)return n.getPropsConfig(...b)}return c.value={canMove:h(),canSelectParent:C(),canDelete:p(),canNested:!i(),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:s,designerClass:y,canAccepts:m,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:r,getPropConfig:P,getDragScopeElement:a,onAcceptMovedChildElement:d,onAcceptNewChildElement:v,onChildElementMovedOut:j,addNewChildComponentSchema:g,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||f.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||f.ref(!1)},c}const de={$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"}}},L=new Map;function ye(){function t(r,a,d,g){var v;if(typeof d=="number")return((v=g[r])==null?void 0:v.length)===d;if(typeof d=="object"){const j=Object.keys(d)[0],P=d[j];if(j==="not")return Number(g[r].length)!==Number(P);if(j==="moreThan")return Number(g[r].length)>=Number(P);if(j==="lessThan")return Number(g[r].length)<=Number(P)}return!1}function e(r,a,d,g){return typeof d=="boolean"?g.childrenClassList.includes(a)===!!d:!1}function n(r,a,d,g){return typeof d=="boolean"?g.parentClassList.includes(a)===!!d:!1}function o(r,a,d,g){return typeof d=="boolean"?g.parentClassList.includes(a)===!!d:!1}const s=new Map([["length",t],["hasChildren",e],["hasSibling",o],["hasParent",n]]);function y(r,a){const d=r;return typeof a=="number"?[{target:d,operator:"length",param:null,value:Number(a)}]:typeof a=="object"?Object.keys(a).map(g=>{if(g==="length")return{target:d,operator:"length",param:null,value:a[g]};const v=g,j=a[g];return{target:d,operator:r==="children"?"hasChildren":r==="parent"?"hasParent":"hasSibling",param:v,value:j}}):[]}function c(r,a){if(s.has(r.operator)){const d=s.get(r.operator);return d&&d(r.target,r.param,r.value,a)||!1}return!1}function h(r,a){return Object.keys(r).reduce((j,P)=>{const z=y(P,r[P]);return j.push(...z),j},[]).reduce((j,P)=>j&&c(P,a),!0)}function C(r,a){const d=Object.keys(r),g=d.includes("allOf"),v=d.includes("anyOf"),j=g||v,b=(j?r[j?g?"allOf":"anyOf":"allOf"]:[r]).map($=>h($,a));return g?!b.includes(!1):b.includes(!0)}function p(r,a){const d=r.const;return d?typeof d=="boolean"?d:typeof d=="object"?C(d,a):!1:!1}function i(r){return a=>{const d={canAccept:!0,fixed:!1,hidePadding:!1};return r&&r.properties&&Object.keys(r.properties).reduce((g,v)=>{const j=r.properties[v];return g[v]=p(j,a),g},d),d}}function l(r,a,d){if(a.type==="object"&&a.properties){const{rules:g,contents:v}=a.properties;d.set(r,i(g)),v&&Object.keys(v.properties).forEach(j=>l(j,v.properties[j],d))}}function u(){const{properties:r}=de;Object.keys(r).forEach(a=>{l(a,r[a],L)})}function m(r,a){const d={canAccept:!0,fixed:!1,hidePadding:!0};return L.has(r)?L.get(r)(a):d}return u(),{getRuleValue:m}}function be(t,e){const n=ye();let o,s=!1;function y(){return!1}function c(){return!s}function h(){return!s}function C(){s=!1;const i=t,l=i.appearance&&i.appearance.class||"",u=l.split(" "),m=i.contents||[],r=m.length?m[0]:null,a=r&&r.appearance?r.appearance.class:"",d=a?a.split(" "):[],g=m.length?m.reduce((b,w)=>{const $=w&&w.appearance?w.appearance.class:"",S=$?$.split(" "):[];return b.push(...S),b},[]):[],v=e,j=v&&v.appearance&&v.appearance.class||"",P=j?j.split(" "):[];o={componentClass:l,componentClassList:u,childContents:m,firstChildContent:r,firstChildClass:a,firstChildClassList:d,parent:v,parentClass:j,parentClassList:P,children:m,childrenClassList:g};const{fixed:z}=n.getRuleValue(u[0],o);return s=z,!0}function p(){return!0}return{canAccepts:y,checkCanDeleteComponent:c,checkCanMoveComponent:h,resolveComponentContext:C,hideNestedPaddingInDesginerView:p}}const me=f.defineComponent({name:"FSplitterDesign",props:N,emits:[],setup(t,e){var u;const n=f.ref(),o=f.inject("design-item-context"),s=be(o.schema,(u=o.parent)==null?void 0:u.schema),y=G(n,o,s);y.value.canNested=!1;const c=X(n),{horizontalResizeHandleStyle:h,verticalResizeHandleStyle:C,resizeOverlayStyle:p}=c;f.provide("splitter",{useResizeHandleComposition:c});const i=f.computed(()=>E({"f-splitter":!0},t==null?void 0:t.customClass)),l=f.computed(()=>{const m={"flex-direction":t.direction==="row"?"column":"row"};return D(m,t==null?void 0:t.customStyle)});return f.onMounted(()=>{n.value.componentInstance=y}),e.expose(y.value),()=>f.createVNode("div",{class:i.value,ref:n,style:l.value},[e.slots.default&&e.slots.default(),f.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),f.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:h.value},null),f.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:C.value},null)])}});function he(){function t(e){var s,y;if(!e)return!1;const n=((s=e.targetContainer)==null?void 0:s.componentInstance)&&e.targetContainer.componentInstance.value;if(!n)return!1;const o=(y=n.schema.appearance)==null?void 0:y.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const c=n.schema.type,h=(c==="response-form"||c==="content-container")&&o&&o.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!h)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:t}}function ge(t,e){function n(s){var C;if(!he().basalDragulaRuleForContainer(s))return!1;if(((((C=t.appearance)==null?void 0:C.class)||"").split(" ")||[]).includes("f-page-content-nav")){const p=t.contents&&t.contents[0];return!(p&&p.type==="component")}return!0}function o(s,y,c){const h=t,p=(h.appearance&&h.appearance.class||"").split(" ");if(h.position==="main"&&p.includes("f-page-content-main")){if(c.type==="tabs"){const i=c.appearance&&c.appearance.class?String(c.appearance.class).split(" "):[];i.unshift("f-tabs-in-card"),c.appearance={class:i.join(" ")};const l=T("section");l.id=`${c.id}-section`,l.appearance={class:"f-section-tabs f-section-in-mainsubcard"},l.contents=[c];const u=T("content-container");return u.id=`${c.id}-struct-wrapper`,u.appearance={class:"f-struct-wrapper"},u.contents=[l],u}if(c.type==="section"){const i=c.appearance&&c.appearance.class?String(c.appearance.class).split(" "):[];i.unshift("f-section-in-main"),c.appearance={class:i.join(" ")},c.title=String(s.innerText);const l=T("content-container");return l.id=`${c.id}-struct-wrapper`,l.appearance={class:"f-struct-wrapper"},l.contents=[c],l}}return c}return{canAccepts:n,onAcceptNewChildElement:o}}const je=f.defineComponent({name:"FSplitterPaneDesign",props:F,emits:[],setup(t,e){var r;const n=f.ref(),o=f.inject("design-item-context"),s=ge(o.schema,(r=o.parent)==null?void 0:r.schema),y=G(n,o,s);y.value.styles="padding:0;box-shadow:none;",y.value.canNested=!1,y.value.canMove=!1,y.value.canDelete=!1,f.onMounted(()=>{n.value.componentInstance=y}),e.expose(y.value);const c=f.inject("splitter"),{useResizeHandleComposition:h}=c,C=J(t,h),{actualHeight:p,actualWidth:i}=C,l=f.ref(t.position),u=f.computed(()=>{const a={"f-splitter-pane":!0,"f-splitter-pane-column":l.value==="left"||l.value==="right","f-splitter-pane-row":l.value==="bottom"||l.value==="top","f-splitter-pane-main":l.value==="center","f-component-splitter-pane":!0,"drag-container":!0};return E(a,t==null?void 0:t.customClass)}),m=f.computed(()=>{const a={};return(i.value&&l.value==="left"||l.value==="right")&&(a.width=`${i.value}px`),(p.value&&l.value==="bottom"||l.value==="top")&&(a.height=`${p.value}px`),D(a,t==null?void 0:t.customStyle)});return()=>f.createVNode("div",{ref:n,"data-dragref":`${o.schema.id}-container`,class:u.value,style:m.value},[e.slots.default&&e.slots.default()])}}),ve={install(t){t.component(R.name,R),t.component(M.name,M)},register(t,e,n,o){t.splitter=R,e.splitter=k,t["splitter-pane"]=M,e["splitter-pane"]=Y},registerDesigner(t,e,n){t.splitter=me,e.splitter=k,t["splitter-pane"]=je,e["splitter-pane"]=Y}};O.FSplitter=R,O.FSplitterPane=M,O.default=ve,O.splitterProps=N,O.splitterPropsResolver=k,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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"}})});

package/components/splitter/style.js

@@ -0,0 +1,2 @@
+import "../dependent-base/style.js";
+import "../../theme-default/components/splitter.css";