@farris/ui-vue 1.1.0 → 1.1.1

package/list-nav/index.umd.js

@@ -1 +0,0 @@
-(function(w,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],r):(w=typeof globalThis<"u"?globalThis:w||self,r(w["list-nav"]={},w.Vue,w.LodashES))})(this,function(w,r,G){"use strict";const q={},H={};function L(o){const{properties:e,title:t}=o,a=Object.keys(e).reduce((f,h)=>(f[h]=e[h].type==="object"&&e[h].properties?L(e[h]):G.cloneDeep(e[h].default),f),{});return a.id=`${t}-${Date.now()}`,a}function O(o,e={}){const t=q[o];if(t){let a=L(t);const f=H[o];return a=f?f({getSchemaByType:O},a,e):a,a}return null}function z(o,e){const t=L(e);return Object.keys(o).reduce((a,f)=>(a[f]=o[f],a),t),t}function J(o,e){return Object.keys(o).filter(a=>o[a]!=null).reduce((a,f)=>{if(e.has(f)){const h=e.get(f);if(typeof h=="string")a[h]=o[f];else{const m=h(f,o[f],o);Object.assign(a,m)}}else a[f]=o[f];return a},{})}function Q(o,e,t=new Map){const a=z(o,e);return J(a,t)}function U(o={}){function e(i,p,y,b){if(typeof y=="number")return b[i].length===y;if(typeof y=="object"){const N=Object.keys(y)[0],n=y[N];if(N==="not")return Number(b[i].length)!==Number(n);if(N==="moreThan")return Number(b[i].length)>=Number(n);if(N==="lessThan")return Number(b[i].length)<=Number(n)}return!1}function t(i,p,y,b){return b[p]&&b[p].propertyValue&&String(b[p].propertyValue.value)===String(y)}const a=new Map([["length",e],["getProperty",t]]);Object.keys(o).reduce((i,p)=>(i.set(p,o[p]),i),a);function f(i,p){const y=i;return typeof p=="number"?[{target:y,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:y,operator:"getProperty",param:i,value:!!p}]:typeof p=="object"?Object.keys(p).map(b=>{if(b==="length")return{target:y,operator:"length",param:null,value:p[b]};const N=b,n=p[b];return{target:y,operator:i,param:N,value:n}}):[]}function h(i){return Object.keys(i).reduce((y,b)=>{const N=f(b,i[b]);return y.push(...N),y},[])}function m(i,p){if(a.has(i.operator)){const y=a.get(i.operator);return y&&y(i.target,i.param,i.value,p)||!1}return!1}function v(i,p){return h(i).reduce((N,n)=>N&&m(n,p),!0)}function T(i,p){const y=Object.keys(i),b=y.includes("allOf"),N=y.includes("anyOf"),n=b||N,d=(n?i[n?b?"allOf":"anyOf":"allOf"]:[i]).map(l=>v(l,p));return b?!d.includes(!1):d.includes(!0)}return{parseValueSchema:T}}const X={},Y={};U();function Z(o,e,t=new Map,a=(m,v,T)=>v,f={},h=m=>m){return q[e.title]=e,H[e.title]=a,X[e.title]=f,Y[e.title]=h,(m={})=>{const v=Q(m,e,t),T=Object.keys(o).reduce((i,p)=>(i[p]=o[p].default,i),{});return Object.assign(T,v)}}function R(o,e){return{customClass:e.class}}const K=new Map([["appearance",R]]);function x(o,e,t){return e}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-nav.schema.json",title:"list-nav",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a list-nav",type:"string"},type:{description:"The type string of list-nav component",type:"string",default:"list-nav"},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:"list-nav",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}}}}},E={position:{Type:String,default:"left"},title:{Type:String,default:"业务支付申请来源1"},width:{Type:Number,default:200},height:{Type:Number,default:320}},F=Z(E,I,K,x,ee),S=r.defineComponent({name:"FListNav",props:E,emits:[],setup(o,e){let t=!1;const a=r.ref(o.position),f=r.ref(o.width),h=r.ref(o.title),m=r.computed({set(p){p!=null&&t!==p&&(t=p)},get(){return t}}),v=r.ref(o.height),T=r.computed(()=>m.value?"0px":`${f.value}px`),i=r.computed(()=>m.value?"0px":`${v.value}px`);return()=>r.createVNode("div",{class:`f-list-nav f-list-nav-${a.value}`},[r.createVNode("div",{class:"f-list-nav-in",style:[{width:T.value},{height:i.value}]},[r.createVNode("div",null,[r.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&r.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&h.value&&r.createVNode("div",{class:"f-list-nav-header"},[r.createVNode("div",{class:"f-list-nav-title"},[h.value])])]),e.slots.navContent&&r.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&r.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])])])])}});function te(o,e,t){var $;function a(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}a();const f=t&&t.getStyles&&t.getStyles()||"",h=t&&t.getDesignerClass&&t.getDesignerClass()||"",m=r.ref();function v(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function T(){return!1}function i(){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 y(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const j=r.ref(u==null?void 0:u.value.parent),g=y(j);return g||null}function b(u=e){const{componentInstance:j,designerItemElementRef:g}=u;return!j||!j.value?null:j.value.canMove?g:b(u.parent)}function N(u){return!!t&&t.canAccepts(u)}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 c(){}function s(u,j){j&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(j)}function d(u){const{componentType:j}=u;let g=O(j,u);t&&t.onResolveNewComponentSchema&&(g=t.onResolveNewComponentSchema(u,g));const A=j.toLowerCase().replace("-","_");return g&&!g.id&&g.type===j&&(g.id=`${A}_${Math.random().toString().slice(2,6)}`),g}function C(u,j){const g=String(u.getAttribute("data-controltype")),A=u.getAttribute("data-feature"),V=A?JSON.parse(A):{};V.parentComponentInstance=m.value;let D=O(g,V);t&&t.onAcceptNewChildElement&&(D=t.onAcceptNewChildElement(u,j,D));const M=g.toLowerCase().replace("-","_");return D&&!D.id&&D.type===g&&(D.id=`${M}_${Math.random().toString().slice(2,6)}`),D}function l(u){}function P(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return m.value={canMove:v(),canSelectParent:T(),canDelete:i(),canNested:!p(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:f,designerClass:h,canAccepts:N,getBelongedComponentInstance:y,getDraggableDesignItemElement:b,getDraggingDisplayText:n,getPropConfig:P,getDragScopeElement:c,onAcceptMovedChildElement:s,onAcceptNewChildElement:C,onChildElementMovedOut:l,addNewChildComponentSchema:d,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||r.ref(!1)},m}function ne(){function o(e){var f,h;if(!e)return!1;const t=((f=e.targetContainer)==null?void 0:f.componentInstance)&&e.targetContainer.componentInstance.value;if(!t)return!1;const a=(h=t.schema.appearance)==null?void 0:h.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const m=t.schema.type,v=(m==="response-form"||m==="content-container")&&a&&a.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:[]},k=new Map;function re(){function o(n,c,s,d){if(typeof s=="number")return d[n].length===s;if(typeof s=="object"){const C=Object.keys(s)[0],l=s[C];if(C==="not")return Number(d[n].length)!==Number(l);if(C==="moreThan")return Number(d[n].length)>=Number(l);if(C==="lessThan")return Number(d[n].length)<=Number(l)}return!1}function e(n,c,s,d){return typeof s=="boolean"?d.childrenClassList.includes(c)===!!s:!1}function t(n,c,s,d){return typeof s=="boolean"?d.parentClassList.includes(c)===!!s:!1}function a(n,c,s,d){return typeof s=="boolean"?d.parentClassList.includes(c)===!!s:!1}const f=new Map([["length",o],["hasChildren",e],["hasSibling",a],["hasParent",t]]);function h(n,c){const s=n;return typeof c=="number"?[{target:s,operator:"length",param:null,value:Number(c)}]:typeof c=="object"?Object.keys(c).map(d=>{if(d==="length")return{target:s,operator:"length",param:null,value:c[d]};const C=d,l=c[d];return{target:s,operator:n==="children"?"hasChildren":n==="parent"?"hasParent":"hasSibling",param:C,value:l}}):[]}function m(n,c){if(f.has(n.operator)){const s=f.get(n.operator);return s&&s(n.target,n.param,n.value,c)||!1}return!1}function v(n,c){return Object.keys(n).reduce((l,P)=>{const $=h(P,n[P]);return l.push(...$),l},[]).reduce((l,P)=>l&&m(P,c),!0)}function T(n,c){const s=Object.keys(n),d=s.includes("allOf"),C=s.includes("anyOf"),l=d||C,u=(l?n[l?d?"allOf":"anyOf":"allOf"]:[n]).map(g=>v(g,c));return d?!u.includes(!1):u.includes(!0)}function i(n,c){const s=n.const;return s?typeof s=="boolean"?s:typeof s=="object"?T(s,c):!1:!1}function p(n){return c=>{const s={canAccept:!0,fixed:!1,hidePadding:!1};return n&&n.properties&&Object.keys(n.properties).reduce((d,C)=>{const l=n.properties[C];return d[C]=i(l,c),d},s),s}}function y(n,c,s){if(c.type==="object"&&c.properties){const{rules:d,contents:C}=c.properties;s.set(n,p(d)),C&&Object.keys(C.properties).forEach(l=>y(l,C.properties[l],s))}}function b(){const{properties:n}=oe;Object.keys(n).forEach(c=>{y(c,n[c],k)})}function N(n,c){const s={canAccept:!0,fixed:!1,hidePadding:!0};return k.has(n)?k.get(n)(c):s}return b(),{getRuleValue:N}}function se(o,e){const t=re(),a=r.ref(!1),f=r.ref(!1);let h=!0,m=!1,v,T=!1;function i(l){return v&&v.componentClassList&&v.componentClassList.includes("f-form-layout")&&v.componentClassList.includes("farris-form")?l.sourceType==="control"&&l.controlCategory==="input"||l.sourceType==="move"&&l.controlType==="form-group":!0}function p(l){return!(!ne().basalDragulaRuleForContainer(l)||!h||!i(l))}function y(){a.value=!1,f.value=!1;const l=o,P=l.appearance&&l.appearance.class||"",$=P.split(" "),u=l.contents||[],j=u.length?u[0]:null,g=j&&j.appearance?j.appearance.class:"",A=g?g.split(" "):[],V=u.length?u.reduce((W,B)=>{const _=B&&B.appearance?B.appearance.class:"",fe=_?_.split(" "):[];return W.push(...fe),W},[]):[],D=e,M=D&&D.appearance&&D.appearance.class||"",ie=M?M.split(" "):[];v={componentClass:P,componentClassList:$,childContents:u,firstChildContent:j,firstChildClass:g,firstChildClassList:A,parent:D,parentClass:M,parentClassList:ie,children:u,childrenClassList:V};const{canAccept:pe,fixed:le,hidePadding:ue}=t.getRuleValue($[0],v);return h=pe,m=ue,T=le,!0}function b(l){r.nextTick()}function N(){return o.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function n(l,P){const $=o;if(($.appearance&&$.appearance.class||"").split(" ").includes("f-form-layout")){const{label:g}=l,A=O("form-group");return A.editor=P,A.label=g,A}return P}function c(l,P,$){const u=o;if((u.appearance&&u.appearance.class||"").split(" ").includes("f-form-layout")){const A=String(l.innerText),V=O("form-group");return V.editor=$,V.label=A,V}return $}function s(){return!T}function d(){return!T}function C(){return m}return{canAccepts:p,resolveComponentContext:y,getStyles:N,onAcceptNewChildElement:c,onAcceptMovedChildElement:b,onResolveNewComponentSchema:n,triggerBelongedComponentToMoveWhenMoved:a,triggerBelongedComponentToDeleteWhenDeleted:f,checkCanMoveComponent:s,checkCanDeleteComponent:d,hideNestedPaddingInDesginerView:C}}const ce=r.defineComponent({name:"FListNavDesign",props:E,emits:[],setup(o,e){var n;const t=r.ref(),a=r.inject("design-item-context"),f=se(a.schema,(n=a.parent)==null?void 0:n.schema),h=te(t,a,f);h.value.canMove=!1,h.value.canNested=!1;let m=!1;const v=r.ref(o.position),T=r.ref(o.listNavWidth),i=r.ref(o.title),p=r.computed({set(c){c!=null&&m!==c&&(m=c)},get(){return m}}),y=r.ref(o.height),b=r.computed(()=>p.value?"0px":`${T.value}px`),N=r.computed(()=>p.value?"0px":`${y.value}px`);return r.onMounted(()=>{t.value.componentInstance=h}),e.expose(h.value),()=>r.createVNode("div",{ref:t,class:`f-list-nav f-list-nav-${v.value}`},[r.createVNode("div",{class:"f-list-nav-in",style:[{width:b.value},{height:N.value}]},[r.createVNode("div",null,[r.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&r.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&i.value&&r.createVNode("div",{class:"f-list-nav-header"},[r.createVNode("div",{class:"f-list-nav-title"},[i.value])])]),e.slots.navContent&&r.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&r.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])])])])}}),ae={install(o){o.component(S.name,S)},register(o,e,t){o["list-nav"]=S,e["list-nav"]=F},registerDesigner(o,e,t){o["list-nav"]=ce,e["list-nav"]=F}};w.FListNav=S,w.default=ae,w.listNavProps=E,w.propsResolver=F,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/list-nav/package.json

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