@farris/ui-vue 1.1.0 → 1.1.1

package/content-container/index.umd.js

@@ -1 +0,0 @@
-(function(D,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],C):(D=typeof globalThis<"u"?globalThis:D||self,C(D["content-container"]={},D.Vue,D.LodashES))})(this,function(D,C,J){"use strict";const q={},W={};function L(o){const{properties:e,title:t}=o,c=Object.keys(e).reduce((l,b)=>(l[b]=e[b].type==="object"&&e[b].properties?L(e[b]):J.cloneDeep(e[b].default),l),{});return c.id=`${t}-${Date.now()}`,c}function w(o,e={}){const t=q[o];if(t){let c=L(t);const l=W[o];return c=l?l({getSchemaByType:w},c,e):c,c}return null}function H(o,e){const t=L(e);return Object.keys(o).reduce((c,l)=>(c[l]=o[l],c),t),t}function Q(o,e){return Object.keys(o).filter(c=>o[c]!=null).reduce((c,l)=>{if(e.has(l)){const b=e.get(l);if(typeof b=="string")c[b]=o[l];else{const m=b(l,o[l],o);Object.assign(c,m)}}else c[l]=o[l];return c},{})}function U(o,e,t=new Map){const c=H(o,e);return Q(c,t)}function X(o={}){function e(i,f,d,y){if(typeof d=="number")return y[i].length===d;if(typeof d=="object"){const P=Object.keys(d)[0],n=d[P];if(P==="not")return Number(y[i].length)!==Number(n);if(P==="moreThan")return Number(y[i].length)>=Number(n);if(P==="lessThan")return Number(y[i].length)<=Number(n)}return!1}function t(i,f,d,y){return y[f]&&y[f].propertyValue&&String(y[f].propertyValue.value)===String(d)}const c=new Map([["length",e],["getProperty",t]]);Object.keys(o).reduce((i,f)=>(i.set(f,o[f]),i),c);function l(i,f){const d=i;return typeof f=="number"?[{target:d,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:d,operator:"getProperty",param:i,value:!!f}]:typeof f=="object"?Object.keys(f).map(y=>{if(y==="length")return{target:d,operator:"length",param:null,value:f[y]};const P=y,n=f[y];return{target:d,operator:i,param:P,value:n}}):[]}function b(i){return Object.keys(i).reduce((d,y)=>{const P=l(y,i[y]);return d.push(...P),d},[])}function m(i,f){if(c.has(i.operator)){const d=c.get(i.operator);return d&&d(i.target,i.param,i.value,f)||!1}return!1}function v(i,f){return b(i).reduce((P,n)=>P&&m(n,f),!0)}function $(i,f){const d=Object.keys(i),y=d.includes("allOf"),P=d.includes("anyOf"),n=y||P,u=(n?i[n?y?"allOf":"anyOf":"allOf"]:[i]).map(s=>v(s,f));return y?!u.includes(!1):u.includes(!0)}return{parseValueSchema:$}}const Y={},Z={};X();function R(o,e,t=new Map,c=(m,v,$)=>v,l={},b=m=>m){return q[e.title]=e,W[e.title]=c,Y[e.title]=l,Z[e.title]=b,(m={})=>{const v=U(m,e,t),$=Object.keys(o).reduce((i,f)=>(i[f]=o[f].default,i),{});return Object.assign($,v)}}function K(o,e){return{customClass:e.class}}const x=new Map([["appearance",K]]),I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/content-container.schema.json",title:"content-container",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"content-container"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},ee={title:"content-container",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:"container",enum:[]}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}},isScrollspyContainer:{description:"是否为被监听页面滚动的容器",title:"被监听滚动的容器",type:"boolean",defaultValue:!1},scrollOffset:{description:"滚动时每个节点的偏移量",title:"节点偏移量（px）",type:"number",visible:!0,decimals:0,min:0,defaultValue:0},isScrollCollapsibleArea:{description:"是否为滚动收折父容器",title:"滚动收折父容器",type:"boolean",defaultValue:!1,readonly:!1},isScrollArea:{description:"是否为滚动收折父容器下的滚动区域",title:"滚动收折父容器下的滚动区域",type:"boolean",default:!1,readonly:!0}}}}};function te(o,e,t){return e}const S={customClass:{type:String,default:""}},k=R(S,I,x,te,ee),V=C.defineComponent({name:"FContentContainer",props:S,emits:[],setup(o,e){return()=>C.createVNode("div",{class:o.customClass},[e.slots.default&&e.slots.default()])}});function ne(){function o(e){var l,b;if(!e)return!1;const t=((l=e.targetContainer)==null?void 0:l.componentInstance)&&e.targetContainer.componentInstance.value;if(!t)return!1;const c=(b=t.schema.appearance)==null?void 0:b.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const m=t.schema.type,v=(m==="response-form"||m==="content-container")&&c&&c.includes("farris-form");if(t.schema.type!=="response-layout-item"&&!v)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:o}}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"}}}},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"}},required:[]},F=new Map;function re(){function o(n,a,r,u){if(typeof r=="number")return u[n].length===r;if(typeof r=="object"){const j=Object.keys(r)[0],s=r[j];if(j==="not")return Number(u[n].length)!==Number(s);if(j==="moreThan")return Number(u[n].length)>=Number(s);if(j==="lessThan")return Number(u[n].length)<=Number(s)}return!1}function e(n,a,r,u){return typeof r=="boolean"?u.childrenClassList.includes(a)===!!r:!1}function t(n,a,r,u){return typeof r=="boolean"?u.parentClassList.includes(a)===!!r:!1}function c(n,a,r,u){return typeof r=="boolean"?u.parentClassList.includes(a)===!!r:!1}const l=new Map([["length",o],["hasChildren",e],["hasSibling",c],["hasParent",t]]);function b(n,a){const r=n;return typeof a=="number"?[{target:r,operator:"length",param:null,value:Number(a)}]:typeof a=="object"?Object.keys(a).map(u=>{if(u==="length")return{target:r,operator:"length",param:null,value:a[u]};const j=u,s=a[u];return{target:r,operator:n==="children"?"hasChildren":n==="parent"?"hasParent":"hasSibling",param:j,value:s}}):[]}function m(n,a){if(l.has(n.operator)){const r=l.get(n.operator);return r&&r(n.target,n.param,n.value,a)||!1}return!1}function v(n,a){return Object.keys(n).reduce((s,T)=>{const A=b(T,n[T]);return s.push(...A),s},[]).reduce((s,T)=>s&&m(T,a),!0)}function $(n,a){const r=Object.keys(n),u=r.includes("allOf"),j=r.includes("anyOf"),s=u||j,p=(s?n[s?u?"allOf":"anyOf":"allOf"]:[n]).map(h=>v(h,a));return u?!p.includes(!1):p.includes(!0)}function i(n,a){const r=n.const;return r?typeof r=="boolean"?r:typeof r=="object"?$(r,a):!1:!1}function f(n){return a=>{const r={canAccept:!0,fixed:!1,hidePadding:!1};return n&&n.properties&&Object.keys(n.properties).reduce((u,j)=>{const s=n.properties[j];return u[j]=i(s,a),u},r),r}}function d(n,a,r){if(a.type==="object"&&a.properties){const{rules:u,contents:j}=a.properties;r.set(n,f(u)),j&&Object.keys(j.properties).forEach(s=>d(s,j.properties[s],r))}}function y(){const{properties:n}=oe;Object.keys(n).forEach(a=>{d(a,n[a],F)})}function P(n,a){const r={canAccept:!0,fixed:!1,hidePadding:!0};return F.has(n)?F.get(n)(a):r}return y(),{getRuleValue:P}}function ce(o,e){const t=re(),c=C.ref(!1),l=C.ref(!1);let b=!0,m=!1,v,$=!1;function i(s){return v&&v.componentClassList&&v.componentClassList.includes("f-form-layout")&&v.componentClassList.includes("farris-form")?s.sourceType==="control"&&s.controlCategory==="input"||s.sourceType==="move"&&s.controlType==="form-group":!0}function f(s){return!(!ne().basalDragulaRuleForContainer(s)||!b||!i(s))}function d(){c.value=!1,l.value=!1;const s=o,T=s.appearance&&s.appearance.class||"",A=T.split(" "),p=s.contents||[],g=p.length?p[0]:null,h=g&&g.appearance?g.appearance.class:"",O=h?h.split(" "):[],M=p.length?p.reduce((G,B)=>{const z=B&&B.appearance?B.appearance.class:"",fe=z?z.split(" "):[];return G.push(...fe),G},[]):[],E=e,N=E&&E.appearance&&E.appearance.class||"",pe=N?N.split(" "):[];v={componentClass:T,componentClassList:A,childContents:p,firstChildContent:g,firstChildClass:h,firstChildClassList:O,parent:E,parentClass:N,parentClassList:pe,children:p,childrenClassList:M};const{canAccept:ie,fixed:le,hidePadding:ue}=t.getRuleValue(A[0],v);return b=ie,m=ue,$=le,!0}function y(s){C.nextTick()}function P(){return o.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function n(s,T){const A=o;if((A.appearance&&A.appearance.class||"").split(" ").includes("f-form-layout")){const{label:h}=s,O=w("form-group");return O.editor=T,O.label=h,O}return T}function a(s,T,A){const p=o;if((p.appearance&&p.appearance.class||"").split(" ").includes("f-form-layout")){const O=String(s.innerText),M=w("form-group");return M.editor=A,M.label=O,M}return A}function r(){return!$}function u(){return!$}function j(){return m}return{canAccepts:f,resolveComponentContext:d,getStyles:P,onAcceptNewChildElement:a,onAcceptMovedChildElement:y,onResolveNewComponentSchema:n,triggerBelongedComponentToMoveWhenMoved:c,triggerBelongedComponentToDeleteWhenDeleted:l,checkCanMoveComponent:r,checkCanDeleteComponent:u,hideNestedPaddingInDesginerView:j}}function se(o,e,t){var A;function c(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}c();const l=t&&t.getStyles&&t.getStyles()||"",b=t&&t.getDesignerClass&&t.getDesignerClass()||"",m=C.ref();function v(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function $(){return!1}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function f(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function d(p){if(!p||!p.value)return null;if(p.value.schema&&p.value.schema.type==="component")return p.value;const g=C.ref(p==null?void 0:p.value.parent),h=d(g);return h||null}function y(p=e){const{componentInstance:g,designerItemElementRef:h}=p;return!g||!g.value?null:g.value.canMove?h:y(p.parent)}function P(p){return!!t&&t.canAccepts(p)}function n(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function a(){}function r(p,g){g&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(g)}function u(p){const{componentType:g}=p;let h=w(g,p);t&&t.onResolveNewComponentSchema&&(h=t.onResolveNewComponentSchema(p,h));const O=g.toLowerCase().replace("-","_");return h&&!h.id&&h.type===g&&(h.id=`${O}_${Math.random().toString().slice(2,6)}`),h}function j(p,g){const h=String(p.getAttribute("data-controltype")),O=p.getAttribute("data-feature"),M=O?JSON.parse(O):{};M.parentComponentInstance=m.value;let E=w(h,M);t&&t.onAcceptNewChildElement&&(E=t.onAcceptNewChildElement(p,g,E));const N=h.toLowerCase().replace("-","_");return E&&!E.id&&E.type===h&&(E.id=`${N}_${Math.random().toString().slice(2,6)}`),E}function s(p){}function T(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return m.value={canMove:v(),canSelectParent:$(),canDelete:i(),canNested:!f(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:(A=e==null?void 0:e.parent)==null?void 0:A.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:b,canAccepts:P,getBelongedComponentInstance:d,getDraggableDesignItemElement:y,getDraggingDisplayText:n,getPropConfig:T,getDragScopeElement:a,onAcceptMovedChildElement:r,onAcceptNewChildElement:j,onChildElementMovedOut:s,addNewChildComponentSchema:u,updateDragAndDropRules:c,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||C.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||C.ref(!1)},m}const _=C.defineComponent({name:"FContentContainerDesign",props:S,emits:[],setup(o,e){var m;const t=C.ref(),c=C.inject("design-item-context"),l=ce(c.schema,(m=c.parent)==null?void 0:m.schema),b=se(t,c,l);return C.onMounted(()=>{t.value.componentInstance=b}),e.expose(b.value),()=>C.createVNode("div",{ref:t,class:"drag-container","data-dragref":`${c.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),ae={install(o){o.component(V.name,V)},register(o,e,t){o["content-container"]=V,e["content-container"]=k},registerDesigner(o,e,t){o["content-container"]=_,e["content-container"]=k}};D.ContentContainer=V,D.ContentContainerDesign=_,D.contentContainerProps=S,D.default=ae,D.propsResolver=k,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/content-container/package.json

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