@farris/ui-vue/components/page-footer/index.umd.cjs

Farris Vue, a Farris Design based Vue3 component library.

(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../../designer/response-toolbar/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../response-toolbar/index.umd.js","../designer-canvas/index.umd.js","../../designer/response-toolbar/index.umd.js","lodash-es"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["page-footer"]={},g.Vue,g.dynamicResolver,g.FResponseToolbar,g.designerCanvas,g.FResponseToolbarDesignComponent,g.LodashES))})(this,function(g,o,w,J,M,A,Q){"use strict";var le=Object.defineProperty;var de=(g,o,w)=>o in g?le(g,o,{enumerable:!0,configurable:!0,writable:!0,value:w}):g[o]=w;var b=(g,o,w)=>de(g,typeof o!="symbol"?o+"":o,w);const z=new Map([["appearance",w.resolveAppearance],["toolbar",w.resolveToolbar]]),_={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-footer.schema.json",title:"page-footer",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a page-footer",type:"string"},type:{description:"The type string of page-footer component",type:"string",default:"page-footer"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},visible:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{appearance:{description:"",type:"object",properties:{class:{type:"string",default:"col-6"}}},id:{description:"",type:"string"},type:{description:"",type:"string",default:"response-toolbar"},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0}}}},required:["id","type"]};function D(l,e,t){return e.appearance={class:"f-page-is-footer"},e.toolbar={id:`${e.id}-toolbar`,type:"response-toolbar",buttons:[]},e}const N={customClass:{type:String,default:""},enableCollapse:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!0},collapsedText:{type:String,default:"More"},expandedText:{type:String,default:"More"},contentClass:{type:String,default:""},headerClass:{type:String,default:""},headerContentClass:{type:String,default:""},headerToolbarClass:{type:String,default:""},showHeader:{type:String,default:!1},buttonClass:{type:String,default:"col-6"},toolbarId:{type:String,default:""},buttons:{type:Array,default:[]},buttonSize:{type:String,default:""},visible:{type:Boolean,default:!0}},G=w.createPropsResolver(N,_,z,D),L=w.createPageHeaderEventHandlerResolver(),k=Object.assign({},N,{componentId:{type:String,default:""}}),K=w.createPropsResolver(k,_,z,D),F=o.defineComponent({name:"FPageFooter",props:N,emits:["click"],setup(l,e){const t=o.ref(l.collapsed),s=o.computed(()=>l.collapsedText),i=o.ref(l.contentClass),r=o.computed(()=>l.enableCollapse),n=o.computed(()=>l.expandedText),d=o.ref(l.headerClass),a=o.ref(l.headerContentClass),c=o.ref(l.headerToolbarClass),u=o.computed(()=>l.showHeader),m=o.ref(l.customClass),h=o.ref(l.buttons),T=(f,P)=>{e.emit("click",f,P)};function V(f){f&&f.stopImmediatePropagation(),t.value=!t.value}function I(){return r.value&&o.createVNode("div",{class:"toolbar--collapse",onClick:f=>V(f)},[o.createVNode("span",{class:"toobar--collapse-text"},[t.value?n.value:s.value]),o.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const x=o.computed(()=>{const f={"f-toolbar":!0};return c.value.split(" ").reduce((y,E)=>(y[E]=!0,y),f),f});function R(){return o.createVNode("div",{class:x.value},[e.slots.headerToolbar&&e.slots.headerToolbar(),!e.slots.headerToolbar&&I()])}const j=o.computed(()=>{const f={"f-content":!0};return a.value.split(" ").reduce((y,E)=>(y[E]=!0,y),f),f});function O(){return o.createVNode(o.Fragment,null,[e.slots.headerContent&&o.createVNode("div",{class:j.value},[e.slots.headerContent()]),R()])}const U=o.computed(()=>{const f={"f-cmp-footer-header":!0};return d.value.split(" ").reduce((y,E)=>(y[E]=!0,y),f),f});function B(){if(l.buttons&&l.buttons.length>0)return o.createVNode("div",{style:" display: flex; align-items: center;  justify-content: flex-end; flex-shrink: 0;  background: #fff;box-shadow: none;"},[o.createVNode(J,{id:l.toolbarId,customClass:l.buttonClass,visible:l.buttonsVisible,items:h.value,onClick:T,buttonSize:l.buttonSize},null)])}function H(){return o.createVNode("header",{class:U.value},[e.slots.header&&e.slots.header(),!e.slots.header&&O()])}const q=o.computed(()=>{const f={"f-cmp-footer":!0,"f-state-collapse":r.value&&t.value,"f-cmp-footer-accordion":r.value};return m.value.split(" ").reduce((y,E)=>(y[E]=!0,y),f),f}),$=o.computed(()=>{const f={"f-cmp-footer-content":!0};return i.value.split(" ").reduce((y,E)=>(y[E]=!0,y),f),f});return o.watch(()=>l.buttons,f=>{h.value=f},{deep:!0}),()=>l.visible?o.createVNode("div",{class:q.value},[o.createVNode("footer",{class:"f-cmp-footer-container"},[u.value&&H(),B(),o.createVNode("div",{class:$.value},[e.slots.default&&e.slots.default()])])]):null}});function W(l){const{formSchemaUtils:e,formStateMachineUtils:t}=l;function s(a,c=""){return{path:c+a.code,field:a.id,fullPath:a.code}}function i(a,c=""){const u=e.getViewModelById(a);return u?u.states.map(m=>s(m,c)):[]}function r(a){const c=e.getRootViewModelId(),u=i(a);if(a===c)return u;const m=i(c,"root-component.");return[...u,...m]}function n(a){return a.binding&&a.binding.path||a.id||""}function d(){return t&&t.getRenderStates()||[]}return{getVariables:r,getControlName:n,getStateMachines:d}}class X{constructor(e){b(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'"}]);b(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});b(this,"getExpressionConverter",(e,t)=>({convertFrom:(s,i,r,n)=>{const d=r.getExpressionRuleValue(e,t||i);return d&&d.value||""},convertTo:(s,i,r,n,d)=>{var a;if(i==="dataPicking"&&(r!=null&&r.target)){const c=`${r.target}_dataPicking`;((a=r.rules)==null?void 0:a.some(m=>m.id===c&&m.value))?s.dictPickingExpressionId=c:delete s.dictPickingExpressionId}n.updateExpression(r)}}));this.formSchemaService=e}getExpressionRule(e,t){const s=this.getExpressionData();if(!s)return"";const i=s.find(n=>n.target===e);if(!i)return"";const r=i.rules.find(n=>n.type===t);return r||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),s=this.formSchemaService.getViewModelById(t);if(!s||!s.states||s.states.length===0)return[];const i=[];return s.states.filter(r=>r.category==="remote").forEach(r=>{i.push({key:r.code,name:r.name,description:r.name,category:r.category})}),i}createTreeNode(e,t,s="label"){return{id:e.id,name:e.name,bindingPath:e[s],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const s=[];return e==null||e.forEach(i=>{var d;const r=this.createTreeNode(i,t);let n=[];(d=i.type)!=null&&d.fields&&(n=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),s.push({data:r,children:n,expanded:!0})}),s}buildChildEntityTreeData(e=null,t){const s=[];return e==null||e.forEach(i=>{var a,c;const r=this.createTreeNode(i,t);r.type="entity";const n=this.buildEntityFieldsTreeData((a=i.type)==null?void 0:a.fields,[...t,i.label]),d=this.buildChildEntityTreeData((c=i.type)==null?void 0:c.entities,[...t,i.label]);d!=null&&d.length&&(n==null||n.push(...d)),s.push({data:r,children:n||[],expanded:!0})}),s}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const s=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(s==null||s.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:s||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,s){const i=s==="Field"?e.binding.field:e.id,r=this.getExpressionRule(i,t),n=this.getEntitiesAndVariables(),d={message:["validate","required","dataPicking"].includes(t)&&r?r.message:"",...n};return r.messageType!=null&&(d.messageType=r.messageType),d}buildRule(e,t,s,i){const{expression:r,message:n,messageType:d}=t,a={id:`${e}_${s}`,type:s,value:r};return(s==="validate"||s==="dataPicking"||s==="required")&&(a.message=n),s==="dataPicking"&&(a.messageType=d),s==="validate"&&i&&(a.elementId=i),a}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,s,i){const r=t==="Field"?e.binding.field:e.id,n=this.buildRule(r,s,i,e.type==="form-group"?e.id:"");let a=this.getExpressionData().find(u=>u.targetType===t&&u.target===r);const c=u=>u.value.trim()==="";if(a){const u=a.rules.find(m=>m.id===n.id);if(u)c(n)?a.rules=a.rules.filter(m=>m.id!==n.id):(Object.assign(u,n),i==="validate"&&e.type==="form-group"&&(u.elementId=e.id));else{if(c(n))return null;a.rules=a.rules||[],a.rules.push(n)}}else{if(c(n))return null;a={target:`${r}`,rules:[n],targetType:t}}return a}getExpressionEditorOptions(e,t,s,i){return s.reduce((r,n)=>{var a,c;const d=t==="Field"?(a=e==null?void 0:e.binding)==null?void 0:a.field:e.id;return r[n]={hide:t==="Field"?!!((c=e==null?void 0:e.binding)!=null&&c.field):!1,description:"",title:this.expressionNames[n],type:"string",$converter:this.getExpressionConverter(d),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[n]}编辑器`,showMessage:n==="validate"||n==="dataPicking"||n==="required",showMessageType:n==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),onSubmitModal:u=>{const m=this.updateExpression(e,t,u,n);if(i){const h=this.buildRule(d,u,n);i(h)}return m}}},r},{})}getExpressionInfo(e,t,s){const i=t==="Field"?e.binding.field:e.id,r=this.getExpressionRule(i,s),n={value:r&&r.value,targetId:i,targetType:t,expressionType:s};return r&&r.message&&(n.message=r.message),n}getExpressionConfig(e,t,s=["compute","dependency","validate"],i){var r;return{description:"表达式",title:"表达式",hide:!(e.binding&&((r=e.binding)==null?void 0:r.type)==="Form"),properties:{...this.getExpressionEditorOptions(e,t,s,i)}}}getExpressionOptions(e,t,s){const i=this.getExpressionInfo(e,t,s);return{dialogTitle:`${this.expressionNames[s]||"表达式"}编辑器`,singleExpand:!1,showMessage:s==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),expressionInfo:i}}}class Y{constructor(e,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"designerContext");b(this,"modalService",null);b(this,"formRule",null);b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});b(this,"expressionProperty");var s;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((s=this.formSchemaUtils)==null?void 0:s.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 X(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 s;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(r=>r.id===t)}e.updateOn=(s=this.designViewModelField)==null?void 0:s.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:M.DgControl[e.type]&&M.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},s){const i={title:"外观",description:"Appearance"},r={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 n in t)r[n]=Object.assign(r[n]||{},t[n]);return{...i,properties:{...r},setPropertyRelates(n,d){if(n){switch(n&&n.propertyID){case"class":case"style":{M.canvasChanged.value++;break}}s&&s(n,e,d)}}}}getPropertyEditorParams(e,t=[],s="visible",i={},r={},n=""){const{getVariables:d,getControlName:a,getStateMachines:c}=W(this.designerHostService),u=this.getRealTargetType(e),m=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],h={type:"property-editor",propertyTypes:m};return m.map(T=>{switch(T){case"Const":Object.assign(h,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":h.expressionConfig=this.getExpressionOptions(e,u,n||s);break;case"StateMachine":h.stateMachines=c();break;case"Variable":Object.assign(h,{controlName:a(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:d(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:V=>{V.value=d(this.viewModelId)}},r),this.designerContext.designerMode==="PC_RTC"&&(h.newVariablePrefix="ext_"+h.newVariablePrefix);break}}),h}getVisibleProperty(e,t=""){var r;let s=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?s=["Const","Expression"]:t==="form-group"&&!((r=e.binding)!=null&&r.field)?s=["Const","Variable","StateMachine","Custom"]:t==="dataGrid"||t==="treeGrid"||t==="wizard"?s=["Const","Variable","Expression"]:(e.type.indexOf("toolbar-item")>-1||t==="form-group")&&(s=["Const","Variable","StateMachine","Custom","Expression"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,s,"visible")}}}getBehaviorConfig(e,t="",s={},i){const r={title:"行为",description:""},n=this.getVisibleProperty(e,t);for(const a in s)n[a]=Object.assign(n[a]||{},s[a]);const d=this;return{...r,properties:{...n},setPropertyRelates(a,c){if(a){switch(a.propertyID){case"disabled":case"readonly":case"visible":d.afterMutilEditorChanged(e,a);break}i&&i(a,c)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t,e),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const s=t&&t.parent&&t.parent.schema;if(!s)return;const i=s.contents.findIndex(n=>n.id===e),r=Q.cloneDeep(s.contents[i]);s.contents.splice(i,1),s.contents.splice(i,0,r),M.refreshCanvas()}addNewVariableToViewModel(e,t){const s=e.propertyValue;if(!(s&&typeof s=="object")||!(s.type==="Variable"&&s.isNewVariable))return;const n={id:s.field,category:"locale",code:s.fullPath,name:s.fullPath,type:s.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete s.newVariableType,delete s.isNewVariable,this.formSchemaUtils.getVariableByCode(n.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(n)}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 s=e.propertyValue;if(!((s&&s.type)==="Expression"&&s.expressionInfo))return;const{expressionId:n,expressionInfo:d}=s,{targetId:a,targetType:c,expressionType:u,value:m,message:h}=d,T=this.getExpressions();let V=T.find(x=>x.target===a);V||(V={target:a,rules:[],targetType:c},T.push(V));const I=V.rules.find(x=>x.type===u);if(I)I.id=n,I.value=m,I.message=h,(u==="minDate"||u==="maxDate"||u==="defaultTime")&&(I.elementId=t.id);else{const x={id:n,type:u,value:m,message:h,elementId:t.id};V.rules.push(x)}delete s.expressionInfo}clearExpression(e,t){const s=e.propertyValue;if(s&&s.type==="Expression")return;const r=e.propertyID,n=this.getExpressions(),d=t.binding?t.binding.field:t.id,a=n.find(c=>c.target===d);!a||!a.rules||(a.rules=a.rules.filter(c=>c.type!==r))}getExpressionOptions(e,t,s){return this.expressionProperty.getExpressionOptions(e,t,s)}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:s=>{var i;((i=s.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(s)}}},t}}class Z extends Y{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e),this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式"}}}}}function ee(l,e){const t=new M.UseTemplateDragAndDropRules;function s(a){return!1}function i(){const{canMove:a}=t.getTemplateRule(l,e);return a}function r(){const{canDelete:a}=t.getTemplateRule(l,e);return a}function n(){return!0}function d(a){const c=new Z(a,e),{schema:u}=l;return c.getPropertyConfig(u)}return{canAccepts:s,hideNestedPaddingInDesginerView:n,getPropsConfig:d,checkCanDeleteComponent:r,checkCanMoveComponent:i}}const te=o.defineComponent({name:"FPageFooterDesign",props:k,emits:[],setup(l,e){const t=o.ref(l.collapsed),s=o.ref(l.collapsedText),i=o.ref(l.contentClass),r=o.ref(l.enableCollapse),n=o.ref(l.expandedText),d=o.ref(l.headerClass),a=o.ref(l.headerContentClass),c=o.ref(l.headerToolbarClass),u=o.ref(l.showHeader),m=o.ref(),h=o.inject("design-item-context"),T=o.inject("designer-host-service"),V=ee(h,T),I=M.useDesignerComponent(m,h,V),x=o.ref(h.schema.toolbar||{type:"response-toolbar",buttons:[]}),R=o.ref(A.responseToolbarResolver(x.value));o.onMounted(()=>{m.value.componentInstance=I}),e.expose(I.value),o.watch(()=>h.schema.toolbar,()=>{x.value=h.schema.toolbar||{type:"response-toolbar",buttons:[]},R.value=A.responseToolbarResolver(x.value)},{deep:!0});const j=o.computed(()=>[...R.value.items]);function O(p){p&&p.stopImmediatePropagation(),t.value=!t.value}function U(){return r.value&&o.createVNode("div",{class:"toolbar--collapse",onClick:p=>O(p)},[o.createVNode("span",{class:"toobar--collapse-text"},[t.value?n.value:s.value]),o.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const B=o.computed(()=>{const p={"f-toolbar":!0};return c.value.split(" ").reduce((C,v)=>(C[v]=!0,C),p),p});function H(){return o.createVNode("div",{class:B.value},[e.slots.headerToolbar&&e.slots.headerToolbar(),!e.slots.headerToolbar&&U()])}const q=o.computed(()=>{const p={"f-content":!0};return a.value.split(" ").reduce((C,v)=>(C[v]=!0,C),p),p});function $(){return o.createVNode(o.Fragment,null,[e.slots.headerContent&&o.createVNode("div",{class:q.value},[e.slots.headerContent()]),H()])}const f=o.computed(()=>{const p={"f-cmp-footer-header":!0};return d.value.split(" ").reduce((C,v)=>(C[v]=!0,C),p),p});function P(p,S){p&&S&&S.split(" ").reduce((v,ae)=>(v[ae]=!0,v),p)}const y=o.computed(()=>{const p={"text-right":!0,"col-6":!0};return P(p,l.buttonClass||""),p});function E(p,S,C,v){h&&h.setupContext&&h.setupContext.emit("selectionChange",p,S,C,v)}function oe(){return o.createVNode("header",{class:f.value},[e.slots.header&&e.slots.header(),!e.slots.header&&$()])}const re=o.computed(()=>{const p={"f-cmp-footer":!0,"f-state-collapse":r.value&&t.value,"f-cmp-footer-accordion":r.value};return d.value.split(" ").reduce((C,v)=>(C[v]=!0,C),p),p}),ne=o.computed(()=>{const p={"f-cmp-footer-content":!0};return i.value.split(" ").reduce((C,v)=>(C[v]=!0,C),p),p});function ie(){return o.createVNode("div",{style:" display: flex; align-items: center;  justify-content: flex-end; flex-shrink: 0;  background: #fff;box-shadow: none;"},[o.createVNode(M.FDesignerInnerItem,{class:y.value,modelValue:x.value,"onUpdate:modelValue":p=>x.value=p,canAdd:!1,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:x.value.id,componentId:l.componentId,onSelectionChange:E},{default:()=>[o.createVNode(A,{id:x.value.id,customClass:"w-100",items:j.value,componentId:l.componentId,buttonSize:l.buttonSize},null)]})])}return()=>o.createVNode("div",{ref:m,class:re.value},[o.createVNode("footer",{class:"f-cmp-footer-container"},[u.value&&oe(),ie(),o.createVNode("div",{class:ne.value},[e.slots.default&&e.slots.default()])])])}}),se={install(l){l.component(F.name,F)},register(l,e,t,s){l["page-footer"]=F,e["page-footer"]=G,s["page-footer"]={eventHandlerResolver:L}},registerDesigner(l,e,t){l["page-footer"]=te,e["page-footer"]=K}};g.FPageFooter=F,g.default=se,g.eventHandlerResolver=L,g.pageFooterDesignerProps=k,g.pageFooterProps=N,g.propsDesignResolver=K,g.propsResolver=G,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});