@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 22.7 kB
JavaScript
(function(C,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],c):(C=typeof globalThis<"u"?globalThis:C||self,c(C.accordion={},C.Vue,C.LodashES,C.dynamicResolver,C.common,C.designerCanvas))})(this,function(C,c,H,G,U,ie){"use strict";function W(e,t){let n;function o(s){const{properties:a,title:f,ignore:r}=s,i=r&&Array.isArray(r),l=Object.keys(a).reduce((p,b)=>((!i||!r.find($=>$===b))&&(p[b]=a[b].type==="object"&&a[b].properties?o(a[b]):H.cloneDeep(a[b].default)),p),{});if(f&&(!i||!r.find(p=>p==="id"))){const p=f.toLowerCase().replace(/-/g,"_");l.id=`${p}_${Math.random().toString().slice(2,6)}`}return l}function g(s){const{properties:a,title:f,required:r}=s;if(r&&Array.isArray(r)){const i=r.reduce((l,p)=>(l[p]=a[p].type==="object"&&a[p].properties?o(a[p]):H.cloneDeep(a[p].default),l),{});if(f&&r.find(l=>l==="id")){const l=f.toLowerCase().replace(/-/g,"_");i.id=`${l}_${Math.random().toString().slice(2,6)}`}return i}return{type:f}}function v(s,a={},f){const r=e[s];if(r){let i=g(r);const l=t[s];return i=l?l({getSchemaByType:v},i,a,f):i,n!=null&&n.appendIdentifyForNewControl&&n.appendIdentifyForNewControl(i),i}return null}function y(s,a){const f=o(a);return Object.keys(f).reduce((r,i)=>(Object.prototype.hasOwnProperty.call(s,i)&&(r[i]&&H.isPlainObject(r[i])&&H.isPlainObject(s[i]||!s[i])?Object.assign(r[i],s[i]||{}):r[i]=s[i]),r),f),f}function S(s,a){return Object.keys(s).filter(r=>s[r]!=null).reduce((r,i)=>{if(a.has(i)){const l=a.get(i);if(typeof l=="string")r[l]=s[i];else{const p=l(i,s[i],s);Object.assign(r,p)}}else r[i]=s[i];return r},{})}function F(s,a,f=new Map){const r=y(s,a);return S(r,f)}function d(s){var f;const a=s.type;if(a){const r=e[a];if(!r)return s;const i=y(s,r),l=((f=s.editor)==null?void 0:f.type)||"";if(l){const p=e[l],b=y(s.editor,p);i.editor=b}return i}return s}function m(s){n=s}return{getSchemaByType:v,resolveSchemaWithDefaultValue:d,resolveSchemaToProps:F,mappingSchemaToProps:S,setDesignerContext:m}}const J={},Q={},{getSchemaByType:We,resolveSchemaWithDefaultValue:se,resolveSchemaToProps:ce,mappingSchemaToProps:ae,setDesignerContext:Je}=W(J,Q);function le(e={}){function t(d,m,s,a){if(typeof s=="number")return a[d].length===s;if(typeof s=="object"){const f=Object.keys(s)[0],r=s[f];if(f==="not")return Number(a[d].length)!==Number(r);if(f==="moreThan")return Number(a[d].length)>=Number(r);if(f==="lessThan")return Number(a[d].length)<=Number(r)}return!1}function n(d,m,s,a){return a[d]&&a[d].propertyValue&&String(a[d].propertyValue.value)===String(s)}const o=new Map([["length",t],["getProperty",n]]);Object.keys(e).reduce((d,m)=>(d.set(m,e[m]),d),o);function g(d,m){const s=d;return typeof m=="number"?[{target:s,operator:"length",param:null,value:Number(m)}]:typeof m=="boolean"?[{target:s,operator:"getProperty",param:d,value:!!m}]:typeof m=="object"?Object.keys(m).map(a=>{if(a==="length")return{target:s,operator:"length",param:null,value:m[a]};const f=a,r=m[a];return{target:s,operator:"getProperty",param:f,value:r}}):[]}function v(d){return Object.keys(d).reduce((s,a)=>{const f=g(a,d[a]);return s.push(...f),s},[])}function y(d,m){if(o.has(d.operator)){const s=o.get(d.operator);return s&&s(d.target,d.param,d.value,m)||!1}return!1}function S(d,m){return v(d).reduce((f,r)=>f&&y(r,m),!0)}function F(d,m){const s=Object.keys(d),a=s.includes("allOf"),f=s.includes("anyOf"),r=a||f,p=(r?d[r?a?"allOf":"anyOf":"allOf"]:[d]).map($=>S($,m));return a?!p.includes(!1):p.includes(!0)}return{parseValueSchema:F}}const de={convertTo:(e,t,n,o)=>{e.appearance||(e.appearance={}),e.appearance[t]=n},convertFrom:(e,t,n)=>e.appearance?e.appearance[t]:e[t]},ue={convertFrom:(e,t,n)=>e.buttons&&e.buttons.length?`共 ${e.buttons.length} 项`:"无"},fe={convertTo:(e,t,n,o)=>{e.editor&&(e.editor[t]=n)},convertFrom:(e,t,n)=>e.editor&&Object.prototype.hasOwnProperty.call(e.editor,t)?e.editor[t]:e[t]},me={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:"多语输入框"}},pe={convertFrom:(e,t,n)=>{var g;const o=e.editor&&e.editor[t]?e.editor[t]:e[t];return((g=me[o])==null?void 0:g.name)||o}},ge={convertTo:(e,t,n,o)=>{e[t]=e[t]},convertFrom:(e,t,n)=>e.editor?n.getRealEditorType(e.editor.type):""},ve={convertTo:(e,t,n,o)=>{(e.type==="data-grid-column"||e.type==="tree-grid-column")&&(e.formatter?e.formatter[t]=n:e.formatter={[t]:n})},convertFrom:(e,t,n)=>{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"}},be={convertTo:(e,t,n,o)=>{e.command?e.command[t]=n:e.command={[t]:n},t==="enable"&&n&&(e.command.commands||(e.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(e,t,n)=>e.command&&t==="enable"?e.command.enable:""},ye={convertTo:(e,t,n,o)=>{e.column?e.column[t]=n:e.column={[t]:n},t==="fitColumns"&&n&&(e.column.fitMode||(e.column.fitMode="average"))},convertFrom:(e,t,n)=>{if(e.column){if(t==="fitColumns")return e.column.fitColumns;if(t==="fitMode")return e.column.fitMode}return""}},he={convertTo:(e,t,n,o)=>{e.summary?e.summary[t]=n:e.summary={[t]:n},t==="enable"&&n&&(e.summary?e.summary.groupFields||(e.summary.groupFields=[]):e.summary={enable:n,groupFields:[]})},convertFrom:(e,t,n)=>e.summary&&t==="enable"?e.summary.enable:e.type==="data-grid-column"?e.enableSummary===void 0?!1:e.enableSummary:""},Ce={convertTo:(e,t,n,o)=>{e.group?e.group[t]=n:e.group={[t]:n},t==="enable"&&n&&(e.group?e.group.groupFields||(e.group.groupFields=[]):e.group={enable:n,groupFields:[],showSummary:!1})},convertFrom:(e,t,n)=>{if(e.group){if(t==="enable")return e.group.enable;if(t==="showSummary")return e.group.showSummary}}},Se={convertFrom:(e,t)=>e.binding?e.binding.path:"",convertTo:(e,t,n)=>{if(n&&n.length>0){const o=n[0];e.binding||(e.binding={}),e.binding.type="Form",e.binding.path=o.bindingField,e.binding.field=o.id,e.binding.fullPath=o.path,e.path=o.bindingPath}}},Fe={convertTo:(e,t,n,o)=>{e.pagination||(e.pagination={}),e.pagination[t]=n},convertFrom:(e,t,n)=>e.pagination?e.pagination[t]:e[t]},$e={convertTo:(e,t,n,o)=>{e.rowNumber||(e.rowNumber={}),e.rowNumber[t]=n},convertFrom:(e,t,n)=>e.rowNumber?e.rowNumber[t]:e[t]},Te={convertTo:(e,t,n,o)=>{e.selection||(e.selection={}),e.selection[t]=n},convertFrom:(e,t,n)=>e.selection?e.selection[t]:e[t]},Pe={convertFrom:(e,t,n)=>e[t]&&e[t].length?`共 ${e[t].length} 项`:""},Ne={convertFrom:(e,t)=>e[t]||"",convertTo:(e,t,n)=>{e[t]=n}},we={convertTo:(e,t,n,o)=>{e.size||(e.size={}),e.size[t]=n},convertFrom:(e,t,n)=>e.size?e.size[t]:e[t]},je={convertFrom:(e,t,n)=>{var o,g;return(o=e.formatter)!=null&&o.data&&t==="formatterEnumData"&&!e.formatterEnumData?(g=e.formatter)==null?void 0:g.data:e.formatterEnumData}},Oe={convertTo:(e,t,n,o)=>{e.sort||(e.sort={}),e.sort[t]=n},convertFrom:(e,t,n)=>{var o,g;if(t==="mode")return((o=e.sort)==null?void 0:o.mode)||"client";if(t==="multiSort")return!!((g=e.sort)!=null&&g.multiSort)}},xe={convertTo:(e,t,n,o)=>{e.filter||(e.filter={}),e.filter[t]=n},convertFrom:(e,t,n)=>{var o;if(t==="mode")return((o=e.filter)==null?void 0:o.mode)||"client"}},Me={convertTo:(e,t,n,o)=>{e.rowOption?e.rowOption[t]=n:e.rowOption={[t]:n}},convertFrom:(e,t,n)=>{if(e.rowOption){if(t==="customRowStyle")return e.rowOption.customRowStyle;if(t==="customCellStyle")return e.rowOption.customCellStyle}return""}};function X(e,t,n){const o=new Map([["/converter/appearance.converter",de],["/converter/buttons.converter",ue],["/converter/property-editor.converter",fe],["/converter/items-count.converter",Pe],["/converter/type.converter",pe],["/converter/change-editor.converter",ge],["/converter/change-formatter.converter",ve],["/converter/column-command.converter",be],["/converter/column-option.converter",ye],["/converter/summary.converter",he],["/converter/group.converter",Ce],["/converter/form-group-label.converter",Ne],["/converter/field-selector.converter",Se],["/converter/pagination.converter",Fe],["/converter/row-number.converter",$e],["/converter/grid-selection.converter",Te],["/converter/size.converter",we],["/converter/change-formatter-enum.converter",je],["/converter/grid-sort.converter",Oe],["/converter/grid-filter.converter",xe],["/converter/row-option.converter",Me]]),g=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}]]),v=le();function y(r,i){return()=>v.parseValueSchema(r,i)}function S(r,i,l){return r.includes("visible")&&i.visible!==void 0?typeof i.visible=="boolean"?()=>!!i.visible:i.visible===void 0?!0:y(i.visible,l):()=>!0}function F(r,i,l){return r.includes("readonly")&&i.readonly!==void 0?typeof i.readonly=="boolean"?()=>!!i.readonly:y(i.readonly,l):()=>!1}function d(r,i){const l=r.$converter||i;return typeof l=="string"&&l&&o.has(l)?o.get(l)||null:l||null}function m(r,i,l,p,b,$="",N=""){return Object.keys(r).map(h=>{const w=c.ref(1),j=h,u=r[h],T=Object.keys(u),E=u.title,k=u.type,A=g.get(k)||{type:"input-group",enableClear:!1},D=u.editor?Object.assign({},A,u.editor):Object.assign({},A),L=S(T,u,i),q=F(T,u,i);D.readonly=D.readonly===void 0?q():D.readonly;const _=u.type==="cascade"?m(u.properties,i,l,p,b,$,N):[],qe=!0;let O=d(u,N);const Ve=c.computed({get(){if(w.value){if(["class","style"].find(Ue=>Ue===j)&&!O&&(O=o.get("/converter/appearance.converter")||null),O&&O.convertFrom)return O.convertFrom(l,h,b,$);const x=l[h];return Object.prototype.hasOwnProperty.call(u,"defaultValue")&&(x===void 0||typeof x=="string"&&x==="")?u.type==="boolean"?u.defaultValue:u.defaultValue||"":x}return null},set(x){w.value+=1,O&&O.convertTo?(O.convertTo(p,h,x,b,$),O.convertTo(l,h,x,b,$)):(p[h]=x,l[h]=x)}}),{refreshPanelAfterChanged:ze,description:Le,isExpand:_e,parentPropertyID:Ge}=u,oe={propertyID:j,propertyName:E,propertyType:k,propertyValue:Ve,editor:D,visible:L,readonly:q,cascadeConfig:_,hideCascadeTitle:qe,refreshPanelAfterChanged:ze,description:Le,isExpand:_e,parentPropertyID:Ge};return i[j]=oe,oe})}function s(r,i,l={}){const p={},b=e[r];return b&&b.categories?Object.keys(b.categories).map(N=>{const P=b.categories[N],h=P==null?void 0:P.title,w=m(P.properties||{},p,{},l,i);return{categoryId:N,categoryName:h,properties:w}}):[]}function a(r,i,l,p,b=""){const $=i.$ref.schema,N=i.$ref.converter,P=l[$],h=P.type,w=n(P),j={},u=e[h];if(u&&u.categories){const T=u.categories[r],E=T==null?void 0:T.title;N&&Object.keys(T.properties).forEach(D=>{T.properties[D].$converter=N});const k=(T==null?void 0:T.properties)||{},A=m(k,j,w,P,p,b);return{categoryId:r,categoryName:E,properties:A}}return{categoryId:r,categoryName:"",properties:[]}}function f(r,i,l,p,b){const $=r.type,N=n(r),P={};let h=b||e[$];if(h&&Object.keys(h).length===0&&l&&l.getPropConfig&&(h=l.getPropConfig(p)),h&&h.categories){const w=[];return Object.keys(h.categories).map(j=>{const u=h.categories[j];if(u.$ref){w.push(a(j,u,r,i,p));return}const T=u==null?void 0:u.title,E=u==null?void 0:u.tabId,k=u==null?void 0:u.tabName,A=u==null?void 0:u.hide,D=u==null?void 0:u.hideTitle,L=m(u.properties||{},P,N,r,i,p,u.$converter),{setPropertyRelates:q}=u,_=u==null?void 0:u.parentPropertyID;w.push({categoryId:j,categoryName:T,tabId:E,tabName:k,hide:A,properties:L,hideTitle:D,setPropertyRelates:q,parentPropertyID:_})}),w}return[]}return{getPropertyConfigBySchema:f,getPropertyConfigByType:s,propertyConverterMap:o}}const Y={},Z={};X(Y,Z,se);const K={},ee={},{getSchemaByType:Qe,resolveSchemaWithDefaultValue:De,resolveSchemaToProps:Xe,mappingSchemaToProps:Ye,setDesignerContext:Ze}=W(K,ee),te={},ne={};X(te,ne,De);function ke(e,t,n=new Map,o=(y,S,F,d)=>S,g={},v=y=>y){return J[t.title]=t,Q[t.title]=o,Y[t.title]=g,Z[t.title]=v,K[t.title]=t,ee[t.title]=o,te[t.title]=g,ne[t.title]=v,(y={},S=!0)=>{if(!S)return ae(y,n);const F=ce(y,t,n),d=Object.keys(e).reduce((m,s)=>(m[s]=e[s].default,m),{});return Object.assign(d,F)}}const re=new Map([["appearance",G.resolveAppearance],["size",(e,t)=>{const n={};return t.width&&(n.width=Number(t.width)),t.height&&(n.height=Number(t.height)),n}]]),Ae={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion.schema.json",title:"accordion",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion",type:"string"},type:{description:"The type string of Accordion component",type:"string",default:"accordion"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},customClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},enableFold:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]};function Ee(e,t,n){return t}const He={title:"accordion",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:[]}}}}}},R={customClass:{type:String,default:""},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},height:{type:Number},width:{type:Number}},V=ke(R,Ae,re,Ee,He),M=c.defineComponent({name:"FAccordion",props:R,emits:[],setup(e,t){const n=c.computed(()=>({height:e.height?`${e.height}px`:"",width:e.width?`${e.width}px`:""}));c.provide("accordionContext",{parentProps:e});const o=c.computed(()=>{const g={"farris-panel":!0,accordion:!0};return U.getCustomClass(g,e.customClass)});return()=>c.createVNode("div",{class:o.value,style:n.value},[t.slots.default&&t.slots.default()])}}),Re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion-item.schema.json",title:"AccordionItem",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion Item",type:"string"},type:{description:"The type string of Accordion Item component",type:"string"},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},title:{description:"",type:"string",default:""},disable:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},I={active:{type:Boolean,default:!1},customClass:{type:String,default:""},disabled:{type:Boolean,default:!1},enableFold:{type:Boolean,default:!0},height:{type:Number},iconUri:{type:String,default:""},maxHeight:{type:Number},title:{type:String,default:""},width:{type:Number}},z=G.createPropsResolver(I,Re,re),B=c.defineComponent({name:"FAccordionItem",props:I,emits:["ClickHeader"],setup(e,t){const n=c.ref(),o=c.inject("accordionContext"),g=c.ref(e.title),v=c.ref(e.active),y=c.computed(()=>{var r;return!!((r=o==null?void 0:o.parentProps)!=null&&r.enableFold)&&e.enableFold});function S(){e.disabled||!y.value||(v.value=!v.value)}function F(r){t.emit("ClickHeader"),S()}const d=c.computed(()=>{const r={card:!0,"farris-panel-item":!0,"f-state-disabled":e.disabled,"f-state-selected":v.value};return U.getCustomClass(r,e.customClass)}),m=c.computed(()=>!0),s=c.computed(()=>({"f-icon":!0,"f-accordion-collapse":!v.value,"f-accordion-expand":v.value}));function a(){return n.value?n.value.getBoundingClientRect().height:0}const f=c.computed(()=>{const r=e.maxHeight?{transition:"maxHeight 0.36s ease 0s","max-height":v.value?`${e.maxHeight}px`:0}:{transition:"height 0.36s ease 0s",height:v.value?`${a()}px`:0};return v.value||(r.overflow="hidden"),r});return c.onMounted(()=>{var r;(r=o==null?void 0:o.parentProps)!=null&&r.expanded&&(v.value=!0)}),()=>c.createVNode("div",{class:d.value},[c.createVNode("div",{class:"card-header",onClick:F},[c.createVNode("div",{class:"panel-item-title"},[e.iconUri&&c.createVNode("img",{class:"panel-item-title-image",src:e.iconUri,title:"title-icon"},null),m.value&&c.createVNode("span",null,[g.value]),t.slots.head&&t.slots.head(),y.value&&c.createVNode("i",{class:s.value},null)]),c.createVNode("div",{class:"panel-item-tool"},[t.slots.toolbar&&t.slots.toolbar()]),c.createVNode("div",{class:"panel-item-clear"},null)]),c.createVNode("div",{style:f.value},[c.createVNode("div",{class:"card-body",ref:n},[t.slots.default&&t.slots.default()])])])}}),Ie=c.defineComponent({name:"FAccordionDesign",props:R,emits:[],setup(e,t){const n=c.computed(()=>({height:e.height?`${e.height}px`:"",width:e.width?`${e.width}px`:""})),o=c.computed(()=>{const S=e.customClass.split(" "),F={"farris-panel":!0,accordion:!0};return S.reduce((d,m)=>(d[m]=!0,d),F),F}),g=c.ref(),v=c.inject("design-item-context"),y=ie.useDesignerComponent(g,v);return c.onMounted(()=>{g.value.componentInstance=y}),t.expose(y.value),()=>c.createVNode("div",{ref:g,class:o.value,style:n.value},[t.slots.default&&t.slots.default()])}}),Be=c.defineComponent({name:"FAccordionItemDesign",props:I,emits:[],setup(e,t){const n=c.ref(e.title),o=c.ref(!1),g=c.ref(!1);function v(){o.value=!o.value}function y(i){v()}const S=c.computed(()=>({"f-state-disabled":g.value,card:!0,"farris-panel-item":!0,"f-state-selected":o.value})),F=c.computed(()=>!0),d=c.computed(()=>!1),m=c.computed(()=>({"f-icon":!0,"f-accordion-collapse":!o.value,"f-accordion-expand":o.value})),s=c.computed(()=>{const i=e.maxHeight?{transition:"maxHeight 0.36s ease 0s","max-height":o.value?`${e.maxHeight}px`:0}:{transition:"height 0.36s ease 0s",height:o.value?`${e.height}px`:0};return o.value||(i.overflow="hidden"),i});function a(){return!0}function f(){return!1}function r(){return!0}return t.expose({canMove:a(),canSelectParent:f(),canDelete:r(),canNested:!0}),()=>c.createVNode("div",{class:S.value},[c.createVNode("div",{class:"card-header",onClick:y},[c.createVNode("div",{class:"panel-item-title"},[F.value&&c.createVNode("span",null,[n.value]),d.value&&t.slots.head&&t.slots.head(),c.createVNode("span",{class:m.value},null)]),c.createVNode("div",{class:"panel-item-tool"},[t.slots.toolbar&&t.slots.toolbar()]),c.createVNode("div",{class:"panel-item-clear"},null)]),c.createVNode("div",{style:s.value},[c.createVNode("div",{class:"card-body drag-container"},[t.slots.default&&t.slots.default()])])])}});M.install=e=>{e.component(M.name,M),e.component(B.name,B)},M.register=(e,t,n,o)=>{e.accordion=M,e["accordion-item"]=B,t.accordion=V,t["accordion-item"]=z},M.registerDesigner=(e,t,n)=>{e.accordion=Ie,e["accordion-item"]=Be,t.accordion=V,t["accordion-item"]=z},C.FAccordion=M,C.FAccordionItem=B,C.accordionItemProps=I,C.accordionItemPropsResolver=z,C.accordionProps=R,C.accordionPropsResolver=V,C.default=M,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});