@farris/ui-vue 1.1.0 → 1.1.1

package/layout/index.umd.js

@@ -1 +0,0 @@
-(function(H,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],o):(H=typeof globalThis<"u"?globalThis:H||self,o(H.layout={},H.Vue,H.LodashES))})(this,function(H,o,G){"use strict";const L={},A={};function R(n){const{properties:e,title:t}=n,l=Object.keys(e).reduce((s,c)=>(s[c]=e[c].type==="object"&&e[c].properties?R(e[c]):G.cloneDeep(e[c].default),s),{});return l.id=`${t}-${Date.now()}`,l}function V(n,e={}){const t=L[n];if(t){let l=R(t);const s=A[n];return l=s?s({getSchemaByType:V},l,e):l,l}return null}function Q(n,e){const t=R(e);return Object.keys(n).reduce((l,s)=>(l[s]=n[s],l),t),t}function U(n,e){return Object.keys(n).filter(l=>n[l]!=null).reduce((l,s)=>{if(e.has(s)){const c=e.get(s);if(typeof c=="string")l[c]=n[s];else{const d=c(s,n[s],n);Object.assign(l,d)}}else l[s]=n[s];return l},{})}function Z(n,e,t=new Map){const l=Q(n,e);return U(l,t)}function K(n={}){function e(r,p,u,g){if(typeof u=="number")return g[r].length===u;if(typeof u=="object"){const S=Object.keys(u)[0],O=u[S];if(S==="not")return Number(g[r].length)!==Number(O);if(S==="moreThan")return Number(g[r].length)>=Number(O);if(S==="lessThan")return Number(g[r].length)<=Number(O)}return!1}function t(r,p,u,g){return g[p]&&g[p].propertyValue&&String(g[p].propertyValue.value)===String(u)}const l=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((r,p)=>(r.set(p,n[p]),r),l);function s(r,p){const u=r;return typeof p=="number"?[{target:u,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:u,operator:"getProperty",param:r,value:!!p}]:typeof p=="object"?Object.keys(p).map(g=>{if(g==="length")return{target:u,operator:"length",param:null,value:p[g]};const S=g,O=p[g];return{target:u,operator:r,param:S,value:O}}):[]}function c(r){return Object.keys(r).reduce((u,g)=>{const S=s(g,r[g]);return u.push(...S),u},[])}function d(r,p){if(l.has(r.operator)){const u=l.get(r.operator);return u&&u(r.target,r.param,r.value,p)||!1}return!1}function C(r,p){return c(r).reduce((S,O)=>S&&d(O,p),!0)}function $(r,p){const u=Object.keys(r),g=u.includes("allOf"),S=u.includes("anyOf"),O=g||S,f=(O?r[O?g?"allOf":"anyOf":"allOf"]:[r]).map(h=>C(h,p));return g?!f.includes(!1):f.includes(!0)}return{parseValueSchema:$}}const x={},I={};K();function W(n,e,t=new Map,l=(d,C,$)=>C,s={},c=d=>d){return L[e.title]=e,A[e.title]=l,x[e.title]=s,I[e.title]=c,(d={})=>{const C=Z(d,e,t),$=Object.keys(n).reduce((r,p)=>(r[p]=n[p].default,r),{});return Object.assign($,C)}}function ee(n,e){return{customClass:e.class}}const F=new Map([["appearance",ee]]);function q(n,e,t){return e}const te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout.schema.json",title:"layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for layout component",type:"string"},type:{description:"The type string of layout component",type:"string",default:"layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},collapsable:{description:"",type:"boolean",default:!1},resizable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},ne={title:"layout",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}},behavior:{description:"Basic Infomation",title:"行为",properties:{collapsable:{description:"",title:"可收折",type:"boolean"},resizable:{description:"",title:"可调整尺寸",type:"boolean"}}}}},B={customClass:{type:String,defaut:""}},T=W(B,te,F,q,ne);function _(n){const e=o.ref(-1),t=o.ref(-1),l=o.ref(0),s=o.ref(0),c=o.ref(!1),d=o.ref(!1),C=o.computed(()=>({display:c.value?"block":"none",left:`${l.value}px`,cursor:"e-resize"})),$=o.computed(()=>({display:d.value?"block":"none",top:`${s.value}px`,cursor:"n-resize"})),r=o.computed(()=>({display:d.value||c.value?"block":"none"}));function p(v,f,m,h){const w=n.value;if(w){const{left:b,right:a,width:y}=w.getBoundingClientRect();let i=v.clientX-b;h==="right"&&(i=a-v.clientX),i>f&&(i=f),i<m&&(i=m),h==="right"&&(i=y-i),l.value=i}}function u(v,f,m,h){const w=n.value;if(w){const{top:b,bottom:a,height:y}=w.getBoundingClientRect();let i=v.clientY-b;h==="bottom"&&(i=a-v.clientY),i>f&&(i=f),i<m&&(i=m),h==="bottom"&&(i=y-i),s.value=i}}function g(){const v=n.value;if(v){const{width:f,height:m}=v.getBoundingClientRect();return{width:f,height:m}}return null}function S(){const v=n.value;return v?Array.from(v.querySelectorAll("[data-position]")).reduce((f,m)=>{const h=m.getAttribute("data-position");return f=Object.assign(f,{[h]:m}),f},{}):null}function O(v,f){const m=g(),h=S();if(m&&h){const w=h==null?void 0:h.right,b=h==null?void 0:h.left;if(v==="left"&&b)return w?m.width-w.clientWidth-f:m.width-f;if(v==="right"&&w)return b?m.width-b.clientWidth-f:m.width-f}}function P(v,f){const m=g(),h=S();if(m&&h){const w=h==null?void 0:h.bottom,b=h==null?void 0:h.top;if(v==="top"&&b)return w?m.height-w.clientHeight-f:m.height-f;if(v==="bottom"&&w)return b?m.height-b.clientHeight-f:m.height-f}}return{horizontalResizeHandleStyle:C,verticalResizeHandleStyle:$,resizeOverlayStyle:r,showHorizontalResizeHandle:c,showVerticalResizeHandle:d,horizontalResizeBarPosition:e,verticalResizeBarPosition:t,verticalResizeHandleOffset:s,horizontalResizeHandleOffset:l,draggingHorizontalResizeHandle:p,draggingVerticalResizeHandle:u,getPanelMaxHeight:P,getPanelMaxWidth:O}}const D=o.defineComponent({name:"FLayout",props:B,emits:[],setup(n,e){const t=o.ref(),l=_(t),{horizontalResizeHandleStyle:s,verticalResizeHandleStyle:c,resizeOverlayStyle:d}=l;return o.provide("layout",{useResizeHandleComposition:l}),()=>o.createVNode("div",{class:"f-layout",ref:t},[e.slots.default&&e.slots.default(),o.createVNode("div",{class:"f-layout-resize-overlay",style:d.value},null),o.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:s.value},null),o.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:c.value},null)])}}),oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout-pane.schema.json",title:"layout-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a layout pane",type:"string"},type:{description:"The type string of layout paney",type:"string",default:"layout-pane"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},collapsable:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},height:{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizeable:{description:"",type:"boolean",default:!0},width:{description:"",type:"number"},visible:{description:"",type:"number",default:!0}}},ae={title:"layout-pane",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"enum"},width:{description:"",type:"number",title:"宽度"},height:{description:"",type:"number",title:"高度"}}},appearance:{title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}},behavior:{description:"",title:"行为",properties:{collapsable:{description:"",type:"boolean",title:"允许收折"},position:{description:"",type:"enum",title:"位置",editor:{type:"combo-list",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}},resizeable:{description:"",type:"boolean",title:"允许调整尺寸"},visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}}}}}},k={customClass:{type:String,defaut:""},width:{type:Number,default:-1},height:{type:Number,default:-1},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:100},minHeight:{type:Number,default:100}},Y=W(k,oe,F,q,ae);function X(n,e,t,l,s){const{horizontalResizeBarPosition:c,horizontalResizeHandleOffset:d,showHorizontalResizeHandle:C,showVerticalResizeHandle:$,verticalResizeBarPosition:r,verticalResizeHandleOffset:p,draggingHorizontalResizeHandle:u,draggingVerticalResizeHandle:g,getPanelMaxHeight:S,getPanelMaxWidth:O}=s;let P="",v,f,m;function h(a){if((P==="left"||P==="right")&&f){const{left:y}=f.getBoundingClientRect(),{width:i}=v.getBoundingClientRect(),M=a.clientX-y;let z=P==="left"?(i||0)+(M-c.value):(i||0)-(M-c.value);z=t.value>0?Math.max(t.value,z):z;const j=O(P,t.value);j!=null&&(z=j>z?z:j),n.value=z}if((P==="top"||P==="bottom")&&f){const{top:y}=f.getBoundingClientRect(),{height:i}=v.getBoundingClientRect(),M=a.clientY-y;let z=P==="top"?(i||0)+(M-r.value):(i||0)-(M-r.value);z=l.value>0?Math.max(l.value,z):z;const j=S(P,l.value);j!=null&&(z=j>z?z:j),e.value=z}d.value=0,p.value=0,c.value=-1,r.value=-1,C.value=!1,$.value=!1,document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",h),document.body.style.userSelect="",P="",v=null,f=null}function w(a,y,i){if(P=y,v=i,C.value=!0,f=a.composedPath().find(z=>(z.className||"").split(" ")[0]==="f-layout"),f){const{left:z}=f.getBoundingClientRect(),j=a.clientX-z;d.value=j,c.value=j;const N=O(P,t.value)||0;m=fe=>u(fe,N,t.value,P),document.addEventListener("mousemove",m),document.addEventListener("mouseup",h),document.body.style.userSelect="none"}}function b(a,y,i){if(P=y,v=i,$.value=!0,f=a.composedPath().find(z=>(z.className||"").split(" ")[0]==="f-layout"),f){const{top:z}=f.getBoundingClientRect();p.value=a.clientY-z,r.value=a.clientY-z;const j=S(P,l.value)||0;m=N=>g(N,j,l.value,P),document.addEventListener("mousemove",m),document.addEventListener("mouseup",h),document.body.style.userSelect="none"}}return{onClickHorizontalResizeBar:w,onClickVerticalResizeBar:b}}const E=o.defineComponent({name:"FLayoutPane",props:k,emits:[],setup(n,e){const t=o.ref(n.minHeight<=0?100:n.minHeight),l=o.ref(n.minWidth<=0?100:n.minWidth),s=o.ref(n.width<=0?100:n.width),c=o.ref(n.height<=100?100:n.height),d=o.ref(Math.max(t.value,c.value)),C=o.ref(Math.max(l.value,s.value)),$=o.ref(),r=o.ref(n.position),p=o.ref(n.resizable),u=o.inject("layout"),{useResizeHandleComposition:g}=u,S=X(C,d,l,t,g),{onClickHorizontalResizeBar:O,onClickVerticalResizeBar:P}=S,v=o.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":r.value==="left","f-layout-resize-bar-n":r.value==="bottom","f-layout-resize-bar-s":r.value==="top","f-layout-resize-bar-w":r.value==="right"})),f=o.computed(()=>r.value!=="center"&&p.value);function m(b,a){(a==="left"||a==="right")&&O(b,a,$.value),(a==="top"||a==="bottom")&&P(b,a,$.value)}const h=o.computed(()=>{const b={"f-layout-pane":!0,"f-page-content-nav":r.value==="left"||r.value==="right","f-page-content-main":r.value==="center"};return n.customClass&&String(n.customClass).split(" ").reduce((a,y)=>(a[y]=!0,a),b),b}),w=o.computed(()=>{const b={};return(C.value&&r.value==="left"||r.value==="right")&&(b.width=`${C.value}px`),(d.value&&r.value==="bottom"||r.value==="top")&&(b.height=`${d.value}px`),n.visible||(b.display="none"),b});return()=>o.createVNode("div",{ref:$,class:h.value,style:w.value,"data-position":r.value},[e.slots.default&&e.slots.default(),f.value&&o.createVNode("span",{class:v.value,onMousedown:b=>m(b,r.value)},null)])}});function re(n,e){function t(){return!1}return{canAccepts:t}}function J(n,e,t){var b;function l(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}l();const s=t&&t.getStyles&&t.getStyles()||"",c=t&&t.getDesignerClass&&t.getDesignerClass()||"",d=o.ref();function C(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function $(){return!1}function r(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function u(a){if(!a||!a.value)return null;if(a.value.schema&&a.value.schema.type==="component")return a.value;const y=o.ref(a==null?void 0:a.value.parent),i=u(y);return i||null}function g(a=e){const{componentInstance:y,designerItemElementRef:i}=a;return!y||!y.value?null:y.value.canMove?i:g(a.parent)}function S(a){return!!t&&t.canAccepts(a)}function O(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function P(){}function v(a,y){y&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(y)}function f(a){const{componentType:y}=a;let i=V(y,a);t&&t.onResolveNewComponentSchema&&(i=t.onResolveNewComponentSchema(a,i));const M=y.toLowerCase().replace("-","_");return i&&!i.id&&i.type===y&&(i.id=`${M}_${Math.random().toString().slice(2,6)}`),i}function m(a,y){const i=String(a.getAttribute("data-controltype")),M=a.getAttribute("data-feature"),z=M?JSON.parse(M):{};z.parentComponentInstance=d.value;let j=V(i,z);t&&t.onAcceptNewChildElement&&(j=t.onAcceptNewChildElement(a,y,j));const N=i.toLowerCase().replace("-","_");return j&&!j.id&&j.type===i&&(j.id=`${N}_${Math.random().toString().slice(2,6)}`),j}function h(a){}function w(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return d.value={canMove:C(),canSelectParent:$(),canDelete:r(),canNested:!p(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(b=e==null?void 0:e.parent)==null?void 0:b.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:c,canAccepts:S,getBelongedComponentInstance:u,getDraggableDesignItemElement:g,getDraggingDisplayText:O,getPropConfig:w,getDragScopeElement:P,onAcceptMovedChildElement:v,onAcceptNewChildElement:m,onChildElementMovedOut:h,addNewChildComponentSchema:f,updateDragAndDropRules:l,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||o.ref(!1)},d}const le=o.defineComponent({name:"FLayoutDesign",props:B,emits:[],setup(n,e){var p;const t=o.ref(),l=o.inject("design-item-context"),s=re(l.schema,(p=l.parent)==null?void 0:p.schema),c=J(t,l,s);c.value.canNested=!1;const d=_(t),{horizontalResizeHandleStyle:C,verticalResizeHandleStyle:$,resizeOverlayStyle:r}=d;return o.provide("layout",{useResizeHandleComposition:d}),o.onMounted(()=>{t.value.componentInstance=c}),e.expose(c.value),()=>o.createVNode("div",{class:"f-layout f-page-content",ref:t},[e.slots.default&&e.slots.default(),o.createVNode("div",{class:"f-layout-resize-overlay",style:r.value},null),o.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:C.value},null),o.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:$.value},null)])}});function ie(){function n(e){var s,c;if(!e)return!1;const t=((s=e.targetContainer)==null?void 0:s.componentInstance)&&e.targetContainer.componentInstance.value;if(!t)return!1;const l=(c=t.schema.appearance)==null?void 0:c.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const d=t.schema.type,C=(d==="response-form"||d==="content-container")&&l&&l.includes("farris-form");if(t.schema.type!=="response-layout-item"&&!C)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}function se(n,e){function t(c){return!!ie().basalDragulaRuleForContainer(c)}function l(c,d,C){return C}function s(){const c=["f-layout-pane"];return(n.position==="left"||n.position==="right")&&c.push("f-page-content-nav"),n.position==="center"&&c.push("f-page-content-main"),c.join(" ")}return{canAccepts:t,getDesignerClass:s,onAcceptNewChildElement:l}}const ce=o.defineComponent({name:"FLayoutPaneDesign",props:k,emits:[],setup(n,e){var b;const t=o.ref(),l=o.ref(),s=o.inject("design-item-context"),c=se(s.schema,(b=s.parent)==null?void 0:b.schema),d=J(l,s,c);d.value.canNested=!1,d.value.canMove=!1,d.value.canDelete=!1,o.onMounted(()=>{l.value.componentInstance=d}),e.expose(d.value);const C=o.ref(Math.max(n.minHeight,n.height)),$=o.ref(Math.max(n.minWidth,n.width)),r=o.ref(n.minHeight),p=o.ref(n.minWidth),u=o.ref(n.position),g=o.inject("layout"),{useResizeHandleComposition:S}=g,O=X($,C,p,r,S),{onClickHorizontalResizeBar:P,onClickVerticalResizeBar:v}=O,f=o.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":u.value==="left","f-layout-resize-bar-n":u.value==="bottom","f-layout-resize-bar-s":u.value==="top","f-layout-resize-bar-w":u.value==="right"}));function m(a,y){(y==="left"||y==="right")&&P(a,y,t.value),(y==="top"||y==="bottom")&&v(a,y,t.value)}const h=o.computed(()=>{const a={"f-layout-pane":!0,"f-page-content-nav":u.value==="left"||u.value==="right","f-page-content-main":u.value==="center"};return n.customClass&&String(n.customClass).split(" ").reduce((y,i)=>(y[i]=!0,y),a),a}),w=o.computed(()=>{const a={flex:"1"};return($.value&&u.value==="left"||u.value==="right")&&(a.width=`${$.value}px`),(C.value&&u.value==="bottom"||u.value==="top")&&(a.height=`${C.value}px`),a});return()=>o.createVNode("div",{ref:t,class:h.value,style:w.value},[o.createVNode("div",{ref:l,class:"drag-container","data-dragref":`${s.schema.id}-container`},[e.slots.default&&e.slots.default()]),o.createVNode("span",{class:f.value,onMousedown:a=>m(a,u.value)},null)])}}),ue={install(n){n.component(D.name,D),n.component(E.name,E)},register(n,e,t){n.layout=D,e.layout=T,n["layout-panel"]=E,e["layout-panel"]=Y},registerDesigner(n,e,t){n.layout=le,e.layout=T,n["layout-panel"]=ce,e["layout-panel"]=Y}};H.Layout=D,H.LayoutPanel=E,H.default=ue,H.layoutProps=B,H.layoutPropsResolver=T,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/layout/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "layout",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/layout/index.d.ts"
-}