@farris/ui-vue 1.3.5 → 1.3.6

package/components/response-layout/index.umd.cjs

@@ -1 +1 @@
-(function(h,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],p):(h=typeof globalThis<"u"?globalThis:h||self,p(h["response-layout"]={},h.Vue,h.LodashES))})(this,function(h,p,P){"use strict";const F={},E={};function M(t){const{properties:e,title:o,ignore:s}=t,n=s&&Array.isArray(s),f=Object.keys(e).reduce((u,y)=>((!n||!s.find($=>$===y))&&(u[y]=e[y].type==="object"&&e[y].properties?M(e[y]):P.cloneDeep(e[y].default)),u),{});if(o&&(!n||!s.find(u=>u==="id"))){const u=o.toLowerCase().replace(/-/g,"_");f.id=`${u}_${Math.random().toString().slice(2,6)}`}return f}function q(t,e={},o){const s=F[t];if(s){let n=M(s);const f=E[t];return n=f?f({getSchemaByType:q},n,e,o):n,n}return null}function W(t,e){const o=M(e);return Object.keys(o).reduce((s,n)=>(s[n]&&P.isPlainObject(s[n])&&P.isPlainObject(t[n]||!t[n])?Object.assign(s[n],t[n]||{}):s[n]=t[n],s),o),o}function H(t,e){return Object.keys(t).filter(s=>t[s]!=null).reduce((s,n)=>{if(e.has(n)){const f=e.get(n);if(typeof f=="string")s[f]=t[n];else{const u=f(n,t[n],t);Object.assign(s,u)}}else s[n]=t[n];return s},{})}function G(t,e,o=new Map){const s=W(t,e);return H(s,o)}function J(t={}){function e(r,a,i,c){if(typeof i=="number")return c[r].length===i;if(typeof i=="object"){const d=Object.keys(i)[0],g=i[d];if(d==="not")return Number(c[r].length)!==Number(g);if(d==="moreThan")return Number(c[r].length)>=Number(g);if(d==="lessThan")return Number(c[r].length)<=Number(g)}return!1}function o(r,a,i,c){return c[r]&&c[r].propertyValue&&String(c[r].propertyValue.value)===String(i)}const s=new Map([["length",e],["getProperty",o]]);Object.keys(t).reduce((r,a)=>(r.set(a,t[a]),r),s);function n(r,a){const i=r;return typeof a=="number"?[{target:i,operator:"length",param:null,value:Number(a)}]:typeof a=="boolean"?[{target:i,operator:"getProperty",param:r,value:!!a}]:typeof a=="object"?Object.keys(a).map(c=>{if(c==="length")return{target:i,operator:"length",param:null,value:a[c]};const d=c,g=a[c];return{target:i,operator:"getProperty",param:d,value:g}}):[]}function f(r){return Object.keys(r).reduce((i,c)=>{const d=n(c,r[c]);return i.push(...d),i},[])}function u(r,a){if(s.has(r.operator)){const i=s.get(r.operator);return i&&i(r.target,r.param,r.value,a)||!1}return!1}function y(r,a){return f(r).reduce((d,g)=>d&&u(g,a),!0)}function $(r,a){const i=Object.keys(r),c=i.includes("allOf"),d=i.includes("anyOf"),g=c||d,v=(g?r[g?c?"allOf":"anyOf":"allOf"]:[r]).map(N=>y(N,a));return c?!v.includes(!1):v.includes(!0)}return{parseValueSchema:$}}const Q={},U={};J();function V(t,e,o=new Map,s=(u,y,$,r)=>y,n={},f=u=>u){return F[e.title]=e,E[e.title]=s,Q[e.title]=n,U[e.title]=f,(u={})=>{const y=G(u,e,o),$=Object.keys(t).reduce((r,a)=>(r[a]=t[a].default,r),{});return Object.assign($,y)}}function X(t,e){return{customClass:e.class,customStyle:e.style}}const w=new Map([["appearance",X]]);function Y(t,e,o){return o.splitter&&(e.contents=String(o.splitter).split(":").map(s=>{const n=t.getSchemaByType("response-layout-item");return n.appearance={class:`h-100 col-${s} px-0`},n})),e}const Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},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"]},C={title:"responseLayout",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:"ResponseLayout",enum:[]}}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"外联样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"}}},appearanceStyle:{description:"样式",type:"cascade",title:"内联样式",properties:{inlineStyle:{description:"",title:"inlineStyle",type:"custom"}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}},layout:{description:"",title:"布局",properties:{layout:{description:"配置布局容器内区块个数及比例",type:"custom",title:"是否可见",editor:{},editorParams:{layout:[]}}}}}},j={customClass:{type:String,default:""}},T=V(j,Z,w,Y,C),S=p.defineComponent({name:"FResponseLayout",props:j,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}}),K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},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"]},D={customClass:{type:String,default:""}},k=V(D,K,w),R=p.defineComponent({name:"FResponseLayoutItem",props:D,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}});function A(t,e,o){var z;const s="",n="",f=p.ref();function u(){return(e==null?void 0:e.schema.componentType)!=="frame"}function y(){return!1}function $(){return(e==null?void 0:e.schema.componentType)!=="frame"}function r(){return(e==null?void 0:e.schema.componentType)==="frame"}function a(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const b=p.ref(l==null?void 0:l.value.parent),m=a(b);return m||null}function i(l=e){const{componentInstance:b,designerItemElementRef:m}=l;return!b||!b.value?null:b.value.canMove?m:i(l.parent)}function c(l){return!!o}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function g(){}function O(l,b){}function B(l,b){const{componentType:m}=l;let L=q(m,l,b);const te=m.toLowerCase().replace(/-/g,"_");return L&&!L.id&&L.type===m&&(L.id=`${te}_${Math.random().toString().slice(2,6)}`),L}function v(l){}function _(...l){}function N(){e!=null&&e.schema.contents&&e.schema.contents.map(l=>{var L;let b=l.id;l.type==="component-ref"&&(b=l.component);const m=t.value.querySelector(`#${b}-design-item`);(L=m==null?void 0:m.componentInstance)!=null&&L.value.onRemoveComponent&&m.componentInstance.value.onRemoveComponent()})}return f.value={canMove:u(),canSelectParent:y(),canDelete:$(),canNested:!r(),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:n,canAccepts:c,getBelongedComponentInstance:a,getDraggableDesignItemElement:i,getDraggingDisplayText:d,getPropConfig:_,getDragScopeElement:g,onAcceptMovedChildElement:O,onChildElementMovedOut:v,addNewChildComponentSchema:B,triggerBelongedComponentToMoveWhenMoved:p.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:p.ref(!1),onRemoveComponent:N},f}const I=p.defineComponent({name:"FResponseLayoutDesign",props:j,emits:[],setup(t,e){const o=p.ref(),s=p.inject("design-item-context"),n=A(o,s);return n.value.canNested=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode("div",{ref:o,class:"d-flex response-layout"},[e.slots.default&&e.slots.default()])}}),x=p.defineComponent({name:"FResponseLayoutItemDesign",props:D,emits:[],setup(t,e){const o=p.ref(),s=p.inject("design-item-context"),n=A(o,s);return n.value.canNested=!1,n.value.canMove=!1,n.value.canDelete=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode(R,{ref:o},{default:()=>[e.slots.default&&e.slots.default()]})}}),ee={install(t){t.component(S.name,S).component(R.name,R)},register(t,e,o,s){t["response-layout"]=S,t["response-layout-item"]=R,e["response-layout"]=T,e["response-layout-item"]=k},registerDesigner(t,e,o){t["response-layout"]=I,t["response-layout-item"]=x,e["response-layout"]=T,e["response-layout-item"]=k}};h.FResponseLayout=S,h.FResponseLayoutItem=R,h.default=ee,h.responseLayoutProps=j,h.responseLayoutPropsResolver=T,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],l):(h=typeof globalThis<"u"?globalThis:h||self,l(h["response-layout"]={},h.Vue,h.LodashES))})(this,function(h,l,S){"use strict";const q={},F={};function D(n){const{properties:e,title:o,ignore:r}=n,t=r&&Array.isArray(r),c=Object.keys(e).reduce((p,y)=>((!t||!r.find($=>$===y))&&(p[y]=e[y].type==="object"&&e[y].properties?D(e[y]):S.cloneDeep(e[y].default)),p),{});if(o&&(!t||!r.find(p=>p==="id"))){const p=o.toLowerCase().replace(/-/g,"_");c.id=`${p}_${Math.random().toString().slice(2,6)}`}return c}function W(n){const{properties:e,title:o,required:r}=n;if(r&&Array.isArray(r)){const t=r.reduce((c,p)=>(c[p]=e[p].type==="object"&&e[p].properties?D(e[p]):S.cloneDeep(e[p].default),c),{});if(o&&r.find(c=>c==="id")){const c=o.toLowerCase().replace(/-/g,"_");t.id=`${c}_${Math.random().toString().slice(2,6)}`}return t}return{type:o}}function w(n,e={},o){const r=q[n];if(r){let t=W(r);const c=F[n];return t=c?c({getSchemaByType:w},t,e,o):t,t}return null}function H(n,e){const o=D(e);return Object.keys(o).reduce((r,t)=>(Object.prototype.hasOwnProperty.call(n,t)&&(r[t]&&S.isPlainObject(r[t])&&S.isPlainObject(n[t]||!n[t])?Object.assign(r[t],n[t]||{}):r[t]=n[t]),r),o),o}function G(n,e){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,t)=>{if(e.has(t)){const c=e.get(t);if(typeof c=="string")r[c]=n[t];else{const p=c(t,n[t],n);Object.assign(r,p)}}else r[t]=n[t];return r},{})}function J(n,e,o=new Map){const r=H(n,e);return G(r,o)}function Q(n={}){function e(s,i,a,u){if(typeof a=="number")return u[s].length===a;if(typeof a=="object"){const d=Object.keys(a)[0],g=a[d];if(d==="not")return Number(u[s].length)!==Number(g);if(d==="moreThan")return Number(u[s].length)>=Number(g);if(d==="lessThan")return Number(u[s].length)<=Number(g)}return!1}function o(s,i,a,u){return u[s]&&u[s].propertyValue&&String(u[s].propertyValue.value)===String(a)}const r=new Map([["length",e],["getProperty",o]]);Object.keys(n).reduce((s,i)=>(s.set(i,n[i]),s),r);function t(s,i){const a=s;return typeof i=="number"?[{target:a,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:a,operator:"getProperty",param:s,value:!!i}]:typeof i=="object"?Object.keys(i).map(u=>{if(u==="length")return{target:a,operator:"length",param:null,value:i[u]};const d=u,g=i[u];return{target:a,operator:"getProperty",param:d,value:g}}):[]}function c(s){return Object.keys(s).reduce((a,u)=>{const d=t(u,s[u]);return a.push(...d),a},[])}function p(s,i){if(r.has(s.operator)){const a=r.get(s.operator);return a&&a(s.target,s.param,s.value,i)||!1}return!1}function y(s,i){return c(s).reduce((d,g)=>d&&p(g,i),!0)}function $(s,i){const a=Object.keys(s),u=a.includes("allOf"),d=a.includes("anyOf"),g=u||d,v=(g?s[g?u?"allOf":"anyOf":"allOf"]:[s]).map(N=>y(N,i));return u?!v.includes(!1):v.includes(!0)}return{parseValueSchema:$}}const U={},X={};Q();function E(n,e,o=new Map,r=(p,y,$,s)=>y,t={},c=p=>p){return q[e.title]=e,F[e.title]=r,U[e.title]=t,X[e.title]=c,(p={})=>{const y=J(p,e,o),$=Object.keys(n).reduce((s,i)=>(s[i]=n[i].default,s),{});return Object.assign($,y)}}function Y(n,e){return{customClass:e.class,customStyle:e.style}}const V=new Map([["appearance",Y]]);function Z(n,e,o){return o.splitter&&(e.contents=String(o.splitter).split(":").map(r=>{const t=n.getSchemaByType("response-layout-item");return t.appearance={class:`h-100 col-${r} px-0`},t})),e}const C={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},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"]},K={title:"responseLayout",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:"ResponseLayout",enum:[]}}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"外联样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"}}},appearanceStyle:{description:"样式",type:"cascade",title:"内联样式",properties:{inlineStyle:{description:"",title:"inlineStyle",type:"custom"}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}},layout:{description:"",title:"布局",properties:{layout:{description:"配置布局容器内区块个数及比例",type:"custom",title:"是否可见",editor:{},editorParams:{layout:[]}}}}}},P={customClass:{type:String,default:""}},M=E(P,C,V,Z,K),j=l.defineComponent({name:"FResponseLayout",props:P,emits:[],setup(n,e){return()=>l.createVNode("div",{class:n.customClass},[e.slots.default&&e.slots.default()])}}),I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},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"]},T={customClass:{type:String,default:""}},A=E(T,I,V),R=l.defineComponent({name:"FResponseLayoutItem",props:T,emits:[],setup(n,e){return()=>l.createVNode("div",{class:n.customClass},[e.slots.default&&e.slots.default()])}});function B(n,e,o){var z;const r="",t="",c=l.ref();function p(){return(e==null?void 0:e.schema.componentType)!=="frame"}function y(){return!1}function $(){return(e==null?void 0:e.schema.componentType)!=="frame"}function s(){return(e==null?void 0:e.schema.componentType)==="frame"}function i(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const b=l.ref(f==null?void 0:f.value.parent),m=i(b);return m||null}function a(f=e){const{componentInstance:b,designerItemElementRef:m}=f;return!b||!b.value?null:b.value.canMove?m:a(f.parent)}function u(f){return!!o}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function g(){}function O(f,b){}function k(f,b){const{componentType:m}=f;let L=w(m,f,b);const ne=m.toLowerCase().replace(/-/g,"_");return L&&!L.id&&L.type===m&&(L.id=`${ne}_${Math.random().toString().slice(2,6)}`),L}function v(f){}function _(...f){}function N(){e!=null&&e.schema.contents&&e.schema.contents.map(f=>{var L;let b=f.id;f.type==="component-ref"&&(b=f.component);const m=n.value.querySelector(`#${b}-design-item`);(L=m==null?void 0:m.componentInstance)!=null&&L.value.onRemoveComponent&&m.componentInstance.value.onRemoveComponent()})}return c.value={canMove:p(),canSelectParent:y(),canDelete:$(),canNested:!s(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:t,canAccepts:u,getBelongedComponentInstance:i,getDraggableDesignItemElement:a,getDraggingDisplayText:d,getPropConfig:_,getDragScopeElement:g,onAcceptMovedChildElement:O,onChildElementMovedOut:v,addNewChildComponentSchema:k,triggerBelongedComponentToMoveWhenMoved:l.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:l.ref(!1),onRemoveComponent:N},c}const x=l.defineComponent({name:"FResponseLayoutDesign",props:P,emits:[],setup(n,e){const o=l.ref(),r=l.inject("design-item-context"),t=B(o,r);return t.value.canNested=!1,l.onMounted(()=>{o.value.componentInstance=t}),e.expose(t.value),()=>l.createVNode("div",{ref:o,class:"d-flex response-layout"},[e.slots.default&&e.slots.default()])}}),ee=l.defineComponent({name:"FResponseLayoutItemDesign",props:T,emits:[],setup(n,e){const o=l.ref(),r=l.inject("design-item-context"),t=B(o,r);return t.value.canNested=!1,t.value.canMove=!1,t.value.canDelete=!1,l.onMounted(()=>{o.value.componentInstance=t}),e.expose(t.value),()=>l.createVNode(R,{ref:o},{default:()=>[e.slots.default&&e.slots.default()]})}}),te={install(n){n.component(j.name,j).component(R.name,R)},register(n,e,o,r){n["response-layout"]=j,n["response-layout-item"]=R,e["response-layout"]=M,e["response-layout-item"]=A},registerDesigner(n,e,o){n["response-layout"]=x,n["response-layout-item"]=ee,e["response-layout"]=M,e["response-layout-item"]=A}};h.FResponseLayout=j,h.FResponseLayoutItem=R,h.default=te,h.responseLayoutProps=P,h.responseLayoutPropsResolver=M,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});