@farris/ui-vue 1.2.7 → 1.2.9

package/components/list-nav/index.umd.cjs

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

package/components/list-view/index.css

@@ -1 +1 @@
-.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}
+.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-listview-item-active{background-color:#dae9ff!important}.f-listview-item{padding:0 .5rem 0 .3125rem;border-radius:3px}