@farris/ui-vue/components/list-nav/index.umd.cjs

Farris Vue, a Farris Design based Vue3 component library.

(function(m,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],a):(m=typeof globalThis<"u"?globalThis:m||self,a(m["list-nav"]={},m.Vue,m.common,m.dynamicResolver,m.designerCanvas,m.LodashES))})(this,function(m,a,C,N,y,M){"use strict";var j=Object.defineProperty;var q=(m,a,C)=>a in m?j(m,a,{enumerable:!0,configurable:!0,writable:!0,value:C}):m[a]=C;var g=(m,a,C)=>q(m,typeof a!="symbol"?a+"":a,C);function I(l,e){return{size:e.width||e.height||""}}const S=new Map([["appearance",N.resolveAppearance],["size",I]]);function P(l,e,t){return e.size={width:220},e.title="标题",e}const R={$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},position:{description:"",type:"string",default:"left"},title:{description:"",type:"string",default:""},collapsible:{description:"",type:"boolean",default:!0},folded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},V={customClass:{type:String,default:""},customStyle:{type:String,default:""},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},visible:{type:Boolean,default:!0}},w=N.createPropsResolver(V,R,S,P),E=a.defineComponent({name:"FListNav",props:V,emits:["collapse"],setup(l,e){const t=a.ref(l.position),i=a.ref(l.folded),o=a.ref(!1);a.watch(()=>l.position,(s,d)=>{s!==d&&(t.value=s)});function n(s){s&&s.stopPropagation(),!l.disabled&&(o.value=!0,i.value=!i.value,e.emit("collapse",i.value))}const r=a.computed(()=>{const s={},d=["top","bottom"].indexOf(t.value)>-1?"height":"width";return s[d]=i.value?"0px":l.size+"px",s}),c=a.computed(()=>{const s={"f-list-nav":!0,"f-list-nav-top":t.value==="top","f-list-nav-left":t.value==="left","f-list-nav-right":t.value==="right","f-list-nav-bottom":t.value==="bottom"};return C.getCustomClass(s,l.customClass)});return()=>l.visible?a.createVNode("div",{class:c.value,style:l.customStyle},[a.createVNode("div",{class:"f-list-nav-in",style:r.value},[a.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&a.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&l.title&&a.createVNode("div",{class:"f-list-nav-header"},[a.createVNode("div",{class:"f-list-nav-title"},[l.title])]),e.slots.default&&a.createVNode("div",{class:"f-list-nav-content"},[e.slots.default()]),e.slots.navContent&&a.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&a.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),l.collapsible&&a.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:l.disabled,active:i.value,"splitter-pane-collapse-animate":o.value}],onClick:s=>n(s)},[a.createVNode("span",{class:"triangle"},null)])])]):null}}),T=a.ref(0);function F(l){const{formSchemaUtils:e,formStateMachineUtils:t}=l;function i(s,d=""){return{path:d+s.code,field:s.id,fullPath:s.code}}function o(s,d=""){const u=e.getViewModelById(s);return u?u.states.map(p=>i(p,d)):[]}function n(s){const d=e.getRootViewModelId(),u=o(s);if(s===d)return u;const p=o(d,"root-component.");return[...u,...p]}function r(s){return s.binding&&s.binding.path||s.id||""}function c(){return t&&t.getRenderStates()||[]}return{getVariables:n,getControlName:r,getStateMachines:c}}class k{constructor(e){g(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);g(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});g(this,"getExpressionConverter",(e,t)=>({convertFrom:(i,o,n,r)=>{const c=n.getExpressionRuleValue(e,t||o);return c&&c.value||""},convertTo:(i,o,n,r,c)=>{var s;if(o==="dataPicking"&&(n!=null&&n.target)){const d=`${n.target}_dataPicking`;((s=n.rules)==null?void 0:s.some(p=>p.id===d&&p.value))?i.dictPickingExpressionId=d:delete i.dictPickingExpressionId}r.updateExpression(n)}}));this.formSchemaService=e}getExpressionRule(e,t){const i=this.getExpressionData();if(!i)return"";const o=i.find(r=>r.target===e);if(!o)return"";const n=o.rules.find(r=>r.type===t);return n||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),i=this.formSchemaService.getViewModelById(t);if(!i||!i.states||i.states.length===0)return[];const o=[];return i.states.filter(n=>n.category==="remote").forEach(n=>{o.push({key:n.code,name:n.name,description:n.name,category:n.category})}),o}createTreeNode(e,t,i="label"){return{id:e.id,name:e.name,bindingPath:e[i],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const i=[];return e==null||e.forEach(o=>{var c;const n=this.createTreeNode(o,t);let r=[];(c=o.type)!=null&&c.fields&&(r=this.buildEntityFieldsTreeData(o.type.fields,[...t,o.label])),i.push({data:n,children:r,expanded:!0})}),i}buildChildEntityTreeData(e=null,t){const i=[];return e==null||e.forEach(o=>{var s,d;const n=this.createTreeNode(o,t);n.type="entity";const r=this.buildEntityFieldsTreeData((s=o.type)==null?void 0:s.fields,[...t,o.label]),c=this.buildChildEntityTreeData((d=o.type)==null?void 0:d.entities,[...t,o.label]);c!=null&&c.length&&(r==null||r.push(...c)),i.push({data:n,children:r||[],expanded:!0})}),i}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const i=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),o=this.buildChildEntityTreeData(t.type.entities,[t.code]);return o!=null&&o.length&&(i==null||i.push(...o)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:i||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,i){const o=i==="Field"?e.binding.field:e.id,n=this.getExpressionRule(o,t),r=this.getEntitiesAndVariables(),c={message:["validate","required","dataPicking"].includes(t)&&n?n.message:"",...r};return n.messageType!=null&&(c.messageType=n.messageType),c}buildRule(e,t,i,o){const{expression:n,message:r,messageType:c}=t,s={id:`${e}_${i}`,type:i,value:n};return(i==="validate"||i==="dataPicking"||i==="required")&&(s.message=r),i==="dataPicking"&&(s.messageType=c),i==="validate"&&o&&(s.elementId=o),s}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,i,o){const n=t==="Field"?e.binding.field:e.id,r=this.buildRule(n,i,o,e.type==="form-group"?e.id:"");let s=this.getExpressionData().find(u=>u.targetType===t&&u.target===n);const d=u=>u.value.trim()==="";if(s){const u=s.rules.find(p=>p.id===r.id);if(u)d(r)?s.rules=s.rules.filter(p=>p.id!==r.id):(Object.assign(u,r),o==="validate"&&e.type==="form-group"&&(u.elementId=e.id));else{if(d(r))return null;s.rules=s.rules||[],s.rules.push(r)}}else{if(d(r))return null;s={target:`${n}`,rules:[r],targetType:t}}return s}getExpressionEditorOptions(e,t,i,o){return i.reduce((n,r)=>{var s,d;const c=t==="Field"?(s=e==null?void 0:e.binding)==null?void 0:s.field:e.id;return n[r]={hide:t==="Field"?!!((d=e==null?void 0:e.binding)!=null&&d.field):!1,description:"",title:this.expressionNames[r],type:"string",$converter:this.getExpressionConverter(c),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[r]}编辑器`,showMessage:r==="validate"||r==="dataPicking"||r==="required",showMessageType:r==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,r,t),onSubmitModal:u=>{const p=this.updateExpression(e,t,u,r);if(o){const h=this.buildRule(c,u,r);o(h)}return p}}},n},{})}getExpressionInfo(e,t,i){const o=t==="Field"?e.binding.field:e.id,n=this.getExpressionRule(o,i),r={value:n&&n.value,targetId:o,targetType:t,expressionType:i};return n&&n.message&&(r.message=n.message),r}getExpressionConfig(e,t,i=["compute","dependency","validate"],o){var n;return{description:"表达式",title:"表达式",hide:!(e.binding&&((n=e.binding)==null?void 0:n.type)==="Form"),properties:{...this.getExpressionEditorOptions(e,t,i,o)}}}getExpressionOptions(e,t,i){const o=this.getExpressionInfo(e,t,i);return{dialogTitle:`${this.expressionNames[i]||"表达式"}编辑器`,singleExpand:!1,showMessage:i==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,i,t),expressionInfo:o}}}class B{constructor(e,t){g(this,"componentId");g(this,"viewModelId");g(this,"eventsEditorUtils");g(this,"formSchemaUtils");g(this,"formMetadataConverter");g(this,"designViewModelUtils");g(this,"designViewModelField");g(this,"controlCreatorUtils");g(this,"designerHostService");g(this,"designerContext");g(this,"modalService",null);g(this,"formRule",null);g(this,"schemaService",null);g(this,"metadataService",null);g(this,"propertyConfig",{type:"object",categories:{}});g(this,"expressionProperty");var i;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext,this.modalService=t.modalService,this.expressionProperty=new k(this.formSchemaUtils)}inResponsiveForm(){var e;return!!((e=this.designerContext)!=null&&e.responsiveForm)}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var i;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(n=>n.id===t)}e.updateOn=(i=this.designViewModelField)==null?void 0:i.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:y.DgControl[e.type]&&y.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},i){const o={title:"外观",description:"Appearance"},n={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const r in t)n[r]=Object.assign(n[r]||{},t[r]);return{...o,properties:{...n},setPropertyRelates(r,c){if(r){switch(r&&r.propertyID){case"class":case"style":{y.canvasChanged.value++;break}}i&&i(r,e,c)}}}}getPropertyEditorParams(e,t=[],i="visible",o={},n={},r=""){const{getVariables:c,getControlName:s,getStateMachines:d}=F(this.designerHostService),u=this.getRealTargetType(e),p=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],h={type:"property-editor",propertyTypes:p};return p.map(x=>{switch(x){case"Const":Object.assign(h,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},o);break;case"Expression":h.expressionConfig=this.getExpressionOptions(e,u,r||i);break;case"StateMachine":h.stateMachines=d();break;case"Variable":Object.assign(h,{controlName:s(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:c(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:v=>{v.value=c(this.viewModelId)}},n),this.designerContext.designerMode==="PC_RTC"&&(h.newVariablePrefix="ext_"+h.newVariablePrefix);break}}),h}getVisibleProperty(e,t=""){var n;let i=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?i=["Const","Expression"]:t==="form-group"&&!((n=e.binding)!=null&&n.field)?i=["Const","Variable","StateMachine","Custom"]:t==="dataGrid"||t==="treeGrid"||t==="wizard"?i=["Const","Variable","Expression"]:(e.type.indexOf("toolbar-item")>-1||t==="form-group")&&(i=["Const","Variable","StateMachine","Custom","Expression"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,i,"visible")}}}getBehaviorConfig(e,t="",i={},o){const n={title:"行为",description:""},r=this.getVisibleProperty(e,t);for(const s in i)r[s]=Object.assign(r[s]||{},i[s]);const c=this;return{...n,properties:{...r},setPropertyRelates(s,d){if(s){switch(s.propertyID){case"disabled":case"readonly":case"visible":c.afterMutilEditorChanged(e,s);break}o&&o(s,d)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t,e),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const i=t&&t.parent&&t.parent.schema;if(!i)return;const o=i.contents.findIndex(r=>r.id===e),n=M.cloneDeep(i.contents[o]);i.contents.splice(o,1),i.contents.splice(o,0,n),y.refreshCanvas()}addNewVariableToViewModel(e,t){const i=e.propertyValue;if(!(i&&typeof i=="object")||!(i.type==="Variable"&&i.isNewVariable))return;const r={id:i.field,category:"locale",code:i.fullPath,name:i.fullPath,type:i.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete i.newVariableType,delete i.isNewVariable,this.formSchemaUtils.getVariableByCode(r.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(r)}getExpressions(){let e=[];return this.formRule?(this.formRule.expressions=this.formRule.expressions||[],e=this.formRule.expressions||[]):e=this.formSchemaUtils.getExpressions(),e}updateExpressionValue(e,t){const i=e.propertyValue;if(!((i&&i.type)==="Expression"&&i.expressionInfo))return;const{expressionId:r,expressionInfo:c}=i,{targetId:s,targetType:d,expressionType:u,value:p,message:h}=c,x=this.getExpressions();let v=x.find(b=>b.target===s);v||(v={target:s,rules:[],targetType:d},x.push(v));const f=v.rules.find(b=>b.type===u);if(f)f.id=r,f.value=p,f.message=h,(u==="minDate"||u==="maxDate"||u==="defaultTime")&&(f.elementId=t.id);else{const b={id:r,type:u,value:p,message:h,elementId:t.id};v.rules.push(b)}delete i.expressionInfo}clearExpression(e,t){const i=e.propertyValue;if(i&&i.type==="Expression")return;const n=e.propertyID,r=this.getExpressions(),c=t.binding?t.binding.field:t.id,s=r.find(d=>d.target===c);!s||!s.rules||(s.rules=s.rules.filter(d=>d.type!==n))}getExpressionOptions(e,t,i){return this.expressionProperty.getExpressionOptions(e,t,i)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item","drawer-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:i=>{var o;((o=i.controller)==null?void 0:o.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(i)}}},t}}class U extends B{getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e,""),this.propertyConfig}getAppearanceConfig(e){return super.getAppearanceConfig(e,{width:{title:"宽度",type:"number",editor:{nullable:!0,min:0,precision:0,needValid:!0},$converter:"/converter/size.converter",parentPropertyID:"size"},height:{title:"高度",type:"number",editor:{nullable:!0,min:0,precision:0,needValid:!0},$converter:"/converter/size.converter",parentPropertyID:"size",visible:!1},title:{title:"标题",type:"string",description:"导航标题"},folded:{title:"是否默认收起",type:"boolean",description:"初始状态是否将面板默认收起"},collapsible:{title:"是否启用收折",type:"boolean",description:"是否启用收折特性",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{name:"启用",value:!0},{name:"不启用",value:!1}],enableClear:!1},refreshPanelAfterChanged:!0},position:{title:"收折按钮显示位置",type:"enum",description:"收折按钮显示位置",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:"left",name:"靠右"},{value:"right",name:"靠左"},{value:"bottom",name:"靠上"},{value:"top",name:"靠下"}]},visible:!1}},(i,o,n)=>{switch(i.propertyID){case"width":case"height":{T.value++;break}case"title":{i.needRefreshControlTree=!0;break}}})}}function O(l,e){const t=new y.UseTemplateDragAndDropRules,{canAccept:i}=t.getTemplateRule(l,e);function o(u){var h,x,v;return!(!y.useDragulaCommonRule().basalDragulaRuleForContainer(u,e)||!i||((h=l.schema.contents)==null?void 0:h.length)===1&&((v=(x=l.schema)==null?void 0:x.contents[0])==null?void 0:v.type)===y.DgControl["external-container"].type)}function n(){return"display: flex;flex-direction:column;height:100%"}function r(){const{canMove:u}=t.getTemplateRule(l,e);return u}function c(){const{canDelete:u}=t.getTemplateRule(l,e);return u}function s(){const{canMove:u,canDelete:p}=t.getTemplateRule(l,e);return!u&&!p}function d(u){const p=new U(u,e),{schema:h}=l;return p.getPropertyConfig(h)}return{canAccepts:o,getStyles:n,checkCanMoveComponent:r,checkCanDeleteComponent:c,hideNestedPaddingInDesginerView:s,getPropsConfig:d}}const z=a.defineComponent({name:"FListNavDesign",props:V,emits:[],setup(l,e){const t=a.ref(),i=a.ref(),o=a.inject("designer-host-service"),n=a.inject("design-item-context"),r=O(n,o),c=y.useDesignerComponent(t,n,r),s=a.ref(l.position),d=a.ref(!1),u=a.ref(!1);a.watch(()=>l.position,(f,b)=>{f!==b&&(s.value=f)});function p(){if(!i.value)return;const f=i.value.parentElement;if(f&&f.className&&f.className.includes("farris-component-list-nav")){const b=["top","bottom"].indexOf(s.value)>-1?"height":"width",A=d.value?"0px":l.size+"px";f.style[b]=A}}a.onMounted(()=>{t.value.componentInstance=c,p()}),e.expose(c.value);function h(f){f&&f.stopPropagation(),!l.disabled&&(u.value=!0,d.value=!d.value,p(),a.nextTick(()=>{y.setPositionOfSelectedComponentBtnGroup()}))}const x=a.computed(()=>({"f-list-nav-main":!0,"d-none":d.value})),v=a.computed(()=>({[["top","bottom"].indexOf(s.value)>-1?"min-width":"min-height"]:"200px"}));return a.watch(()=>l.size,(f,b)=>{f!==b&&p()}),()=>a.createVNode("div",{class:`f-list-nav f-list-nav-${s.value}`,ref:i},[a.createVNode("div",{class:"f-list-nav-in"},[a.createVNode("div",{class:x.value,style:v.value},[e.slots.navHeader&&a.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&l.title&&a.createVNode("div",{class:"f-list-nav-header"},[a.createVNode("div",{class:"f-list-nav-title"},[l.title])]),e.slots.default&&a.createVNode("div",{class:"f-list-nav-content drag-container",ref:t,"data-dragref":`${n.schema.id}-container`},[e.slots.default()]),e.slots.navContent&&a.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&a.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),l.collapsible&&a.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:l.disabled,active:d.value,"splitter-pane-collapse-animate":u.value}],onClick:f=>h(f)},[a.createVNode("span",{class:"triangle"},null)])])])}}),$={install(l){l.component(E.name,E)},register(l,e,t,i){l["list-nav"]=E,e["list-nav"]=w},registerDesigner(l,e,t){l["list-nav"]=z,e["list-nav"]=w}};m.FListNav=E,m.default=$,m.listNavProps=V,m.propsResolver=w,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});