@farris/ui-vue 1.2.6 → 1.2.8

package/components/content-container/index.umd.cjs

@@ -1 +0,0 @@
-(function(D,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],A):(D=typeof globalThis<"u"?globalThis:D||self,A(D["content-container"]={},D.Vue,D.LodashES))})(this,function(D,A,J){"use strict";const B={},W={};function k(n){const{properties:e,title:t}=n,r=Object.keys(e).reduce((a,b)=>(a[b]=e[b].type==="object"&&e[b].properties?k(e[b]):J.cloneDeep(e[b].default),a),{});return r.id=`${t}-${Date.now()}`,r}function S(n,e={}){const t=B[n];if(t){let r=k(t);const a=W[n];return r=a?a({getSchemaByType:S},r,e):r,r}return null}function H(n,e){const t=k(e);return Object.keys(n).reduce((r,a)=>(r[a]=n[a],r),t),t}function Q(n,e){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,a)=>{if(e.has(a)){const b=e.get(a);if(typeof b=="string")r[b]=n[a];else{const m=b(a,n[a],n);Object.assign(r,m)}}else r[a]=n[a];return r},{})}function U(n,e,t=new Map){const r=H(n,e);return Q(r,t)}function X(n={}){function e(p,d,f,y){if(typeof f=="number")return y[p].length===f;if(typeof f=="object"){const P=Object.keys(f)[0],o=f[P];if(P==="not")return Number(y[p].length)!==Number(o);if(P==="moreThan")return Number(y[p].length)>=Number(o);if(P==="lessThan")return Number(y[p].length)<=Number(o)}return!1}function t(p,d,f,y){return y[p]&&y[p].propertyValue&&String(y[p].propertyValue.value)===String(f)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((p,d)=>(p.set(d,n[d]),p),r);function a(p,d){const f=p;return typeof d=="number"?[{target:f,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:f,operator:"getProperty",param:p,value:!!d}]:typeof d=="object"?Object.keys(d).map(y=>{if(y==="length")return{target:f,operator:"length",param:null,value:d[y]};const P=y,o=d[y];return{target:f,operator:"getProperty",param:P,value:o}}):[]}function b(p){return Object.keys(p).reduce((f,y)=>{const P=a(y,p[y]);return f.push(...P),f},[])}function m(p,d){if(r.has(p.operator)){const f=r.get(p.operator);return f&&f(p.target,p.param,p.value,d)||!1}return!1}function j(p,d){return b(p).reduce((P,o)=>P&&m(o,d),!0)}function w(p,d){const f=Object.keys(p),y=f.includes("allOf"),P=f.includes("anyOf"),o=y||P,u=(o?p[o?y?"allOf":"anyOf":"allOf"]:[p]).map(s=>j(s,d));return y?!u.includes(!1):u.includes(!0)}return{parseValueSchema:w}}const Y={},Z={};X();function R(n,e,t=new Map,r=(m,j,w)=>j,a={},b=m=>m){return B[e.title]=e,W[e.title]=r,Y[e.title]=a,Z[e.title]=b,(m={})=>{const j=U(m,e,t),w=Object.keys(n).reduce((p,d)=>(p[d]=n[d].default,p),{});return Object.assign(w,j)}}function K(n,e){return{customClass:e.class,customStyle:e.style}}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:"combo-list",textField:"value",valueField:"key",data:[{key:"content-container",value:"容器"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}}}}};function te(n,e,t){return e}const N={customClass:{type:String,default:""},customStyle:{type:String,default:""}},V=R(N,I,x,te,ee),F=A.defineComponent({name:"FContentContainer",props:N,emits:[],setup(n,e){return()=>A.createVNode("div",{class:n.customClass,style:n.customStyle},[e.slots.default&&e.slots.default()])}});function ne(){function n(e){var a,b;if(!e)return!1;const t=((a=e.targetContainer)==null?void 0:a.componentInstance)&&e.targetContainer.componentInstance.value;if(!t)return!1;const r=(b=t.schema.appearance)==null?void 0:b.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const m=t.schema.type,j=(m==="response-form"||m==="content-container")&&r&&r.includes("farris-form");if(t.schema.type!=="response-layout-item"&&!j)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}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:[]},L=new Map;function re(){function n(o,l,c,u){var T;if(typeof c=="number")return((T=u[o])==null?void 0:T.length)===c;if(typeof c=="object"){const s=Object.keys(c)[0],C=c[s];if(s==="not")return Number(u[o].length)!==Number(C);if(s==="moreThan")return Number(u[o].length)>=Number(C);if(s==="lessThan")return Number(u[o].length)<=Number(C)}return!1}function e(o,l,c,u){return typeof c=="boolean"?u.childrenClassList.includes(l)===!!c:!1}function t(o,l,c,u){return typeof c=="boolean"?u.parentClassList.includes(l)===!!c:!1}function r(o,l,c,u){return typeof c=="boolean"?u.parentClassList.includes(l)===!!c:!1}const a=new Map([["length",n],["hasChildren",e],["hasSibling",r],["hasParent",t]]);function b(o,l){const c=o;return typeof l=="number"?[{target:c,operator:"length",param:null,value:Number(l)}]:typeof l=="object"?Object.keys(l).map(u=>{if(u==="length")return{target:c,operator:"length",param:null,value:l[u]};const T=u,s=l[u];return{target:c,operator:o==="children"?"hasChildren":o==="parent"?"hasParent":"hasSibling",param:T,value:s}}):[]}function m(o,l){if(a.has(o.operator)){const c=a.get(o.operator);return c&&c(o.target,o.param,o.value,l)||!1}return!1}function j(o,l){return Object.keys(o).reduce((s,C)=>{const v=b(C,o[C]);return s.push(...v),s},[]).reduce((s,C)=>s&&m(C,l),!0)}function w(o,l){const c=Object.keys(o),u=c.includes("allOf"),T=c.includes("anyOf"),s=u||T,i=(s?o[s?u?"allOf":"anyOf":"allOf"]:[o]).map(h=>j(h,l));return u?!i.includes(!1):i.includes(!0)}function p(o,l){const c=o.const;return c?typeof c=="boolean"?c:typeof c=="object"?w(c,l):!1:!1}function d(o){return l=>{const c={canAccept:!0,fixed:!1,hidePadding:!1};return o&&o.properties&&Object.keys(o.properties).reduce((u,T)=>{const s=o.properties[T];return u[T]=p(s,l),u},c),c}}function f(o,l,c){if(l.type==="object"&&l.properties){const{rules:u,contents:T}=l.properties;c.set(o,d(u)),T&&Object.keys(T.properties).forEach(s=>f(s,T.properties[s],c))}}function y(){const{properties:o}=oe;Object.keys(o).forEach(l=>{f(l,o[l],L)})}function P(o,l){const c={canAccept:!0,fixed:!1,hidePadding:!0};return L.has(o)?L.get(o)(l):c}return y(),{getRuleValue:P}}function ce(n,e){const t=re(),r=A.ref(!1),a=A.ref(!1);let b=!0,m=!1,j,w=!1;function p(s){return j&&j.componentClassList&&j.componentClassList.includes("f-form-layout")&&j.componentClassList.includes("farris-form")?s.sourceType==="control"&&s.controlCategory==="input"||s.sourceType==="move"&&s.controlType==="form-group":!0}function d(s){return!(!ne().basalDragulaRuleForContainer(s)||!b||!p(s))}function f(){r.value=!1,a.value=!1;const s=n,C=s.appearance&&s.appearance.class||"",v=C.split(" "),i=s.contents||[],g=i.length?i[0]:null,h=g&&g.appearance?g.appearance.class:"",$=h?h.split(" "):[],M=i.length?i.reduce((z,q)=>{const G=q&&q.appearance?q.appearance.class:"",he=G?G.split(" "):[];return z.push(...he),z},[]):[],O=e,E=O&&O.appearance&&O.appearance.class||"",fe=E?E.split(" "):[];j={componentClass:C,componentClassList:v,childContents:i,firstChildContent:g,firstChildClass:h,firstChildClassList:$,parent:O,parentClass:E,parentClassList:fe,children:i,childrenClassList:M};const{canAccept:de,fixed:ye,hidePadding:be}=t.getRuleValue(v[0],j);return b=de,m=be,w=ye,!0}function y(s){A.nextTick()}function P(){return n.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function o(s,C){const v=n;if((v.appearance&&v.appearance.class||"").split(" ").includes("f-form-layout")){const{label:h}=s,$=S("form-group");return $.editor=C,$.label=h,$}return C}function l(s,C,v){const i=n;if((i.appearance&&i.appearance.class||"").split(" ").includes("f-form-layout")){const $=String(s.innerText),M=S("form-group");return M.editor=v,M.label=$,M}return v}function c(){return!w}function u(){return!w}function T(){return m}return{canAccepts:d,resolveComponentContext:f,getStyles:P,onAcceptNewChildElement:l,onAcceptMovedChildElement:y,onResolveNewComponentSchema:o,triggerBelongedComponentToMoveWhenMoved:r,triggerBelongedComponentToDeleteWhenDeleted:a,checkCanMoveComponent:c,checkCanDeleteComponent:u,hideNestedPaddingInDesginerView:T}}function se(n,e,t){var v;function r(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}r();const a=t&&t.getStyles&&t.getStyles()||"",b=t&&t.getDesignerClass&&t.getDesignerClass()||"",m=A.ref();function j(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function w(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function f(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const g=A.ref(i==null?void 0:i.value.parent),h=f(g);return h||null}function y(i=e){const{componentInstance:g,designerItemElementRef:h}=i;return!g||!g.value?null:g.value.canMove?h:y(i.parent)}function P(i){return!!t&&t.canAccepts(i)}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 l(){}function c(i,g){g&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(g)}function u(i){const{componentType:g}=i;let h=S(g,i);t&&t.onResolveNewComponentSchema&&(h=t.onResolveNewComponentSchema(i,h));const $=g.toLowerCase().replace("-","_");return h&&!h.id&&h.type===g&&(h.id=`${$}_${Math.random().toString().slice(2,6)}`),h}function T(i,g){const h=String(i.getAttribute("data-controltype")),$=i.getAttribute("data-feature"),M=$?JSON.parse($):{};M.parentComponentInstance=m.value;let O=S(h,M);t&&t.onAcceptNewChildElement&&(O=t.onAcceptNewChildElement(i,g,O));const E=h.toLowerCase().replace("-","_");return O&&!O.id&&O.type===h&&(O.id=`${E}_${Math.random().toString().slice(2,6)}`),O}function s(i){}function C(...i){if(t&&t.getPropsConfig)return t.getPropsConfig(...i)}return m.value={canMove:j(),canSelectParent:w(),canDelete:p(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(v=e==null?void 0:e.parent)==null?void 0:v.componentInstance,schema:e==null?void 0:e.schema,styles:a,designerClass:b,canAccepts:P,getBelongedComponentInstance:f,getDraggableDesignItemElement:y,getDraggingDisplayText:o,getPropConfig:C,getDragScopeElement:l,onAcceptMovedChildElement:c,onAcceptNewChildElement:T,onChildElementMovedOut:s,addNewChildComponentSchema:u,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||A.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||A.ref(!1)},m}const ae=["moz","ms","webkit"];function ie(){let n=0;return e=>{const t=new Date().getTime(),r=Math.max(0,16-(t-n)),a=setTimeout(()=>{e(t+r)},r);return n=t+r,a}}function pe(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const n=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return n?window[`${n}RequestAnimationFrame`]:ie()}pe();function le(n,e){return((e==null?void 0:e.split(" "))||[]).reduce((r,a)=>(a&&(r[a]=!0),r),n),n}const _=A.defineComponent({name:"FContentContainerDesign",props:N,emits:[],setup(n,e){var j;const t=A.ref(),r=A.inject("design-item-context"),a=ce(r.schema,(j=r.parent)==null?void 0:j.schema),b=se(t,r,a),m=A.computed(()=>le({"drag-container":!0},n==null?void 0:n.customClass));return A.onMounted(()=>{t.value.componentInstance=b}),e.expose(b.value),()=>A.createVNode("div",{ref:t,class:m.value,style:n.customStyle,"data-dragref":`${r.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),ue={install(n){n.component(F.name,F)},register(n,e,t,r){n["content-container"]=F,e["content-container"]=V},registerDesigner(n,e,t){n["content-container"]=_,e["content-container"]=V}};D.ContentContainer=F,D.ContentContainerDesign=_,D.contentContainerProps=N,D.default=ue,D.propsResolver=V,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});