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

Farris Vue, a Farris Design based Vue3 component library.

(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../dynamic-form/index.umd.js"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["page-footer"]={},l.Vue,l.dynamicResolver,l.designerCanvas,l.dynamicForm))})(this,function(l,e,R,I,w){"use strict";const k=new Map([["appearance",R.resolveAppearance]]),B={$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:"string",default:""}},required:["id","type"]};function D(o,t,c){return t}const L={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:"右对齐"}]}}}}}},m={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}},j=R.createPropsResolver(m,B,k,D,L),C=e.defineComponent({name:"FPageFooter",props:m,emits:[],setup(o,t){const c=e.ref(o.collapsed),y=e.computed(()=>o.collapsedText),A=e.ref(o.contentClass),p=e.computed(()=>o.enableCollapse),v=e.computed(()=>o.expandedText),g=e.ref(o.headerClass),V=e.ref(o.headerContentClass),F=e.ref(o.headerToolbarClass),N=e.computed(()=>o.showHeader),f=e.ref(o.customClass);function b(s){s&&s.stopImmediatePropagation(),c.value=!c.value}function H(){return p.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:s=>b(s)},[e.createVNode("span",{class:"toobar--collapse-text"},[c.value?v.value:y.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const S=e.computed(()=>{const s={"f-toolbar":!0};return F.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});function h(){return e.createVNode("div",{class:S.value},[t.slots.headerToolbar&&t.slots.headerToolbar(),!t.slots.headerToolbar&&H()])}const x=e.computed(()=>{const s={"f-content":!0};return V.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});function O(){return e.createVNode(e.Fragment,null,[t.slots.headerContent&&e.createVNode("div",{class:x.value},[t.slots.headerContent()]),h()])}const P=e.computed(()=>{const s={"f-cmp-footer-header":!0};return g.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});function q(){return e.createVNode("header",{class:P.value},[t.slots.header&&t.slots.header(),!t.slots.header&&O()])}const M=e.computed(()=>{const s={"f-cmp-footer":!0,"f-state-collapse":p.value&&c.value,"f-cmp-footer-accordion":p.value};return f.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s}),$=e.computed(()=>{const s={"f-cmp-footer-content":!0};return A.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});return()=>e.createVNode("div",{class:M.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[N.value&&q(),e.createVNode("div",{class:$.value},[t.slots.default&&t.slots.default()])])])}}),_=e.defineComponent({name:"FPageFooterDesign",props:m,emits:[],setup(o,t){const c=e.ref(o.collapsed),y=e.ref(o.collapsedText),A=e.ref(o.contentClass),p=e.ref(o.enableCollapse),v=e.ref(o.expandedText),g=e.ref(o.headerClass),V=e.ref(o.headerContentClass),F=e.ref(o.headerToolbarClass),N=e.ref(o.showHeader),f=e.ref(),b=e.inject("design-item-context"),H=e.inject("designer-host-service"),S=w.useDesignerRules(b,H),h=I.useDesignerComponent(f,b,S);e.onMounted(()=>{f.value.componentInstance=h}),t.expose(h.value);function x(r){r&&r.stopImmediatePropagation(),c.value=!c.value}function O(){return p.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:r=>x(r)},[e.createVNode("span",{class:"toobar--collapse-text"},[c.value?v.value:y.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const P=e.computed(()=>{const r={"f-toolbar":!0};return F.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});function q(){return e.createVNode("div",{class:P.value},[t.slots.headerToolbar&&t.slots.headerToolbar(),!t.slots.headerToolbar&&O()])}const M=e.computed(()=>{const r={"f-content":!0};return V.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});function $(){return e.createVNode(e.Fragment,null,[t.slots.headerContent&&e.createVNode("div",{class:M.value},[t.slots.headerContent()]),q()])}const s=e.computed(()=>{const r={"f-cmp-footer-header":!0};return g.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});function u(){return e.createVNode("header",{class:s.value},[t.slots.header&&t.slots.header(),!t.slots.header&&$()])}const a=e.computed(()=>{const r={"f-cmp-footer":!0,"f-state-collapse":p.value&&c.value,"f-cmp-footer-accordion":p.value};return g.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r}),d=e.computed(()=>{const r={"f-cmp-footer-content":!0};return A.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});return()=>e.createVNode("div",{ref:f,class:a.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[N.value&&u(),e.createVNode("div",{class:d.value},[t.slots.default&&t.slots.default()])])])}}),W={install(o){o.component(C.name,C)},register(o,t,c,y){o["page-footer"]=C,t["page-footer"]=j},registerDesigner(o,t,c){o["page-footer"]=_,t["page-footer"]=j}};l.FPageFooter=C,l.default=W,l.pageFooterProps=m,l.propsResolver=j,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});