@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 22.6 kB
JavaScript
(function(N,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../designer-canvas/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../designer-canvas/index.umd.js","../dynamic-form/index.umd.js"],a):(N=typeof globalThis<"u"?globalThis:N||self,a(N["page-footer"]={},N.Vue,N.LodashES,N.designerCanvas,N.dynamicForm))})(this,function(N,a,E,K,ee){"use strict";function z(e,t){let r;function c(s){const{properties:l,title:p,ignore:n}=s,o=n&&Array.isArray(n),u=Object.keys(l).reduce((m,v)=>((!o||!n.find(h=>h===v))&&(m[v]=l[v].type==="object"&&l[v].properties?c(l[v]):E.cloneDeep(l[v].default)),m),{});if(p&&(!o||!n.find(m=>m==="id"))){const m=p.toLowerCase().replace(/-/g,"_");u.id=`${m}_${Math.random().toString().slice(2,6)}`}return u}function C(s){const{properties:l,title:p,required:n}=s;if(n&&Array.isArray(n)){const o=n.reduce((u,m)=>(u[m]=l[m].type==="object"&&l[m].properties?c(l[m]):E.cloneDeep(l[m].default),u),{});if(p&&n.find(u=>u==="id")){const u=p.toLowerCase().replace(/-/g,"_");o.id=`${u}_${Math.random().toString().slice(2,6)}`}return o}return{type:p}}function S(s,l={},p){const n=e[s];if(n){let o=C(n);const u=t[s];return o=u?u({getSchemaByType:S},o,l,p):o,r!=null&&r.appendIdentifyForNewControl&&r.appendIdentifyForNewControl(o),o}return null}function F(s,l){const p=c(l);return Object.keys(p).reduce((n,o)=>(Object.prototype.hasOwnProperty.call(s,o)&&(n[o]&&E.isPlainObject(n[o])&&E.isPlainObject(s[o]||!s[o])?Object.assign(n[o],s[o]||{}):n[o]=s[o]),n),p),p}function j(s,l){return Object.keys(s).filter(n=>s[n]!=null).reduce((n,o)=>{if(l.has(o)){const u=l.get(o);if(typeof u=="string")n[u]=s[o];else{const m=u(o,s[o],s);Object.assign(n,m)}}else n[o]=s[o];return n},{})}function w(s,l,p=new Map){const n=F(s,l);return j(n,p)}function f(s){var p;const l=s.type;if(l){const n=e[l];if(!n)return s;const o=F(s,n),u=((p=s.editor)==null?void 0:p.type)||"";if(u){const m=e[u],v=F(s.editor,m);o.editor=v}return o}return s}function g(s){r=s}return{getSchemaByType:S,resolveSchemaWithDefaultValue:f,resolveSchemaToProps:w,mappingSchemaToProps:j,setDesignerContext:g}}const I={},_={},{getSchemaByType:Ie,resolveSchemaWithDefaultValue:te,resolveSchemaToProps:re,mappingSchemaToProps:oe,setDesignerContext:_e}=z(I,_);function ne(e={}){function t(f,g,s,l){if(typeof s=="number")return l[f].length===s;if(typeof s=="object"){const p=Object.keys(s)[0],n=s[p];if(p==="not")return Number(l[f].length)!==Number(n);if(p==="moreThan")return Number(l[f].length)>=Number(n);if(p==="lessThan")return Number(l[f].length)<=Number(n)}return!1}function r(f,g,s,l){return l[f]&&l[f].propertyValue&&String(l[f].propertyValue.value)===String(s)}const c=new Map([["length",t],["getProperty",r]]);Object.keys(e).reduce((f,g)=>(f.set(g,e[g]),f),c);function C(f,g){const s=f;return typeof g=="number"?[{target:s,operator:"length",param:null,value:Number(g)}]:typeof g=="boolean"?[{target:s,operator:"getProperty",param:f,value:!!g}]:typeof g=="object"?Object.keys(g).map(l=>{if(l==="length")return{target:s,operator:"length",param:null,value:g[l]};const p=l,n=g[l];return{target:s,operator:"getProperty",param:p,value:n}}):[]}function S(f){return Object.keys(f).reduce((s,l)=>{const p=C(l,f[l]);return s.push(...p),s},[])}function F(f,g){if(c.has(f.operator)){const s=c.get(f.operator);return s&&s(f.target,f.param,f.value,g)||!1}return!1}function j(f,g){return S(f).reduce((p,n)=>p&&F(n,g),!0)}function w(f,g){const s=Object.keys(f),l=s.includes("allOf"),p=s.includes("anyOf"),n=l||p,m=(n?f[n?l?"allOf":"anyOf":"allOf"]:[f]).map(h=>j(h,g));return l?!m.includes(!1):m.includes(!0)}return{parseValueSchema:w}}const se={convertTo:(e,t,r,c)=>{e.appearance||(e.appearance={}),e.appearance[t]=r},convertFrom:(e,t,r)=>e.appearance?e.appearance[t]:e[t]},ae={convertFrom:(e,t,r)=>e.buttons&&e.buttons.length?`共 ${e.buttons.length} 项`:"无"},ie={convertTo:(e,t,r,c)=>{e.editor&&(e.editor[t]=r)},convertFrom:(e,t,r)=>e.editor&&Object.prototype.hasOwnProperty.call(e.editor,t)?e.editor[t]:e[t]},ce={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},le={convertFrom:(e,t,r)=>{var C;const c=e.editor&&e.editor[t]?e.editor[t]:e[t];return((C=ce[c])==null?void 0:C.name)||c}},ue={convertTo:(e,t,r,c)=>{e[t]=e[t]},convertFrom:(e,t,r)=>e.editor?r.getRealEditorType(e.editor.type):""},de={convertTo:(e,t,r,c)=>{(e.type==="data-grid-column"||e.type==="tree-grid-column")&&(e.formatter?e.formatter[t]=r:e.formatter={[t]:r})},convertFrom:(e,t,r)=>{if(e.formatter){if(t==="trueText")return e.formatter.trueText;if(t==="falseText")return e.formatter.falseText;if(t==="prefix")return e.formatter.prefix;if(t==="suffix")return e.formatter.suffix;if(t==="precision")return e.formatter.precision;if(t==="decimal")return e.formatter.decimal;if(t==="thousand")return e.formatter.thousand;if(t==="tempDateFormat")return e.formatter.dateFormat==="yyyy年MM月dd日"?"yearMonthDay":e.formatter.dateFormat==="yyyy-MM-dd HH:mm:ss"?"yyyy-MM-ddTHH:mm:ss":e.formatter.dateFormat==="yyyy/MM/dd HH:mm:ss"?"yyyy/MM/ddTHH:mm:ss":e.formatter.dateFormat==="yyyy年MM月dd日 HH时mm分ss秒"?"yearMonthDayHourMinuteSecond":e.formatter.tempDateFormat||e.formatter.dateFormat||"yyyy-MM-dd";if(t==="customFormat")return e.formatter.customFormat;if(t==="type")return e.formatter.type||"none"}return"none"}},fe={convertTo:(e,t,r,c)=>{e.command?e.command[t]=r:e.command={[t]:r},t==="enable"&&r&&(e.command.commands||(e.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(e,t,r)=>e.command&&t==="enable"?e.command.enable:""},pe={convertTo:(e,t,r,c)=>{e.column?e.column[t]=r:e.column={[t]:r},t==="fitColumns"&&r&&(e.column.fitMode||(e.column.fitMode="average"))},convertFrom:(e,t,r)=>{if(e.column){if(t==="fitColumns")return e.column.fitColumns;if(t==="fitMode")return e.column.fitMode}return""}},me={convertTo:(e,t,r,c)=>{e.summary?e.summary[t]=r:e.summary={[t]:r},t==="enable"&&r&&(e.summary?e.summary.groupFields||(e.summary.groupFields=[]):e.summary={enable:r,groupFields:[]})},convertFrom:(e,t,r)=>e.summary&&t==="enable"?e.summary.enable:e.type==="data-grid-column"?e.enableSummary===void 0?!1:e.enableSummary:""},ge={convertTo:(e,t,r,c)=>{e.group?e.group[t]=r:e.group={[t]:r},t==="enable"&&r&&(e.group?e.group.groupFields||(e.group.groupFields=[]):e.group={enable:r,groupFields:[],showSummary:!1})},convertFrom:(e,t,r)=>{if(e.group){if(t==="enable")return e.group.enable;if(t==="showSummary")return e.group.showSummary}}},be={convertFrom:(e,t)=>e.binding?e.binding.path:"",convertTo:(e,t,r)=>{if(r&&r.length>0){const c=r[0];e.binding||(e.binding={}),e.binding.type="Form",e.binding.path=c.bindingField,e.binding.field=c.id,e.binding.fullPath=c.path,e.path=c.bindingPath}}},ve={convertTo:(e,t,r,c)=>{e.pagination||(e.pagination={}),e.pagination[t]=r},convertFrom:(e,t,r)=>e.pagination?e.pagination[t]:e[t]},ye={convertTo:(e,t,r,c)=>{e.rowNumber||(e.rowNumber={}),e.rowNumber[t]=r},convertFrom:(e,t,r)=>e.rowNumber?e.rowNumber[t]:e[t]},Ce={convertTo:(e,t,r,c)=>{e.selection||(e.selection={}),e.selection[t]=r},convertFrom:(e,t,r)=>e.selection?e.selection[t]:e[t]},Te={convertFrom:(e,t,r)=>e[t]&&e[t].length?`共 ${e[t].length} 项`:""},Fe={convertFrom:(e,t)=>e[t]||"",convertTo:(e,t,r)=>{e[t]=r}},Se={convertTo:(e,t,r,c)=>{e.size||(e.size={}),e.size[t]=r},convertFrom:(e,t,r)=>e.size?e.size[t]:e[t]},he={convertFrom:(e,t,r)=>{var c,C;return(c=e.formatter)!=null&&c.data&&t==="formatterEnumData"&&!e.formatterEnumData?(C=e.formatter)==null?void 0:C.data:e.formatterEnumData}},Oe={convertTo:(e,t,r,c)=>{e.sort||(e.sort={}),e.sort[t]=r},convertFrom:(e,t,r)=>{var c,C;if(t==="mode")return((c=e.sort)==null?void 0:c.mode)||"client";if(t==="multiSort")return!!((C=e.sort)!=null&&C.multiSort)}},Pe={convertTo:(e,t,r,c)=>{e.filter||(e.filter={}),e.filter[t]=r},convertFrom:(e,t,r)=>{var c;if(t==="mode")return((c=e.filter)==null?void 0:c.mode)||"client"}},je={convertTo:(e,t,r,c)=>{e.rowOption?e.rowOption[t]=r:e.rowOption={[t]:r}},convertFrom:(e,t,r)=>{if(e.rowOption){if(t==="customRowStyle")return e.rowOption.customRowStyle;if(t==="customCellStyle")return e.rowOption.customCellStyle}return""}};function W(e,t,r){const c=new Map([["/converter/appearance.converter",se],["/converter/buttons.converter",ae],["/converter/property-editor.converter",ie],["/converter/items-count.converter",Te],["/converter/type.converter",le],["/converter/change-editor.converter",ue],["/converter/change-formatter.converter",de],["/converter/column-command.converter",fe],["/converter/column-option.converter",pe],["/converter/summary.converter",me],["/converter/group.converter",ge],["/converter/form-group-label.converter",Fe],["/converter/field-selector.converter",be],["/converter/pagination.converter",ve],["/converter/row-number.converter",ye],["/converter/grid-selection.converter",Ce],["/converter/size.converter",Se],["/converter/change-formatter-enum.converter",he],["/converter/grid-sort.converter",Oe],["/converter/grid-filter.converter",Pe],["/converter/row-option.converter",je]]),C=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),S=ne();function F(n,o){return()=>S.parseValueSchema(n,o)}function j(n,o,u){return n.includes("visible")&&o.visible!==void 0?typeof o.visible=="boolean"?()=>!!o.visible:o.visible===void 0?!0:F(o.visible,u):()=>!0}function w(n,o,u){return n.includes("readonly")&&o.readonly!==void 0?typeof o.readonly=="boolean"?()=>!!o.readonly:F(o.readonly,u):()=>!1}function f(n,o){const u=n.$converter||o;return typeof u=="string"&&u&&c.has(u)?c.get(u)||null:u||null}function g(n,o,u,m,v,h="",x=""){return Object.keys(n).map(d=>{const O=a.ref(1),y=d,i=n[d],b=Object.keys(i),D=i.title,T=i.type,P=C.get(T)||{type:"input-group",enableClear:!1},$=i.editor?Object.assign({},P,i.editor):Object.assign({},P),q=j(b,i,o),B=w(b,i,o);$.readonly=$.readonly===void 0?B():$.readonly;const L=i.type==="cascade"?g(i.properties,o,u,m,v,h,x):[],ke=!0;let H=f(i,x);const Re=a.computed({get(){if(O.value){if(["class","style"].find(ze=>ze===y)&&!H&&(H=c.get("/converter/appearance.converter")||null),H&&H.convertFrom)return H.convertFrom(u,d,v,h);const A=u[d];return Object.prototype.hasOwnProperty.call(i,"defaultValue")&&(A===void 0||typeof A=="string"&&A==="")?i.type==="boolean"?i.defaultValue:i.defaultValue||"":A}return null},set(A){O.value+=1,H&&H.convertTo?(H.convertTo(m,d,A,v,h),H.convertTo(u,d,A,v,h)):(m[d]=A,u[d]=A)}}),{refreshPanelAfterChanged:Be,description:Ve,isExpand:qe,parentPropertyID:Le}=i,Z={propertyID:y,propertyName:D,propertyType:T,propertyValue:Re,editor:$,visible:q,readonly:B,cascadeConfig:L,hideCascadeTitle:ke,refreshPanelAfterChanged:Be,description:Ve,isExpand:qe,parentPropertyID:Le};return o[y]=Z,Z})}function s(n,o,u={}){const m={},v=e[n];return v&&v.categories?Object.keys(v.categories).map(x=>{const M=v.categories[x],d=M==null?void 0:M.title,O=g(M.properties||{},m,{},u,o);return{categoryId:x,categoryName:d,properties:O}}):[]}function l(n,o,u,m,v=""){const h=o.$ref.schema,x=o.$ref.converter,M=u[h],d=M.type,O=r(M),y={},i=e[d];if(i&&i.categories){const b=i.categories[n],D=b==null?void 0:b.title;x&&Object.keys(b.properties).forEach($=>{b.properties[$].$converter=x});const T=(b==null?void 0:b.properties)||{},P=g(T,y,O,M,m,v);return{categoryId:n,categoryName:D,properties:P}}return{categoryId:n,categoryName:"",properties:[]}}function p(n,o,u,m,v){const h=n.type,x=r(n),M={};let d=v||e[h];if(d&&Object.keys(d).length===0&&u&&u.getPropConfig&&(d=u.getPropConfig(m)),d&&d.categories){const O=[];return Object.keys(d.categories).map(y=>{const i=d.categories[y];if(i.$ref){O.push(l(y,i,n,o,m));return}const b=i==null?void 0:i.title,D=i==null?void 0:i.tabId,T=i==null?void 0:i.tabName,P=i==null?void 0:i.hide,$=i==null?void 0:i.hideTitle,q=g(i.properties||{},M,x,n,o,m,i.$converter),{setPropertyRelates:B}=i,L=i==null?void 0:i.parentPropertyID;O.push({categoryId:y,categoryName:b,tabId:D,tabName:T,hide:P,properties:q,hideTitle:$,setPropertyRelates:B,parentPropertyID:L})}),O}return[]}return{getPropertyConfigBySchema:p,getPropertyConfigByType:s,propertyConverterMap:c}}const G={},J={};W(G,J,te);const Q={},U={},{getSchemaByType:We,resolveSchemaWithDefaultValue:Me,resolveSchemaToProps:Ge,mappingSchemaToProps:Je,setDesignerContext:Qe}=z(Q,U),X={},Y={};W(X,Y,Me);function xe(e,t,r=new Map,c=(F,j,w,f)=>j,C={},S=F=>F){return I[t.title]=t,_[t.title]=c,G[t.title]=C,J[t.title]=S,Q[t.title]=t,U[t.title]=c,X[t.title]=C,Y[t.title]=S,(F={},j=!0)=>{if(!j)return oe(F,r);const w=re(F,t,r),f=Object.keys(e).reduce((g,s)=>(g[s]=e[s].default,g),{});return Object.assign(f,w)}}function Ne(e,t){return{customClass:t.class,customStyle:t.style}}const we=new Map([["appearance",Ne]]),De={$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:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function He(e,t,r){return t}const Ae={title:"page-footer",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},k={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}},V=xe(k,De,we,He,Ae),R=a.defineComponent({name:"FPageFooter",props:k,emits:[],setup(e,t){const r=a.ref(e.collapsed),c=a.computed(()=>e.collapsedText),C=a.ref(e.contentClass),S=a.computed(()=>e.enableCollapse),F=a.computed(()=>e.expandedText),j=a.ref(e.headerClass),w=a.ref(e.headerContentClass),f=a.ref(e.headerToolbarClass),g=a.computed(()=>e.showHeader),s=a.ref(e.customClass);function l(d){d&&d.stopImmediatePropagation(),r.value=!r.value}function p(){return S.value&&a.createVNode("div",{class:"toolbar--collapse",onClick:d=>l(d)},[a.createVNode("span",{class:"toobar--collapse-text"},[r.value?F.value:c.value]),a.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const n=a.computed(()=>{const d={"f-toolbar":!0};return f.value.split(" ").reduce((y,i)=>(y[i]=!0,y),d),d});function o(){return a.createVNode("div",{class:n.value},[t.slots.headerToolbar&&t.slots.headerToolbar(),!t.slots.headerToolbar&&p()])}const u=a.computed(()=>{const d={"f-content":!0};return w.value.split(" ").reduce((y,i)=>(y[i]=!0,y),d),d});function m(){return a.createVNode(a.Fragment,null,[t.slots.headerContent&&a.createVNode("div",{class:u.value},[t.slots.headerContent()]),o()])}const v=a.computed(()=>{const d={"f-cmp-footer-header":!0};return j.value.split(" ").reduce((y,i)=>(y[i]=!0,y),d),d});function h(){return a.createVNode("header",{class:v.value},[t.slots.header&&t.slots.header(),!t.slots.header&&m()])}const x=a.computed(()=>{const d={"f-cmp-footer":!0,"f-state-collapse":S.value&&r.value,"f-cmp-footer-accordion":S.value};return s.value.split(" ").reduce((y,i)=>(y[i]=!0,y),d),d}),M=a.computed(()=>{const d={"f-cmp-footer-content":!0};return C.value.split(" ").reduce((y,i)=>(y[i]=!0,y),d),d});return()=>a.createVNode("div",{class:x.value},[a.createVNode("footer",{class:"f-cmp-footer-container"},[g.value&&h(),a.createVNode("div",{class:M.value},[t.slots.default&&t.slots.default()])])])}}),$e=a.defineComponent({name:"FPageFooterDesign",props:k,emits:[],setup(e,t){const r=a.ref(e.collapsed),c=a.ref(e.collapsedText),C=a.ref(e.contentClass),S=a.ref(e.enableCollapse),F=a.ref(e.expandedText),j=a.ref(e.headerClass),w=a.ref(e.headerContentClass),f=a.ref(e.headerToolbarClass),g=a.ref(e.showHeader),s=a.ref(),l=a.inject("design-item-context"),p=a.inject("designer-host-service"),n=ee.useDesignerRules(l,p),o=K.useDesignerComponent(s,l,n);a.onMounted(()=>{s.value.componentInstance=o}),t.expose(o.value);function u(b){b&&b.stopImmediatePropagation(),r.value=!r.value}function m(){return S.value&&a.createVNode("div",{class:"toolbar--collapse",onClick:b=>u(b)},[a.createVNode("span",{class:"toobar--collapse-text"},[r.value?F.value:c.value]),a.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const v=a.computed(()=>{const b={"f-toolbar":!0};return f.value.split(" ").reduce((T,P)=>(T[P]=!0,T),b),b});function h(){return a.createVNode("div",{class:v.value},[t.slots.headerToolbar&&t.slots.headerToolbar(),!t.slots.headerToolbar&&m()])}const x=a.computed(()=>{const b={"f-content":!0};return w.value.split(" ").reduce((T,P)=>(T[P]=!0,T),b),b});function M(){return a.createVNode(a.Fragment,null,[t.slots.headerContent&&a.createVNode("div",{class:x.value},[t.slots.headerContent()]),h()])}const d=a.computed(()=>{const b={"f-cmp-footer-header":!0};return j.value.split(" ").reduce((T,P)=>(T[P]=!0,T),b),b});function O(){return a.createVNode("header",{class:d.value},[t.slots.header&&t.slots.header(),!t.slots.header&&M()])}const y=a.computed(()=>{const b={"f-cmp-footer":!0,"f-state-collapse":S.value&&r.value,"f-cmp-footer-accordion":S.value};return j.value.split(" ").reduce((T,P)=>(T[P]=!0,T),b),b}),i=a.computed(()=>{const b={"f-cmp-footer-content":!0};return C.value.split(" ").reduce((T,P)=>(T[P]=!0,T),b),b});return()=>a.createVNode("div",{ref:s,class:y.value},[a.createVNode("footer",{class:"f-cmp-footer-container"},[g.value&&O(),a.createVNode("div",{class:i.value},[t.slots.default&&t.slots.default()])])])}}),Ee={install(e){e.component(R.name,R)},register(e,t,r,c){e["page-footer"]=R,t["page-footer"]=V},registerDesigner(e,t,r){e["page-footer"]=$e,t["page-footer"]=V}};N.FPageFooter=R,N.default=Ee,N.pageFooterProps=k,N.propsResolver=V,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});