@farris/ui-vue 1.1.0 → 1.1.1

package/tabs/index.umd.js

@@ -1 +0,0 @@
-(function(q,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(q=typeof globalThis<"u"?globalThis:q||self,e(q.tabs={},q.Vue,q.LodashES))})(this,function(q,e,K){"use strict";var Ut=Object.defineProperty;var Gt=(q,e,K)=>e in q?Ut(q,e,{enumerable:!0,configurable:!0,writable:!0,value:K}):q[e]=K;var W=(q,e,K)=>(Gt(q,typeof e!="symbol"?e+"":e,K),K);const de={},Ce={};function ue(t){const{properties:n,title:o}=t,r=Object.keys(n).reduce((i,p)=>(i[p]=n[p].type==="object"&&n[p].properties?ue(n[p]):K.cloneDeep(n[p].default),i),{});return r.id=`${o}-${Date.now()}`,r}function X(t,n={}){const o=de[t];if(o){let r=ue(o);const i=Ce[t];return r=i?i({getSchemaByType:X},r,n):r,r}return null}function Le(t,n){const o=ue(n);return Object.keys(t).reduce((r,i)=>(r[i]=t[i],r),o),o}function Re(t,n){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,i)=>{if(n.has(i)){const p=n.get(i);if(typeof p=="string")r[p]=t[i];else{const h=p(i,t[i],t);Object.assign(r,h)}}else r[i]=t[i];return r},{})}function _e(t,n,o=new Map){const r=Le(t,n);return Re(r,o)}function Fe(t={}){function n(T,C,c,u){if(typeof c=="number")return u[T].length===c;if(typeof c=="object"){const y=Object.keys(c)[0],m=c[y];if(y==="not")return Number(u[T].length)!==Number(m);if(y==="moreThan")return Number(u[T].length)>=Number(m);if(y==="lessThan")return Number(u[T].length)<=Number(m)}return!1}function o(T,C,c,u){return u[C]&&u[C].propertyValue&&String(u[C].propertyValue.value)===String(c)}const r=new Map([["length",n],["getProperty",o]]);Object.keys(t).reduce((T,C)=>(T.set(C,t[C]),T),r);function i(T,C){const c=T;return typeof C=="number"?[{target:c,operator:"length",param:null,value:Number(C)}]:typeof C=="boolean"?[{target:c,operator:"getProperty",param:T,value:!!C}]:typeof C=="object"?Object.keys(C).map(u=>{if(u==="length")return{target:c,operator:"length",param:null,value:C[u]};const y=u,m=C[u];return{target:c,operator:T,param:y,value:m}}):[]}function p(T){return Object.keys(T).reduce((c,u)=>{const y=i(u,T[u]);return c.push(...y),c},[])}function h(T,C){if(r.has(T.operator)){const c=r.get(T.operator);return c&&c(T.target,T.param,T.value,C)||!1}return!1}function S(T,C){return p(T).reduce((y,m)=>y&&h(m,C),!0)}function j(T,C){const c=Object.keys(T),u=c.includes("allOf"),y=c.includes("anyOf"),m=u||y,d=(m?T[m?u?"allOf":"anyOf":"allOf"]:[T]).map(D=>S(D,C));return u?!d.includes(!1):d.includes(!0)}return{parseValueSchema:j}}const ve={},He={};Fe();function te(t,n,o=new Map,r=(h,S,j)=>S,i={},p=h=>h){return de[n.title]=n,Ce[n.title]=r,ve[n.title]=i,He[n.title]=p,(h={})=>{const S=_e(h,n,o),j=Object.keys(t).reduce((T,C)=>(T[C]=t[C].default,T),{});return Object.assign(j,S)}}function oe(t,n){return{customClass:n.class}}const We=new Map([["appearance",oe]]);function qe(t,n,o){const r=t.getSchemaByType("tab-page");return n.contents=[r],n}const ze={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tabs.schema.json",title:"tabs",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Tabs",type:"string"},type:{description:"The type string of Tabs component",type:"string",default:"tabs"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]}},required:["id","type","contents"]},Ue={title:"tabs",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"Splitter",enum:[]}},title:{title:"标题",type:"string",description:"标题"}}},appearance:{description:"",title:"外观",properties:{size:{description:"",type:"cascade",title:"尺寸",properties:{width:{description:"组件的宽度",title:"宽度（px）",type:"number",min:0,decimals:0},height:{description:"组件的高度",title:"高度（px）",type:"number",min:0,decimals:0}}},titleWidth:{description:"标题区域宽度占页面比",type:"number",title:"标题区域宽度（%）",min:0,decimals:0,max:100},autoTitleWidth:{description:"开启，则显示全部字符；关闭，最多显示7个字符",type:"select",title:"标题自适应宽度",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]},defaultValue:!1},contentFill:{description:"flex布局下，填充满剩余部分",type:"select",title:"填充",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]},defaultValue:!1}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}}}}}},se={tabType:{type:String,default:"default"},autoTitleWidth:{type:Boolean,default:!1},titleLength:{type:Number,default:7},position:{type:String,default:"top"},showDropdown:{type:Boolean,default:!0},scrollStep:{type:Number,default:10},autoResize:{type:Boolean,default:!1},selectedTab:{type:String,default:""},width:{type:Number},height:{type:Number},searchBoxVisible:{type:Boolean,default:!0},titleWidth:{type:Number,default:0},customClass:{type:String,default:""},activeId:{type:String},fill:{type:Boolean,default:!1},justifyContent:{type:String,default:"left"}},pe=te(se,ze,We,qe,Ue);function Ge(t,n,o){const r=e.ref([]),i=e.ref(t.activeId||""),p=e.ref(!0),h=e.ref([]);function S(l){const f=l.value.findIndex(d=>d.props.show!==!1&&!i.value&&!d.props.disabled);!i.value&&f!==-1&&(i.value=l.value[f].props.id)}function j(l){var d;if(t.autoTitleWidth)return;const f=(d=l.value)==null?void 0:d.querySelectorAll(".st-tab-text");if(f)for(let w=0;w<f.length;w++){const D=f[w].parentNode;f[w].scrollWidth>D.offsetWidth?f[w].classList.contains("farris-title-text-custom")||f[w].classList.add("farris-title-text-custom"):f[w].classList.remove("farris-title-text-custom")}}const T=l=>{l.preventDefault(),l.stopPropagation()};function C(l,f,d=!1){const w=r.value.findIndex(D=>D.props.id===f);r.value=r.value.filter(D=>D.props.id!==f),i.value===f&&(i.value="",S(r)),T(l),e.nextTick(()=>{j(o),d&&(p.value=!0),n.emit("tabRemove",{removeIndex:w,removeId:f,activeId:i.value})})}function c(l){const f=i.value;i.value=l;const d=r.value.find(w=>w.props.id===l);h.value=[],d&&d.props.toolbar&&d.props.toolbar.contents&&d.props.toolbar.contents.length&&(h.value=[...d.props.toolbar.contents]),n.emit("tabChange",{prevId:f,nextId:i.value})}function u(l){c(l)}function y(l){r.value.findIndex(d=>d.props.id===l.props.id)===-1&&r.value.push(l)}function m(l){r.value.findIndex(d=>d.props.id===l.props.id)!==-1&&(r.value.forEach(d=>{d.props.id===l.props.id&&(d=l)}),e.nextTick(()=>{j(o)}))}return{activeId:i,addTab:y,changeTitleStyle:j,removeTab:C,selectTab:u,selectTabByTabId:c,tabPages:r,updateTab:m,toolbarItems:h}}function Je(t,n,o,r,i){const{activeId:p,removeTab:h,selectTab:S}=i,j=e.computed(()=>({"st-tab-text":!0,"farris-title-auto":t.autoTitleWidth})),T=e.computed(()=>({"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===p.value,"f-state-disable":n.disabled})),C=e.computed(()=>({width:`${n.tabWidth}px`})),c=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===p.value,disabled:n.disabled}));function u(w){return e.createVNode("span",{class:j.value,title:w.title},[w.title])}function y(w){return w.slots.title?w.slots.title:u}const m=y(o),l=e.ref(n.removeable);function f(){return e.createVNode("span",{class:"st-drop-close",onClick:w=>h(w,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)])}function d(w){S(n.id),t.tabType==="one-page"&&r.scrollToByPaggId(n.id)}return e.createVNode("li",{class:T.value,style:C.value},[e.createVNode("a",{class:c.value,onClick:d},[m(n),l.value&&f()])])}function Ze(t,n,o,r,i){const{shouldShowNavigationButtons:p}=o,{tabPages:h}=i,S=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":p.value})),j=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),T=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":t.fill||t.tabType==="fill","nav-pills":t.tabType==="pills","flex-row":t.position==="top"||t.position==="bottom","flex-column":t.position==="left"||t.position==="right"}));return()=>e.createVNode("div",{class:S.value,style:j.value},[e.createVNode("ul",{class:T.value,ref:n},[h.value.map(C=>Je(t,C.props,C,r,i))])])}const Qe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},Xe=new Map([["appearance",oe]]);function Ye(t,n,o){return n}const Ke={title:"capsule",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:[]}}}}}},Te={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},et={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0}};te(Te,Qe,Xe,Ye,Ke);const tt=e.defineComponent({name:"FCapsuleItem",props:et,emits:["mounted","active"],setup(t,n){const o=e.ref(),r=e.ref(t.isActive);e.watch(()=>t.isActive,h=>{r.value=h});const i=e.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":r.value}));e.onMounted(()=>{n.emit("mounted",o,t.value)});function p(h){n.emit("active",h,{name:t.name,value:t.value})}return()=>e.createVNode("div",{ref:o,class:i.value,onClick:h=>p(h)},[t.icon&&e.createVNode("i",{class:t.icon},null),t.name])}}),nt=e.defineComponent({name:"FCapsule",props:Te,emits:["change","update:modelValue"],setup(t,n){const o=e.ref(t.items),r=e.ref(),i=2,p=e.ref(t.modelValue),h=e.ref("none"),S=e.ref(t.type),j=e.computed(()=>{const g={"f-capsule-container":!0};return S.value&&(g[S.value]=!0),g}),T=e.computed(()=>({})),C=e.computed(()=>({"f-capsule":!0})),c=e.ref(i),u=e.ref(0),y=e.ref(0),m=e.computed(()=>({left:`${c.value}px`,width:`${u.value}px`,transition:h.value})),l=e.computed(()=>({width:`${y.value}px`})),f=new Map;function d(g){var N;if(f.has(g.value)){const V=(N=f.get(g.value))==null?void 0:N.value;if(V){const x=V.getBoundingClientRect(),s=r.value.getBoundingClientRect();c.value=x.left-s.left+i+r.value.scrollLeft,u.value=x.width-2*i}}}function w(g,N){const V=g.value;p.value=V,n.emit("update:modelValue",V),d(g),N&&n.emit("change",V)}function D(g){const N=o.value.findIndex(V=>V.value===g);N>-1&&w(o.value[N],!1)}e.watch(()=>t.modelValue,g=>{p.value=g,D(p.value)}),e.watch(()=>t.items,async g=>{o.value=g,await e.nextTick(),D(p.value),y.value=Array.from(f.values()).reduce((N,V)=>(N+=V.value.clientWidth,N),0)}),e.onMounted(async()=>{D(p.value),await e.nextTick(),h.value="0.1s ease-out all",y.value=Array.from(f.values()).reduce((g,N)=>(g+=N.value.clientWidth,g),0)});function I(g,N){w(N,!0)}function O(g,N){f.set(N,g)}function $(g,N){return e.createVNode(tt,{name:g.name,value:g.value,isActive:g.value===p.value,index:N,onMounted:O,onActive:I},null)}return()=>e.createVNode("span",{ref:r,class:j.value,style:T.value},[e.createVNode("span",{class:"f-capsule-pane"},[o.value.map((g,N)=>$(g,N))]),e.createVNode("small",{class:C.value,style:m.value},null),e.createVNode("div",{class:"f-capsule-board",style:l.value},null)])}});function we(t,n,o,r,i){const p=e.ref(),{shouldShowNavigationButtons:h}=o,{activeId:S,tabPages:j}=i,T=e.computed(()=>j.value.map(y=>({name:y.props.title,value:y.props.id}))),C=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":h.value})),c=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{p.value&&(n.value=p.value.$el)});function u(){}return()=>e.createVNode("div",{class:C.value,style:c.value},[e.createVNode(nt,{items:T.value,modelValue:S.value,"onUpdate:modelValue":y=>S.value=y,onChange:u,ref:p},null)])}function ot(t,n,o,r){const{activeId:i,removeTab:p,tabPages:h}=r,{selectAndScrollToTab:S}=o,{hideDropDown:j,searchTabText:T}=n,C=e.ref("auto"),c=e.computed(()=>{var w,D;let d=[];return t.searchBoxVisible?d=(w=h.value)==null?void 0:w.filter(I=>I.props.title.includes(T.value)):d=(D=h.value)==null?void 0:D.slice(),d}),u=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!j.value}));function y(d){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:d.props.disabled,active:d.props.id===i.value,"d-none":d.props.show!==!0}}function m(d){d.preventDefault(),d.stopPropagation()}const l=()=>({width:C.value});function f(){return e.createVNode("div",{class:u.value},[t.searchBoxVisible&&e.createVNode("div",{onClick:d=>m(d),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{title:"search-box",type:"text",class:"form-control k-textbox","onUpdate:modelValue":d=>T.value=d},null),[[e.vModelText,T.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),c.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items",style:l()},[c.value.map(d=>e.createVNode("li",{class:y(d),onClick:w=>S(w,d.props)},[d.props.removeable&&e.createVNode("span",{class:"float-right st-drop-close",onClick:w=>p(w,d.props.id,!0)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),e.createVNode("a",{class:"dropdown-title"},[d.props.title])]))]):e.createVNode("div",{class:"dropdown-no-data"},[e.createTextVNode("没有相关数据")])])}return{renderDropdownMenu:f}}function Se(t,n,o,r){const{hideDropDown:i}=n,{renderDropdownMenu:p}=ot(t,n,o,r),h=e.ref(t.showDropdown);function S(){return h.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{title:"toggle-button",class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{i.value=!1}},null),p()])}return{renderMorePagesButtton:S}}function je(t,n,o,r){const i=e.ref(!1),{selectTabByTabId:p,tabPages:h}=r,S=4;function j(){var d;const l=n.value,f=(d=n.value)==null?void 0:d.parentElement;i.value=f&&l&&f.offsetWidth<l.scrollWidth-S}const T=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!i.value})),C=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!i.value})),c=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!i.value}));function u(l,f){if(!n.value)return;const d=n.value.scrollLeft,w=n.value.scrollWidth-n.value.offsetWidth;if(f>0){if(n.value.scrollLeft>=w)return;n.value.scrollLeft=d+t.scrollStep+l}else if(f<0){if(n.value.scrollLeft<=0)return;n.value.scrollLeft=d-t.scrollStep-l}}function y(l){if(!i.value||!n.value)return;const f=t.tabType==="pills"?".f-capsule-item":".nav-item",d=n.value.querySelectorAll(f),{parentElement:w}=n.value,D=d[l];if(D&&w){const I=w.getBoundingClientRect().left,O=w.getBoundingClientRect().right,$=D.getBoundingClientRect().left,g=D.getBoundingClientRect().right;$<I?u(I-$,-1):O<g&&u(g-O,1),t.tabType==="one-page"&&o.scrollTo(l)}}function m(l,f){if(f.disabled)return;p(f.id);const d=h.value.findIndex(w=>w.props.id===f.id);e.nextTick(()=>{y(d)})}return{previousButtonClass:T,nextButtonGroupClass:C,nextButtonClass:c,scrollTab:u,selectAndScrollToTab:m,shouldShowNavigationButtons:i,updateNavigationLayout:j}}function xe(t,n){const{tabPages:o}=n,r=e.ref(""),i=e.ref(!0),p=e.computed(()=>t.searchBoxVisible),h=e.computed(()=>p.value?o.value.filter(j=>j.props.title.includes(r.value)):o.value.slice());return{searchTabText:r,hideDropDown:i,shouldShowSearchBox:p,tabsInDropdownMenu:h}}function Ne(t,n,o){const r=".farris-tab-page",{tabPages:i}=o;function p(S){const j=n.value;if(j){const T=n.value.querySelectorAll(r);if(T.length>0){const C=T[S],{offsetTop:c}=C,u=c-32>0?c-32:0;j.scrollTop=u}}}function h(S){const j=i.value.findIndex(T=>T.props.id===S);j>-1&&p(j)}return{scrollTo:p,scrollToByPaggId:h}}const st=new Map([["buttons","items"]]);function at(t,n,o){return n}const rt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar.schema.json",title:"response-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}},required:["id","type","buttons"]},$e={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar-item.schema.json",title:"response-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"The items of Response Toolbar.",type:"string",default:""},icon:{description:"The icon of response toolbar item.",type:"string",default:""}},required:["id","type","text"]},ct={title:"response-toolbar",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}}}},behavior:{title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"The alignment of Response Toolbar Button.",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"right",name:"右对齐"},{value:"left",name:"左对齐"}]}},buttons:{title:"按钮",description:"The items of Response Toolbar.",type:"array",default:[],$converter:"/converter/buttons.converter"}}}}},Ve={title:"response-toolbar-item",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}},fe={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};de[$e.title]=$e,ve[Ve.title]=Ve,te(fe,rt,st,at,ct);class De{constructor(n){W(this,"id","");W(this,"class","btn-secondary");W(this,"icon","");W(this,"groupId","");W(this,"order",-1);W(this,"asDropDownTop",!1);W(this,"text","");W(this,"visible",!0);W(this,"responsed",!1);W(this,"tipsEnable",!1);W(this,"tipsText","");W(this,"width",0);W(this,"onClick",()=>{});W(this,"options");this.options=n;const o=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(n).filter(r=>o.indexOf(r)>-1).forEach(r=>{this[r]=n[r]})}get enable(){return Object.keys(this.options).indexOf("enable")>-1?this.options.enable:e.computed(()=>!0)}setWidth(n){this.width=parseInt(n,10)}getWidth(){return this.visible?this.width:!1}}class it extends De{constructor(n){super(n)}}function be(){function t(n){const o=[];return n.reduce((r,i)=>(i.children&&i.children.length>0?r.push(new ne(i)):r.push(new it(i)),r),o),o}return{buildResponseToolbarItems:t}}const{buildResponseToolbarItems:lt}=be();class ne extends De{constructor(o){super(o);W(this,"placement","");W(this,"dropdownClass","");W(this,"menuClass","");W(this,"split",!1);W(this,"children",[]);W(this,"expanded",!1);const r=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(o).filter(i=>r.indexOf(i)>-1).forEach(i=>{this[i]=o[i]}),o.children&&o.children.length&&(this.children=lt(o.children))}}function Me(){function t(o){const r={"f-icon":!0};if(o.icon){const i=o.icon.trim().split(" ");i&&i.length&&i.reduce((p,h)=>(p[h]=!0,p),r)}return r}function n(o){return!!(o.icon&&o.icon.trim())}return{iconClass:t,shouldShowIcon:n}}function dt(t){function n(c){const u={"dropdown-menu":!0};if(c.class){const y=c.menuClass.split(" ");y&&y.length&&y.reduce((m,l)=>(m[l]=!0,m),u)}return u}function o(c){const u={disabled:!c.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},y=c.dropdownClass.split(" ");return y&&y.length&&y.reduce((m,l)=>(m[l]=!0,m),u),u}function r(c){const u={disabled:!c.enable,"dropdown-item":!0,"f-rt-btn":!0},y=c.class.split(" ");return y&&y.length&&y.reduce((m,l)=>(m[l]=!0,m),u),u}let i;const p=new Map;function h(c,u,y){var l;((l=c.target)==null?void 0:l.id)===u.id&&c.stopPropagation();const m=y?y.id:"__top_item__";if(u.children&&u.children.length&&(u.expanded=!u.expanded,u.expanded?p.set(m,u):p.delete(m)),p.has(m)&&p.get(m)!==u){const f=p.get(m);f&&(f.expanded=!1)}}function S(c,u){document.body.click(),u.enable&&u.onClick(c,u.id)}function j(c){return c.children.map(u=>u.children&&u.children.length?e.createVNode("li",{class:o(u),id:u.id,onClick:y=>u.enable&&h(y,u,c)},[e.createVNode("span",{id:u.id,class:r(u),onMouseover:y=>u.enable&&h(y,u,c)},[u.text,e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),i(u,u)]):e.createVNode("li",{class:r(u),id:u.id,onClick:y=>S(y,u),onMouseover:y=>u.enable&&h(y,u,c)},[t.shouldShowIcon(u)&&e.createVNode("i",{class:t.iconClass(u)},null),u.text]))}function T(c,u,y){const m={display:c.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},l=document.getElementsByTagName("body")[0].getClientRects()[0].width,f=u,d=f==null?void 0:f.getClientRects();if(f&&d&&d.length){const{top:w,width:D,left:I,right:O,height:$}=d[0],g=Math.ceil($+w);m.top=`${g}px`,m.left=`${I}px`;const N=c.id+"_menu",V=u?u.querySelector("#"+N):null;if(V){m.display==="block"&&(V.style.display="block");const x=V.getBoundingClientRect();if(y){m.top=`${w-6}px`;const s=Math.ceil(D+I);m.left=`${s}px`}l-I-D<x.width&&(m.left=`${(y?I:O)-x.width}px`)}}return m}i=function(c,u){var f,d;const y=e.getCurrentInstance(),m=u?u.id:c.id,l=(d=(f=y==null?void 0:y.exposed)==null?void 0:f.elementRef.value)==null?void 0:d.querySelector("#"+m);return e.createVNode("ul",{class:n(c),style:T(c,l,u),id:c.id+"_menu"},[j(c)])};function C(){p.forEach(c=>{c.expanded=!1}),p.clear()}return{renderDropdownMenu:i,clearAllDropDownMenu:C}}function ut(t,n){const o=e.ref(t.alignment),{renderDropdownMenu:r,clearAllDropDownMenu:i}=dt(n);function p(C){const c={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":o.value==="right","f-btn-mr":o.value==="left"},u=C.dropdownClass.split(" ");return u&&u.length&&u.reduce((y,m)=>(y[m]=!0,y),c),c}function h(C){const c={btn:!0,disabled:!C.enable,"f-rt-btn":!0,"btn-icontext":!!(C.icon&&C.icon.trim())};if(C.class){const u=C.class.split(" ");u&&u.length&&u.reduce((y,m)=>(y[m]=!0,y),c)}return c}function S(C,c){C.stopPropagation();const u=c.expanded;document.body.click(),c.expanded=!u}function j(C){return e.createVNode("div",{id:C.id,class:p(C)},[e.createVNode("div",{class:h(C),style:"display: flex;padding-right: 0.1rem;",onClick:c=>C.enable&&S(c,C)},[n.shouldShowIcon(C)&&e.createVNode("i",{class:n.iconClass(C)},null),e.createVNode("span",null,[C.text]),e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),r(C)])}function T(){i()}return{renderToolbarDropdown:j,clearAllDropDown:T}}const{buildResponseToolbarItems:Be}=be(),Pe=e.defineComponent({name:"FResponseToolbar",props:fe,emits:[],setup(t,n){const o=e.ref(Be(t.items)),r=e.ref(),i=e.ref(),p=e.ref(),h=e.ref(t.alignment),S={id:"__more_buttons__",text:"更多"},j=e.ref(new ne(S)),T=Me(),C=e.computed(()=>j.value.children.length>0),c=e.computed(()=>{const g={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};if(t.customClass){const N=t.customClass.split(" ");N&&N.length&&N.reduce((V,x)=>(V[x]=!0,V),g)}return g}),u=e.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":h.value==="right","justify-content-start":h.value==="left"})),{renderToolbarDropdown:y,clearAllDropDown:m}=ut(t,T);function l(){o.value.filter(g=>g.children&&g.children.length>0).forEach(g=>{g.expanded=!1}),j.value.expanded=!1,m()}function f(g){const N={btn:!0,"f-rt-btn":!0,"f-btn-ml":h.value==="right","f-btn-mr":h.value==="left","btn-icontext":!!(g.icon&&g.icon.trim())};if(g.class){const V=g.class.split(" ");V&&V.length&&V.reduce((x,s)=>(x[s]=!0,x),N)}return N}function d(g,N){document.body.click(),N.onClick(g,N.id)}function w(g){return e.createVNode("button",{type:"button",class:f(g),id:g.id,disabled:!g.enable,onClick:N=>d(N,g)},[T.shouldShowIcon(g)&&e.createVNode("i",{class:T.iconClass(g)},null),g.text])}const D=new Map,I=[];function O(g){const N=p.value;let V=g;const x=Array.from(N.children),s=x[x.length-1].id==="__more_buttons__"?x[x.length-1]:null;if(s){const P=s.computedStyleMap().get("margin-left"),L=s.computedStyleMap().get("margin-right"),H=(P?P.value:0)+s.getBoundingClientRect().width+(L?L.value:0);V-=H}const b=x.filter(P=>P.id!=="__more_buttons__");for(const P of b){const L=P.computedStyleMap().get("margin-left"),H=P.computedStyleMap().get("margin-right"),Q=(L?L.value:0)+P.getBoundingClientRect().width+(H?H.value:0);V<Q?(D.set(P.id,!0),I.push({id:P.id,width:Q})):V-=Q}if(I.length)for(let P=I.length-1;P>=0;P--){const L=I[P].width;if(V>=L)V-=L,D.delete(I[P].id),I.pop();else break}const a=Object.assign({},j.value);a.children=[];const v=new ne(a),B=o.value.reduce((P,L)=>(D.has(L.id)&&v.children.push(L),L.visible=!D.has(L.id),P.push(L),P),[]);j.value=v,o.value=B}const $=new ResizeObserver(g=>{if(g.length){const V=g[0].contentRect.width,s=p.value.getBoundingClientRect().width;(V<s||I.length)&&(O(V),l())}});return e.onMounted(()=>{const g=i.value;$.observe(g),document.body.addEventListener("click",l),document.body.addEventListener("wheel",l)}),e.onUnmounted(()=>{$.disconnect(),document.body.removeEventListener("click",l),document.body.removeEventListener("wheel",l)}),e.watch(()=>t.items,()=>{o.value=Be(t.items)}),n.expose({elementRef:r}),()=>e.createVNode("div",{class:c.value,ref:r},[e.createVNode("div",{ref:i,class:u.value},[e.createVNode("div",{ref:p,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[o.value.filter(g=>g.visible).map(g=>g.children&&g.children.length>0?y(g):w(g)),C.value&&y(j.value)])])])}}),ae=e.defineComponent({name:"FTabs",props:se,emits:["tabChange","tabRemove"],setup(t,n){const o=e.ref(t.tabType),r=e.shallowRef(),i=e.ref(t.customClass),p=e.shallowRef(),h=e.shallowRef(),S=Ge(t,n,p),{activeId:j,changeTitleStyle:T,tabPages:C,addTab:c,updateTab:u,selectTabByTabId:y,toolbarItems:m}=S,l=Ne(t,h,S),f=je(t,p,l,S),{previousButtonClass:d,nextButtonClass:w,nextButtonGroupClass:D,scrollTab:I,updateNavigationLayout:O}=f,$=xe(t,S),{hideDropDown:g}=$,N=Ze(t,p,f,l,S),V=N,x=we(t,p,f,l,S),s=new Map([["default",N],["one-page",V],["pills",x]]);e.computed(()=>{const E=C.value.find(R=>R.props.id===j.value);return E==null?void 0:E.slots});const b=e.computed(()=>{const E=C.value.find(_=>_.props.id===j.value);return(E==null?void 0:E.props.toolbarPosition)==="inHead"}),a=e.computed(()=>t.fill||t.tabType==="fill");e.provide("tabs",{activeId:j,addTab:c,updateTab:u,tabPages:C,tabType:o,shouldFillParentContaner:a});const v=e.computed(()=>t.tabType==="pills"),B=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":b.value,"farris-tabs-inContent":!b.value,"farris-tabs-nav-fill":a.value,"farris-tabs-nav-pills":v.value})),P=e.computed(()=>({width:b.value&&t.titleWidth?`${t.titleWidth}%`:""})),L=e.computed(()=>{const E={"farris-tabs":!0,"f-utils-fill-flex-column":a.value,"flex-column":t.position==="top","flex-column-reverse":t.position==="bottom","flex-row":t.position==="left","flex-row-reverse":t.position==="right","one-page":t.tabType==="one-page"};return i.value&&i.value.split(" ").reduce((R,_)=>(R[_]=!0,R),E),E});e.onMounted(()=>{C.value.length&&(j.value=t.activeId||C.value[0].props.id,y(j.value)),e.nextTick(()=>{O()}),T(p),window.addEventListener("click",E=>{var R;g.value||(R=r.value)!=null&&R.contains(E.target)||(g.value=!0)}),window.addEventListener("resize",()=>{O()})});function H(){return e.createVNode("button",{title:"left-arrow-button",type:"button",class:d.value,onClick:()=>{I(0,-1)}},null)}function Q(){return e.createVNode("button",{title:"right-arrow-button",type:"button",class:w.value,onClick:()=>{I(0,1)}},null)}const{renderMorePagesButtton:J}=Se(t,$,f,S),Z=E=>{n.emit("Click",E)};function ee(){return m.value.length?e.createVNode(Pe,{items:m.value,onClick:Z},null):null}const Y=s.get(t.tabType)||s.get("default");function M(){var E,R,_,F;return e.createVNode("div",{class:B.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(R=(E=n.slots).headerPrefix)==null?void 0:R.call(E)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:P.value},[H(),Y&&Y(),e.createVNode("div",{class:D.value},[Q(),J()])]),ee(),e.createVNode("div",{class:"farris-tabs-header-post"},[(F=(_=n.slots).headerSuffix)==null?void 0:F.call(_)])])}const k=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":a.value}));function A(){var E,R;return e.createVNode("div",{class:k.value,ref:h},[(R=(E=n.slots).default)==null?void 0:R.call(E)])}return()=>e.createVNode("div",{class:L.value,ref:r},[M(),A()])}}),pt=new Map([["appearance",oe],["toolbar",ft]]);function ft(t,n,o){return n&&n.contents&&n.contents.length&&n.contents.forEach(r=>{r.title&&(r.text=r.title)}),{toolbar:n}}const bt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tab-page.schema.json",title:"tab-page",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a tab-page Item",type:"string"},type:{description:"The type string of tab-page Item component",type:"string",default:"tab-page"},contents:{description:"",type:"array",default:[]},title:{description:"",type:"string",default:"标题"},toolbar:{description:"",type:"object"}},required:["id","type","contents"]},mt={title:"tab-page",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"工具栏按钮的标识",title:"标识",type:"string",readonly:!0},title:{description:"工具栏按钮的标识",title:"标题",type:"string"}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"},style:{description:"组件的内容样式",title:"style样式",type:"modal",showClearButton:!0},height:{description:"组件的高度",title:"高度（px）",type:"number",min:0,decimals:0}}},size:{description:"",type:"cascade",title:"尺寸",properties:{width:{description:"组件的宽度",title:"宽度（px）",type:"number",min:0,decimals:0},height:{description:"组件的高度",title:"高度（px）",type:"number",min:0,decimals:0}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}},removeable:{description:"是否可移除",type:"boolean",title:"是否可移除",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}},headerTemplate:{description:"标签页模板",type:"modal",title:"标签页模板",editor:{type:"code-editor"},editorParams:{language:"html"}}}}}},re={tabWidth:{type:Number,default:-1},id:{type:String,default:""},customTitleClass:{type:String,default:""},titleOverflow:{type:Boolean,default:!1},title:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},removeable:{type:Boolean,default:!1},show:{type:Boolean,default:!0},toolbar:{type:Object,default:{}},toolbarPosition:{type:String,default:"inHead"}},me=te(re,bt,pt,void 0,mt);function ht(t,n,o){return n?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function yt(t,n){return{buttons:n.contents,buttonPosition:n.position}}const gt=new Map([["appearance",oe],["expanded","expandStatus"],["enableAccordion",ht],["toolbar",yt]]);function Ct(t,n,o){return n}const vt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section.schema.json",title:"section",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"section"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contentClass:{description:"",type:"string",default:""},contents:{description:"",type:"array",default:[]},enableAccordion:{description:"",type:"boolean",default:!1},accordionMode:{description:"",type:"string",default:"default"},enableMaximize:{description:"",type:"boolean",default:!1},expanded:{description:"",type:"boolean",default:!0},fill:{description:"",type:"boolean",default:!1},headerClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},showHeader:{description:"",type:"string",default:!0},mainTitle:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},headerContentClass:{description:"",type:"string",default:""},extendClass:{description:"",type:"string",default:""},visible:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"SectionToolbar"},position:{type:"string",default:"inHead"},contents:{type:"array",default:[]}},default:null}},required:["id","type","contents"]},Tt={title:"section",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}},mainTitle:{title:"主标题",type:"string",description:""},subTitle:{title:"副标题",type:"string",description:""}}},appearance:{title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}},behavior:{title:"行为",description:"",properties:{visible:{title:"可见",type:"boolean",description:""},fill:{title:"填充",type:"boolean",description:"To fill the space of parent container in flex layout."},showHeader:{title:"显示标题区域",type:"boolean",description:""},enableMaximize:{title:"显示最大化",type:"boolean",description:"",visible:{showHeader:!0}},enableCollapse:{title:"显示收折",type:"boolean",description:"",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:!0,name:"是"},{value:!1,name:"否"}]},visible:{showHeader:!0}},expanded:{title:"展开",type:"boolean",description:"",readonly:{enableCollapse:!1},editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:!0,name:"是"},{value:!1,name:"否"}]},visible:{showHeader:!0}},enableAccordion:{title:"允许收折",type:"boolean",description:"",visible:{showHeader:!0}},accordionMode:{title:"收折模式",type:"enum",description:"",readonly:{enableAccordion:!1},visible:{showHeader:!0},editor:{type:"combo-list",data:[{value:"default",name:"默认"}]}}}},toolbar:{title:"工具栏",description:"",properties:{buttonSize:{title:"按钮尺寸",type:"enum",description:"",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"default",name:"标准"},{value:"large",name:"大尺寸"}]}},popupDirection:{title:"弹出方向",type:"enum",description:"",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"default",name:"自适应"},{value:"top",name:"向上"},{value:"bottom",name:"向下"}]}}}},extends:{title:"扩展样式",description:"",properties:{headerClass:{title:"标题区",type:"string",description:""},titleClass:{title:"主标题",type:"string",description:""},contentClass:{title:"内容区",type:"string",description:""},toolbarClass:{type:"string",title:"工具栏",description:""}}}}},Oe={contentClass:{type:String,default:""},customClass:{type:String,default:""},enableAccordion:{type:String,default:""},expandStatus:{type:Boolean,default:!0},mainTitle:{type:String,default:""},showHeader:{type:Boolean,default:!0},subTitle:{type:String,default:""},expandLabel:{type:String,default:"展开"},collapseLabel:{type:String,default:"收起"},headerClass:{type:String,default:""},enableMaximize:{type:Boolean,default:!1},headerContentClass:{type:String,default:""},extendClass:{type:String,default:""},buttons:{type:Array,default:[]},buttonPosition:{type:String,default:"inHead"},fill:{type:Boolean,default:!1}};te(Oe,vt,gt,Ct,Tt);function wt(t,n,o){let r;function i(){!t||!n.value||(o.value=!o.value,o.value?p():h())}function p(){r=t.value.nextElementSibling;const j=document&&document.querySelector("body");j&&(j.appendChild(t.value),t.value.style.zIndex=S())}function h(){r?n.value.insertBefore(t.value,r):n.value.appendChild(t.value),t.value.style.zIndex=null}function S(j=1){const T=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],C=Array.from(document.body.querySelectorAll(T.join(","))).filter(u=>u).map(u=>{const{display:y,zIndex:m}=window.getComputedStyle(u);return y==="none"?0:parseInt(m,10)}).filter(u=>u);let c=Math.max(...C);return c<1040&&(c=1040),c+j}return{onClickMaxMinIcon:i}}function Ie(t,n){const o=e.ref(t.buttons),r=e.computed(()=>t.buttonPosition==="inHead"?"right":"left"),i=e.computed(()=>"f-section-toolbar"+(t.buttonPosition==="inHead"?" f-section-header--toolbar":" f-section-content--toolbar")),p=e.computed(()=>{t.buttons&&t.buttons.length>0&&t.buttonPosition});function h(S){n.emit("Click",S)}return()=>p&&e.createVNode(Pe,{customClass:i.value,items:o.value,onClick:h,alignment:r.value},null)}function St(t,n,o,r,i,p){const h=e.ref(t.mainTitle),S=e.ref(t.subTitle),j=e.computed(()=>t.buttonPosition),T=Ie(t,n),{onClickMaxMinIcon:C}=wt(r,i,p),c=e.computed(()=>!!t.subTitle),u=e.computed(()=>t.enableMaximize),y=e.computed(()=>t.enableAccordion!=""),m=e.computed(()=>{const O={"f-section-header":!0};return n.slots.header&&t.headerClass.split(" ").reduce((g,N)=>(g[N]=!0,g),O),O});function l(O){O.stopPropagation(),t.enableAccordion!==""&&(o.value=!o.value)}function f(){const O=e.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),$=e.computed(()=>({"f-icon":!0,"f-icon-maximize":!p.value,"f-icon-minimize":p.value}));return e.createVNode("div",{class:"f-max-accordion"},[u.value?e.createVNode("span",{class:$.value,onClick:C},null):"",y.value?e.createVNode("button",{class:O.value,onClick:l},[e.createVNode("span",null,[o.value?t.collapseLabel:t.expandLabel])]):""])}function d(){return n.slots.header?e.createVNode("div",{class:m.value},[n.slots.header()]):""}function w(){return e.createVNode("div",{class:"f-title",onClick:l},[e.createVNode("h4",{class:"f-title-text"},[h.value]),c.value&&e.createVNode("span",null,[S.value])])}function D(){const O=e.computed(()=>{const $={"f-content":!0};return t.headerContentClass&&t.headerContentClass.split(" ").reduce((N,V)=>(N[V]=!0,N),$),$});return n.slots.headerContent?e.createVNode("div",{class:O.value},[n.slots.headerContent()]):""}function I(){return e.createVNode("div",{class:m.value},[n.slots.headerTitle?n.slots.headerTitle():w(),D(),j.value==="inHead"&&T(),(u.value||y.value)&&f()])}return()=>t.showHeader&&(n.slots.header?d():I())}const ke=e.defineComponent({name:"FSection",props:Oe,emits:[],setup(t,n){const o=e.ref();let r=e.ref();const i=e.ref(t.customClass),p=e.computed(()=>t.enableAccordion),h=e.ref(t.expandStatus),S=e.computed(()=>t.buttonPosition),j=e.ref(!1),T=St(t,n,h,o,r,j),C=Ie(t,n),c=e.computed(()=>{const f={"f-section":!0,"f-section-accordion":p.value==="default","f-state-collapse":(p.value==="default"||p.value==="custom")&&!h.value,"f-section-custom-accordion":p.value==="custom","f-section-fill":t.fill,"f-section-maximize":j.value};return i.value&&i.value.split(" ").reduce((d,w)=>(d[w]=!0,d),f),f}),u=e.computed(()=>{const f=t.contentClass.split(" "),d={"f-section-content":!0};return f.reduce((w,D)=>(w[D]=!0,w),d),d}),y=e.computed(()=>{const f=t.extendClass.split(" "),d={"f-section-extend":!0};return f.reduce((w,D)=>(w[D]=!0,w),d),d});function m(){return n.slots.extend&&e.createVNode("div",{class:y.value},[n.slots.extend()])}function l(){return e.createVNode("div",{class:u.value},[S.value==="inContent"&&C(),n.slots.default&&n.slots.default()])}return e.onMounted(()=>{o&&o.value&&(r.value=o.value.parentElement)}),()=>e.createVNode("div",{class:c.value,ref:o},[T(),m(),l()])}});function jt(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const ce=e.defineComponent({name:"FTabPage",props:re,emits:[],setup(t,n){const o=e.inject("tabs"),r=e.ref(t.show),i={slots:n.slots,props:t},p=e.ref((o==null?void 0:o.tabType.value)||"default");e.onMounted(()=>{const y=o==null?void 0:o.tabPages.value.findIndex(m=>m.props.id===t.id);!y||y===-1?o==null||o.addTab(i):y>-1&&(r.value=!1,console.warn(`已经存在id为${t.id}的页签啦`))}),e.onUnmounted(()=>{});const h=e.computed(()=>(t==null?void 0:t.id)===(o==null?void 0:o.activeId.value)),S=e.computed(()=>({display:h.value?"":"none"}));e.watch(()=>t,y=>{o==null||o.updateTab({props:y,slots:n.slots})},{immediate:!0,deep:!0});function j(){var m,l;const y=(l=(m=n.slots).default)==null?void 0:l.call(m);return e.createVNode(ke,{"main-title":t.title,class:"farris-tab-page"},jt(y)?y:{default:()=>[y]})}const T=e.computed(()=>({"farris-tab-page":!0,"f-utils-fill-flex-column":h.value&&(o==null?void 0:o.shouldFillParentContaner.value)}));function C(){var m,l;const y=(l=(m=n.slots).default)==null?void 0:l.call(m);return e.createVNode("div",{class:T.value,style:S.value},[y])}const u=new Map([["default",C],["one-page",j]]).get(p.value)||C;return()=>r.value?u():null}});function xt(t,n,o,r,i){const{activeId:p,removeTab:h,selectTab:S,removeDesignTab:j,selectDesignTab:T}=i,C=e.computed(()=>({"st-tab-text":!0,"farris-title-auto":t.autoTitleWidth})),c=e.inject("MessageBoxService"),u=e.computed(()=>{const V={"farris-component":!0,"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===p.value,"f-state-disable":n.disabled};return V[`${n.id}-design-item`]=!0,V}),y=e.computed(()=>({width:`${n.tabWidth}px`})),m=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===p.value,disabled:n.disabled}));function l(V){return e.createVNode("span",{class:C.value,title:V.title},[V.title])}function f(V){return V.slots.title?V.slots.title:l}const d=f(o),w=e.ref(n.removeable);function D(){return e.createVNode("span",{class:"st-drop-close",onClick:V=>h(V,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)])}function I(V){S(n.id),t.tabType==="one-page"&&r.scrollToByPaggId(n.id)}function O(V){T(V,n.id)}function $(V){c&&c.question(`确定删除标签页【${o.props.title}】?`,void 0,()=>{j(V,n.id)},()=>{})}function g(){return e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:V=>$(V)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function N(){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[g()])])}return e.createVNode("li",{onClick:V=>O(V),class:u.value,style:y.value,id:`${n.id}-design-item`},[N(),e.createVNode("a",{class:m.value,onClick:I},[d(n),w.value&&D()])])}function Nt(t,n,o,r,i,p,h){const{shouldShowNavigationButtons:S}=o,{tabPages:j}=i,T=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":S.value})),C=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),c=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":t.fill||t.tabType==="fill","nav-pills":t.tabType==="pills","flex-row":t.position==="top"||t.position==="bottom","flex-column":t.position==="left"||t.position==="right"})),u=e.computed(()=>({overflow:"auto"}));function y(l){const{componentType:f}=l;let d=X(f,l);h&&h.onResolveNewComponentSchema&&(d=h.onResolveNewComponentSchema(l,d));const w=f.toLowerCase().replace("-","_");return d&&!d.id&&d.type===f&&(d.id=`${w}_${Math.random().toString().slice(2,6)}`),d}const m=function(l){var D;const f={componentType:"tab-page",label:"Tab1",parentComponentInstance:p.value,targetPosition:-1},d=y(f);(D=p.value.schema.contents)==null||D.push(d);const{selectTabByTabId:w}=i;w(d.id)};return()=>e.createVNode("div",{class:T.value,style:C.value},[e.createVNode("ul",{class:c.value,style:u.value,ref:n},[j.value.map(l=>xt(t,l.props,l,r,i)),e.createVNode("li",{class:"nav-item"},[e.createVNode("a",{class:"nav-link tabs-text-truncate",title:"添加页签",onClick:l=>m()},[e.createVNode("i",{class:"f-icon f-icon-plus",style:"font-size: 20px;margin: 0 auto;line-height: 24px;"},null)])])])])}function he(t,n,o){var O;function r(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}r();const i=o&&o.getStyles&&o.getStyles()||"",p=o&&o.getDesignerClass&&o.getDesignerClass()||"",h=e.ref();function S(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function j(){return!1}function T(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function C(){return(n==null?void 0:n.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function c($){if(!$||!$.value)return null;if($.value.schema&&$.value.schema.type==="component")return $.value;const g=e.ref($==null?void 0:$.value.parent),N=c(g);return N||null}function u($=n){const{componentInstance:g,designerItemElementRef:N}=$;return!g||!g.value?null:g.value.canMove?N:u($.parent)}function y($){return!!o&&o.canAccepts($)}function m(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function l(){}function f($,g){g&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(g)}function d($){const{componentType:g}=$;let N=X(g,$);o&&o.onResolveNewComponentSchema&&(N=o.onResolveNewComponentSchema($,N));const V=g.toLowerCase().replace("-","_");return N&&!N.id&&N.type===g&&(N.id=`${V}_${Math.random().toString().slice(2,6)}`),N}function w($,g){const N=String($.getAttribute("data-controltype")),V=$.getAttribute("data-feature"),x=V?JSON.parse(V):{};x.parentComponentInstance=h.value;let s=X(N,x);o&&o.onAcceptNewChildElement&&(s=o.onAcceptNewChildElement($,g,s));const b=N.toLowerCase().replace("-","_");return s&&!s.id&&s.type===N&&(s.id=`${b}_${Math.random().toString().slice(2,6)}`),s}function D($){}function I(){return o&&o.getPropsConfig?o.getPropsConfig():[]}return h.value={canMove:S(),canSelectParent:j(),canDelete:T(),canNested:!C(),contents:n==null?void 0:n.schema.contents,elementRef:t,parent:(O=n==null?void 0:n.parent)==null?void 0:O.componentInstance,schema:n==null?void 0:n.schema,styles:i,designerClass:p,canAccepts:y,getBelongedComponentInstance:c,getDraggableDesignItemElement:u,getDraggingDisplayText:m,getPropConfig:I,getDragScopeElement:l,onAcceptMovedChildElement:f,onAcceptNewChildElement:w,onChildElementMovedOut:D,addNewChildComponentSchema:d,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},h}const $t={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}},required:[]},ye=new Map;function Vt(){function t(m,l,f,d){if(typeof f=="number")return d[m].length===f;if(typeof f=="object"){const w=Object.keys(f)[0],D=f[w];if(w==="not")return Number(d[m].length)!==Number(D);if(w==="moreThan")return Number(d[m].length)>=Number(D);if(w==="lessThan")return Number(d[m].length)<=Number(D)}return!1}function n(m,l,f,d){return typeof f=="boolean"?d.childrenClassList.includes(l)===!!f:!1}function o(m,l,f,d){return typeof f=="boolean"?d.parentClassList.includes(l)===!!f:!1}function r(m,l,f,d){return typeof f=="boolean"?d.parentClassList.includes(l)===!!f:!1}const i=new Map([["length",t],["hasChildren",n],["hasSibling",r],["hasParent",o]]);function p(m,l){const f=m;return typeof l=="number"?[{target:f,operator:"length",param:null,value:Number(l)}]:typeof l=="object"?Object.keys(l).map(d=>{if(d==="length")return{target:f,operator:"length",param:null,value:l[d]};const w=d,D=l[d];return{target:f,operator:m==="children"?"hasChildren":m==="parent"?"hasParent":"hasSibling",param:w,value:D}}):[]}function h(m,l){if(i.has(m.operator)){const f=i.get(m.operator);return f&&f(m.target,m.param,m.value,l)||!1}return!1}function S(m,l){return Object.keys(m).reduce((D,I)=>{const O=p(I,m[I]);return D.push(...O),D},[]).reduce((D,I)=>D&&h(I,l),!0)}function j(m,l){const f=Object.keys(m),d=f.includes("allOf"),w=f.includes("anyOf"),D=d||w,$=(D?m[D?d?"allOf":"anyOf":"allOf"]:[m]).map(N=>S(N,l));return d?!$.includes(!1):$.includes(!0)}function T(m,l){const f=m.const;return f?typeof f=="boolean"?f:typeof f=="object"?j(f,l):!1:!1}function C(m){return l=>{const f={canAccept:!0,fixed:!1,hidePadding:!1};return m&&m.properties&&Object.keys(m.properties).reduce((d,w)=>{const D=m.properties[w];return d[w]=T(D,l),d},f),f}}function c(m,l,f){if(l.type==="object"&&l.properties){const{rules:d,contents:w}=l.properties;f.set(m,C(d)),w&&Object.keys(w.properties).forEach(D=>c(D,w.properties[D],f))}}function u(){const{properties:m}=$t;Object.keys(m).forEach(l=>{c(l,m[l],ye)})}function y(m,l){const f={canAccept:!0,fixed:!1,hidePadding:!0};return ye.has(m)?ye.get(m)(l):f}return u(),{getRuleValue:y}}function Dt(t,n){const o=Vt();let r=!1,i,p=!1;function h(c){return!1}function S(){return!p}function j(){return!p}function T(){return r}function C(){const c=t,u=c.appearance&&c.appearance.class||"",y=u?u.split(" "):[],m=n==null?void 0:n.schema,l=m&&m.appearance&&m.appearance.class||"",f=l?l.split(" "):[],d=c.contents||[],w=d.length?d[0]:null,D=w&&w.appearance&&w.appearance.class||"",I=D?D.split(" "):[],O=d.length?d.reduce((s,b)=>{const a=b&&b.appearance?b.appearance.class:"",v=a?a.split(" "):[];return s.push(...v),s},[]):[],$=(n==null?void 0:n.parent)&&n.parent.schema,g=$&&$.appearance&&$.appearance.class||"";g&&g.split(" "),i={componentClass:u,componentClassList:y,childContents:d,firstChildContent:w,firstChildClass:D,firstChildClassList:I,parent,parentClass:l,parentClassList:f,children:d,childrenClassList:O};const{canAccept:N,fixed:V,hidePadding:x}=o.getRuleValue(y[0],i);return r=x,p=V,!0}return{canAccepts:h,checkCanDeleteComponent:S,checkCanMoveComponent:j,hideNestedPaddingInDesginerView:T,resolveComponentContext:C}}function Mt(t,n,o,r){const i=e.ref([]),p=e.ref(t.activeId||""),h=e.ref(!0),S=e.ref(),j=e.ref([]);function T(a){const v=a.value.findIndex(B=>B.props.show!==!1&&!p.value&&!B.props.disabled);!p.value&&v!==-1&&(p.value=a.value[v].props.id)}function C(a,v){a.classList.contains(v)||a.classList.add(v)}function c(a,v){a.classList.remove(v)}function u(a){const{parentElement:v}=a;v&&(a.scrollWidth>v.offsetWidth?C(a,"farris-title-text-custom"):c(a,"farris-title-text-custom"))}function y(a){var B;if(t.autoTitleWidth)return;const v=(B=a.value)==null?void 0:B.querySelectorAll(".st-tab-text");v&&v.forEach(P=>u(P))}const m=a=>{a.preventDefault(),a.stopPropagation()};function l(a){i.value=i.value.filter(v=>v.props.id!==a),p.value===a&&(p.value="",T(i))}function f(a,v,B=!1){const P=i.value.findIndex(L=>L.props.id===v);l(v),m(a),e.nextTick(()=>{y(o),B&&(h.value=!0),n.emit("tabRemove",{removeIndex:P,removeId:v,activeId:p.value})})}function d(){const a=i.value.find(P=>P.props.id===p.value);j.value=[],a&&a.props.toolbar&&a.props.toolbar.buttons&&a.props.toolbar.buttons.length&&(j.value=[...a.props.toolbar.buttons]);const v=r.schema.contents,B=v==null?void 0:v.find(P=>P.id===p.value);S.value=B==null?void 0:B.toolbar}function w(a){const v=p.value;p.value=a,d(),n.emit("tabChange",{prevId:v,nextId:p.value})}function D(a){w(a)}function I(a){i.value.findIndex(B=>B.props.id===a.props.id)===-1&&i.value.push(a)}function O(a){i.value.findIndex(B=>B.props.id===a.props.id)!==-1&&(i.value.forEach(B=>{B.props.id===a.props.id&&(B=a)}),e.nextTick(()=>{y(o)}))}function $(a){a&&(a.stopPropagation(),a.preventDefault())}function g(a,v){$(a);const B=r.schema.contents,P=B==null?void 0:B.findIndex(L=>L.id===v);P===-1||P===void 0||(B==null||B.splice(P,1),l(v))}function N(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(v=>v.classList.remove("dgComponentFocused"));const a=document.getElementsByClassName("dgComponentSelected");Array.from(a).forEach(v=>v.classList.remove("dgComponentSelected"))}function V(a){a.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function x(a){var L;const{contents:v=[]}=r.schema,B=v==null?void 0:v.findIndex(H=>H.id===a),P=v[B];(L=r==null?void 0:r.setupContext)==null||L.emit("selectionChange",P.type,P)}function s(a,v){N(),$(a),V(a),x(v)}function b(a,v){N(),$(a),V(a)}return{activeId:p,addTab:I,changeTitleStyle:y,removeTab:f,selectTab:D,selectTabByTabId:w,tabPages:i,updateTab:O,toolbarItems:j,removeDesignTab:g,selectDesignTab:s,selectDesignTabToolbar:b,toolbarSchema:S}}function Bt(t,n){const o=e.inject("design-item-context"),r=e.inject("toolbar-item-handler",null);function i(){r&&r()}function p(s){const b={"dropdown-menu":!0};if(s.class){const a=s.menuClass.split(" ");a&&a.length&&a.reduce((v,B)=>(v[B]=!0,v),b)}return b}function h(s){const b={disabled:!s.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},a=s.dropdownClass.split(" ");return a&&a.length&&a.reduce((v,B)=>(v[B]=!0,v),b),b}function S(s){const b={disabled:!s.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},a=s.class.split(" ");return a&&a.length&&a.reduce((v,B)=>(v[B]=!0,v),b),b}let j;const T=new Map;function C(s,b,a){var B;((B=s.target)==null?void 0:B.id)===b.id&&s.stopPropagation();const v=a?a.id:"__top_item__";if(b.children&&b.children.length&&(b.expanded=!b.expanded,b.expanded?T.set(v,b):T.delete(v)),T.has(v)&&T.get(v)!==b){const P=T.get(v);P&&(P.expanded=!1)}}function c(s){s&&(s.stopPropagation(),s.preventDefault())}function u(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(b=>b.classList.remove("dgComponentFocused"));const s=document.getElementsByClassName("dgComponentSelected");Array.from(s).forEach(b=>b.classList.remove("dgComponentSelected"))}function y(s){s.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function m(s){const{buttons:b=[]}=o.schema;let a=[];b.forEach(P=>{a=a.concat(P.children||[])});const v=a.findIndex(P=>P.id===s),B=v===-1?null:a[v];return{index:v,item:B}}function l(s){const{buttons:b=[]}=o.schema,a=b.findIndex(B=>B.id===s),v=a===-1?null:b[a];return{index:a,item:v}}function f(s){var v;o.schema;const{index:b,item:a}=m(s);(v=o==null?void 0:o.setupContext)==null||v.emit("selectionChange",a==null?void 0:a.type,a)}const d=function(s){const{componentType:b}=s,a=X(b,s),v=b.toLowerCase().replace("-","_");return a&&!a.id&&a.type===b&&(a.id=`${v}_${Math.random().toString().slice(2,6)}`),a},w=function(){const s={componentType:"response-toolbar-item",parentComponentInstance:n.value,targetPosition:-1};return d(s)};function D(s,b){c(s),u(),y(s),f(b.id)}function I(s,b,a){c(s);const v=b.id,B=a&&a.id,{buttons:P=[]}=o.schema;if(!B)return;const{index:L}=l(B);if(L===-1)return;const{index:H}=m(v);H!==-1&&(P[L].children.splice(H,1),i())}function O(s,b,a){c(s);const v=a&&a.id,{buttons:B=[]}=o.schema;if(!v)return;const{index:P}=l(v);if(P===-1)return;const L=w(),H=Object.assign({},L,{text:b.text});B[P].children.push(H),i()}function $(s,b,a){c(s);const v=a&&a.id,{buttons:B=[]}=o.schema;if(!v)return;const{index:P}=l(v);if(P===-1)return;const L=w(),H=Object.assign({},L,{text:"按钮"});B[P].children.push(H),i()}function g(s,b){return e.createVNode("div",{class:"component-btn-group"},[e.createVNode("div",null,[e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:a=>I(a,s,b)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:a=>O(a,s,b)},[e.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增同级",ref:"appendSame",style:"width:85px!important;padding:0 5px;position:static;",onClick:a=>$(a,s,b)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),e.createVNode("span",{style:"font-size:13px;margin:auto"},[e.createTextVNode("新增同级")])])])])}function N(s){return s.children.map(b=>b.children&&b.children.length?e.createVNode("li",{class:h(b),id:b.id,onClick:a=>b.enable&&C(a,b,s)},[e.createVNode("span",{id:b.id,class:S(b),onMouseover:a=>b.enable&&C(a,b,s)},[b.text,e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),j(b,b)]):e.createVNode("li",{class:S(b),id:b.id,onClick:a=>D(a,b)},[g(b,s),t.shouldShowIcon(b)&&e.createVNode("i",{class:t.iconClass(b)},null),b.text]))}function V(s,b,a){const v={display:s.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},B=document.getElementsByTagName("body")[0].getClientRects()[0].width,P=b,L=P==null?void 0:P.getClientRects();if(P&&L&&L.length){const{top:H,width:Q,left:J,right:Z,height:ee}=L[0],Y=Math.ceil(ee+H);v.top=`${Y}px`,v.left=`${J}px`;const M=s.id+"_menu",k=b?b.querySelector("#"+M):null;if(k){v.display==="block"&&(k.style.display="block");const A=k.getBoundingClientRect();if(a){v.top=`${H-6}px`;const E=Math.ceil(Q+J);v.left=`${E}px`}B-J-Q<A.width&&(v.left=`${(a?J:Z)-A.width}px`)}}return v}j=function(s,b){var P,L;const a=e.getCurrentInstance(),v=b?b.id:s.id,B=(L=(P=a==null?void 0:a.exposed)==null?void 0:P.elementRef.value)==null?void 0:L.querySelector("#"+v);return e.createVNode("ul",{class:p(s),style:V(s,B,b),id:s.id+"_menu"},[N(s)])};function x(){T.forEach(s=>{s.expanded=!1}),T.clear()}return{renderDropdownMenu:j,clearAllDropDownMenu:x}}function Pt(t,n,o){const r=e.ref(t.alignment),{renderDropdownMenu:i,clearAllDropDownMenu:p}=Bt(n,o),h=e.inject("design-item-context"),S=e.inject("toolbar-item-handler",null);function j(){S&&S()}function T(x){const s={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":r.value==="right","f-btn-mr":r.value==="left"},b=x.dropdownClass.split(" ");return b&&b.length&&b.reduce((a,v)=>(a[v]=!0,a),s),s}function C(x){const s={btn:!0,disabled:!x.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(x.icon&&x.icon.trim())};if(x.class){const b=x.class.split(" ");b&&b.length&&b.reduce((a,v)=>(a[v]=!0,a),s)}return s}function c(x){x&&(x.stopPropagation(),x.preventDefault())}function u(x,s){c(x);const b=s.expanded;document.body.click(),s.expanded=!b}const y=function(x){const{componentType:s}=x,b=X(s,x),a=s.toLowerCase().replace("-","_");return b&&!b.id&&b.type===s&&(b.id=`${a}_${Math.random().toString().slice(2,6)}`),b},m=function(){const x={componentType:"response-toolbar-item",parentComponentInstance:o.value,targetPosition:-1};return y(x)};function l(x){const s=h.schema.buttons||h.schema.contents,b=s==null?void 0:s.findIndex(v=>v.id===x),a=b===-1?null:s[b];return{index:b,toolbarItem:a}}function f(x,s){var L;const{index:b,toolbarItem:a}=l(s);if(b===-1)return;const v=a.text||"按钮",B=m(),P=Object.assign({},B,{text:v});(L=h.schema.buttons)==null||L.push(P),j()}function d(x,s){const{index:b,toolbarItem:a}=l(s);if(b===-1)return;const v=a.text||"按钮",B=m(),P=Object.assign({},B,{text:v}),L=h.schema.buttons[b].children||[];L.push(P),h.schema.buttons[b].children=L,j()}function w(x,s){const b=h.schema.buttons||h.schema.contents,a=b==null?void 0:b.findIndex(v=>v.id===s);a!==-1&&(b.splice(a,1),j())}function D(x){return e.createVNode("div",{class:"component-btn-group"},[e.createVNode("div",null,[e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:s=>w(s,x)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:s=>f(s,x)},[e.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:s=>d(s,x)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),e.createVNode("span",{style:"font-size:13px;margin:auto"},[e.createTextVNode("新增子级")])])])])}function I(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(s=>s.classList.remove("dgComponentFocused"));const x=document.getElementsByClassName("dgComponentSelected");Array.from(x).forEach(s=>s.classList.remove("dgComponentSelected"))}function O(x){x.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function $(x){var v;const s=h.schema.buttons||h.schema.contents,b=s==null?void 0:s.findIndex(B=>B.id===x);if(b===-1)return;const a=s[b];(v=h==null?void 0:h.setupContext)==null||v.emit("selectionChange","response-toolbar-item",a)}function g(x,s){c(x),I(),O(x),c(x),u(x,s),$(s.id)}function N(x){return e.createVNode("div",{id:x.id,class:T(x)},[e.createVNode("div",{class:C(x),style:"display: flex;padding-right: 0.1rem;",onClick:s=>x.enable&&g(s,x)},[D(x.id),n.shouldShowIcon(x)&&e.createVNode("i",{class:n.iconClass(x)},null),e.createVNode("span",null,[x.text]),e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),i(x)])}function V(){p()}return{renderToolbarDropdown:N,clearAllDropDown:V}}const{buildResponseToolbarItems:Ee}=be(),Ot=e.defineComponent({name:"FResponseToolbarDesign",props:fe,emits:["Click"],setup(t,n){const o=e.ref(Ee(t.items)),r=e.ref(),i=e.ref(),p=e.ref(t.alignment),h={id:"__more_buttons__",text:"More"},S=e.ref(new ne(h)),j=Me(),T=e.computed(()=>S.value.children.length>0),C=e.ref(),c=e.inject("design-item-context"),u=he(C,c),y=e.inject("toolbar-item-handler",null);e.onMounted(()=>{C.value.componentInstance=u}),n.expose({elementRef:C});function m(){y&&y()}const l=e.computed(()=>({"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0})),f=e.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":p.value==="right","justify-content-start":p.value==="left"})),{renderToolbarDropdown:d,clearAllDropDown:w}=Pt(t,j,u);function D(){o.value.filter(M=>M.children&&M.children.length>0).forEach(M=>{M.expanded=!1}),S.value.expanded=!1,w()}function I(M){const k={"f-icon":!0};if(M.icon){const A=M.icon.trim().split(" ");A&&A.length&&A.reduce((E,R)=>(E[R]=!0,E),k)}return k}function O(M){return!!(M.icon&&M.icon.trim())}function $(M){const k={btn:!0,"f-rt-btn":!0,"f-btn-ml":p.value==="right","f-btn-mr":p.value==="left","btn-icontext":!!(M.icon&&M.icon.trim())};if(M.class){const A=M.class.split(" ");A&&A.length&&A.reduce((E,R)=>(E[R]=!0,E),k)}return k}function g(M){M&&(M.stopPropagation(),M.preventDefault())}function N(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(k=>k.classList.remove("dgComponentFocused"));const M=document.getElementsByClassName("dgComponentSelected");Array.from(M).forEach(k=>k.classList.remove("dgComponentSelected"))}function V(M){M.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function x(M){var R;const k=c.schema.buttons||c.schema.contents,A=k==null?void 0:k.findIndex(_=>_.id===M);if(A===-1)return;const E=k[A];(R=c==null?void 0:c.setupContext)==null||R.emit("selectionChange","response-toolbar-item",E)}const s=function(M){const{componentType:k}=M,A=X(k,M),E=k.toLowerCase().replace("-","_");return A&&!A.id&&A.type===k&&(A.id=`${E}_${Math.random().toString().slice(2,6)}`),A},b=function(){const M={componentType:"response-toolbar-item",parentComponentInstance:u.value,targetPosition:-1};return s(M)};function a(M,k){N(),V(M),g(M),x(k)}function v(M,k){const A=c.schema.buttons||c.schema.contents,E=A==null?void 0:A.findIndex(R=>R.id===k);E!==-1&&(A.splice(E,1),m())}function B(M){const k=c.schema.buttons||c.schema.contents,A=k==null?void 0:k.findIndex(R=>R.id===M),E=A===-1?null:k[A];return{index:A,toolbarItem:E}}function P(M,k){var U;const{index:A,toolbarItem:E}=B(k);if(A===-1)return;const R=E.text||"按钮",_=b(),F=Object.assign({},_,{text:R});(U=c.schema.buttons)==null||U.push(F),m()}function L(M,k){const{index:A,toolbarItem:E}=B(k);if(A===-1)return;const R=E.text||"按钮",_=b(),F=Object.assign({},_,{text:R}),U=c.schema.buttons[A].items||[];U.push(F),c.schema.buttons[A].children=U,m()}function H(M){return e.createVNode("div",{class:"component-btn-group"},[e.createVNode("div",null,[e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:k=>v(k,M)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:k=>P(k,M)},[e.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:k=>L(k,M)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),e.createVNode("span",{style:"font-size:13px;margin:auto"},[e.createTextVNode("新增子级")])])])])}function Q(M){return e.createVNode("div",{class:"farris-component position-relative",style:"display:inline-block!important;",onClick:k=>a(k,M.id)},[H(M.id),e.createVNode("button",{type:"button",class:$(M),id:M.id,disabled:!M.enable},[O(M)&&e.createVNode("i",{class:I(M)},null),M.text])])}const J=new Map,Z=[];function ee(M){const k=i.value;let A=M;const E=Array.from(k.children),R=E[E.length-1].id==="__more_buttons__"?E[E.length-1]:null;if(R){const z=R.computedStyleMap().get("margin-left"),G=R.computedStyleMap().get("margin-right"),le=(z?z.value:0)+R.getBoundingClientRect().width+(G?G.value:0);A-=le}const _=E.filter(z=>z.id!=="__more_buttons__");for(const z of _){const G=z.computedStyleMap().get("margin-left"),le=z.computedStyleMap().get("margin-right"),ge=(G?G.value:0)+z.getBoundingClientRect().width+(le?le.value:0);A<ge?(J.set(z.id,!0),Z.push({id:z.id,width:ge})):A-=ge}if(Z.length)for(let z=Z.length-1;z>=0;z--){const G=Z[z].width;if(A>=G)A-=G,J.delete(Z[z].id),Z.pop();else break}const F=Object.assign({},S.value);F.children=[];const U=new ne(F),ie=o.value.reduce((z,G)=>(J.has(G.id)&&U.children.push(G),G.visible=!J.has(G.id),z.push(G),z),[]);S.value=U,o.value=ie}const Y=new ResizeObserver(M=>{if(M.length){const A=M[0].contentRect.width,R=i.value.getBoundingClientRect().width;(A<R||Z.length)&&ee(A)}});return e.onMounted(()=>{const M=r.value;Y.observe(M),document.body.addEventListener("click",D)}),e.onUnmounted(()=>{Y.disconnect(),document.body.removeEventListener("click",D)}),e.watch(()=>t.items,()=>{o.value=Ee(t.items)}),()=>e.createVNode("div",{ref:C,class:l.value},[e.createVNode("div",{ref:r,class:f.value},[e.createVNode("div",{ref:i,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[o.value.filter(M=>M.visible).map(M=>M.children&&M.children.length>0?d(M):Q(M)),T.value&&d(S.value)])])])}}),It={id:{type:String,default:""},canAdd:{type:Boolean,default:!1},canDelete:{type:Boolean,default:!1},canMove:{type:Boolean,default:!1},contentKey:{type:String,default:"contents"},childLabel:{type:String,default:""},childType:{type:String,default:""},modelValue:{type:Object}},Ae=e.ref(0);function kt(t,n){const o=n.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.top>=o.top,p=r.top<=o.bottom;return i&&p}function Et(t){if(!t)return;let n;if(t.className.includes("dgComponentSelected")?n=t:n=t.querySelector(".dgComponentSelected"),!n)return;const o=n.getBoundingClientRect();if(o.width===0&&o.height===0)return;const r=n.querySelector(".component-btn-group");if(r){if(!kt(n,t)){r.style.display="none";return}r.style.display="";const p=r.getBoundingClientRect(),h=r.querySelector("div");if(h){const S=h.getBoundingClientRect();h.style.top=p.top+"px",h.style.left=p.left-S.width+"px"}}}function At(t,n,o){var I;function r(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}r();const i=o&&o.getStyles&&o.getStyles()||"",p=e.ref();function h(){return o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function S(){return!1}function j(){return o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function T(){return!0}function C(O){if(!O||!O.value)return null;const $=e.ref(O==null?void 0:O.value.parent),g=C($);return g||null}function c(O=n){const{componentInstance:$,designerItemElementRef:g}=O;return!$||!$.value?null:$.value.canMove?g:c(O.parent)}function u(O){return!!o&&o.canAccepts(O)}function y(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function m(){}function l(O,$){$&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement($)}function f(O){const{componentType:$}=O;let g=X($,O);o&&o.onResolveNewComponentSchema&&(g=o.onResolveNewComponentSchema(O,g));const N=$.toLowerCase().replace("-","_");return g&&!g.id&&g.type===$&&(g.id=`${N}_${Math.random().toString().slice(2,6)}`),g}function d(O,$){const g=String(O.getAttribute("data-controltype")),N=O.getAttribute("data-feature"),V=N?JSON.parse(N):{};V.parentComponentInstance=p.value;let x=X(g,V);o&&o.onAcceptNewChildElement&&(x=o.onAcceptNewChildElement(O,$,x));const s=g.toLowerCase().replace("-","_");return x&&!x.id&&x.type===g&&(x.id=`${s}_${Math.random().toString().slice(2,6)}`),x}function w(O){}function D(){return o&&o.getPropsConfig?o.getPropsConfig():[]}return p.value={canMove:h(),canSelectParent:S(),canDelete:j(),canNested:!T(),contents:[],elementRef:t,parent:(I=n.parent)==null?void 0:I.componentInstance,schema:n.schema,styles:i,canAccepts:u,getBelongedComponentInstance:C,getDraggableDesignItemElement:c,getDraggingDisplayText:y,getPropConfig:D,getDragScopeElement:m,onAcceptMovedChildElement:l,onAcceptNewChildElement:d,onChildElementMovedOut:w,addNewChildComponentSchema:f,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},p}const Lt=e.defineComponent({name:"FDesignerInnerItem",props:It,emits:["selectionChange","addComponent"],setup(t,n){const o=e.ref(t.canMove),r=e.ref(t.canAdd),i=e.ref(t.canDelete),p=e.ref(!1),h=e.ref(t.contentKey),S=e.ref(t.childType),j=e.ref(t.childLabel),T=e.ref(t.modelValue),C=e.ref(""),c=e.ref(),u=e.inject("canvas-dragula"),y=e.ref(),m=e.inject("design-item-context"),l={designerItemElementRef:c,componentInstance:y,schema:T.value,parent:m,setupContext:n};e.provide("design-item-context",l);const f=e.computed(()=>({"farris-component":!0,"position-relative":o.value&&i.value,"farris-nested":p.value,"can-move":o.value,"d-none":c.value&&c.value.classList.contains("d-none")})),d=e.computed(()=>{const s={};return C.value&&C.value.split(";").reduce((b,a)=>{const[v,B]=a.split(":");return v&&(b[v]=B),b},s),s});function w(s,b){if(m&&m.schema[h.value]){const a=m.schema[h.value].findIndex(v=>v.id===b.id);m.schema[h.value].splice(a,1),m.componentInstance.value.updateDragAndDropRules()}}function D(s){if(y.value.addNewChildComponentSchema){const b={componentType:S.value,label:j.value,parentComponentInstance:y.value,targetPosition:-1},a=y.value.addNewChildComponentSchema(b);T.value[h.value].push(a),n.emit("addComponent")}}function I(){return r.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:s=>{D()}},[e.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function O(s){return i.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:b=>{w(b,s)}},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function $(s){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[I(),O(s)])])}e.watch(()=>t.modelValue,s=>{T.value=s,l.schema=s});function g(s){const b=s.target;Et(b)}function N(){var s,b;(b=(s=T.value)==null?void 0:s.contents)!=null&&b.length&&c.value&&c.value.addEventListener("scroll",g)}function V(){const s=c.value,b=e.ref(s.children[1]);return At(b,l).value}e.onMounted(()=>{if(c.value){const s=c.value.querySelector(`[data-dragref='${T.value.id}-container']`);y.value=s&&s.componentInstance?s.componentInstance.value:V(),u&&s&&u.attachComponents(s,T.value),p.value=y.value.canNested!==void 0?y.value.canNested:p.value,o.value=y.value.canMove!==void 0?y.value.canMove:o.value,C.value=y.value.styles||"",c.value&&(c.value.componentInstance=y,c.value.designItemContext=l)}N(),Ae.value++}),e.onBeforeUnmount(()=>{c.value&&c.value.removeEventListener("scroll",g)});function x(s){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(a=>a.classList.remove("dgComponentFocused")),s&&(s.preventDefault(),s.stopPropagation());const b=c.value;if(b){const a=document.getElementsByClassName("dgComponentSelected");if(!(a&&a.length===1&&a[0]===c.value)){Array.from(a).forEach(P=>P.classList.remove("dgComponentSelected")),b.classList.add("dgComponentFocused"),n.emit("selectionChange",T.value.type,T.value);const B=y.value.getDraggableDesignItemElement(l);B&&B.value&&B.value.classList.add("dgComponentSelected")}}Ae.value++}return()=>e.createVNode("div",{id:`${t.id}-design-item`,ref:c,class:f.value,style:d.value,onClick:x},[$(T.value),n.slots.default&&n.slots.default()])}});function Rt(t,n,o,r){const{toolbarItems:i,toolbarSchema:p}=t,h=j=>{};function S(j,T){var C;(C=r.setupContext)==null||C.emit("selectionChange",j,T)}return e.createVNode("div",{class:"farris-tabs-toolbar"},[e.createVNode("div",{class:"farris-tabs-inline-flex"},[e.createVNode(Lt,{modelValue:p.value,"onUpdate:modelValue":j=>p.value=j,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",onSelectionChange:S},{default:()=>[e.createVNode(Ot,{items:i.value,onClick:h},null)]})])])}const _t=e.defineComponent({name:"FTabsDesign",props:se,emits:["tabChange","tabRemove"],setup(t,n){const o=e.ref(),r=e.inject("design-item-context"),i=Dt(r.schema,r.parent),p=he(o,r,i),h=e.ref(t.tabType),S=e.shallowRef(),j=e.shallowRef(),T=Mt(t,n,S,r),{activeId:C,changeTitleStyle:c,tabPages:u,addTab:y,updateTab:m,selectTabByTabId:l,toolbarItems:f}=T,d=Ne(t,j,T),w=je(t,S,d,T),{previousButtonClass:D,nextButtonClass:I,nextButtonGroupClass:O,scrollTab:$,updateNavigationLayout:g}=w,N=xe(t,T),{hideDropDown:V}=N,x=Nt(t,S,w,d,T,p,i),s=x,b=we(t,S,w,d,T),a=new Map([["default",x],["one-page",s],["pills",b]]);e.computed(()=>{const _=u.value.find(F=>F.props.id===C.value);return _==null?void 0:_.slots});const v=e.computed(()=>{const _=u.value.find(U=>U.props.id===C.value);return(_==null?void 0:_.props.toolbarPosition)==="inHead"});e.provide("tabs",{activeId:C,addTab:y,updateTab:m,tabPages:u,tabType:h});function B(){const _=p.value.schema.contents||[];return _.length<1?null:_.find(U=>U.id===C.value)}function P(){var F;const _=B();f.value=[...(F=_==null?void 0:_.toolbar)==null?void 0:F.buttons]}e.provide("toolbar-item-handler",P);const L=e.computed(()=>t.fill||t.tabType==="fill"),H=e.computed(()=>t.tabType==="pills"),Q=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":v.value,"farris-tabs-inContent":!v.value,"farris-tabs-nav-fill":L.value,"farris-tabs-nav-pills":H.value})),J=e.computed(()=>({width:v.value&&t.titleWidth?`${t.titleWidth}%`:""})),Z=e.computed(()=>({"farris-tabs":!0,"flex-column":t.position==="top","flex-column-reverse":t.position==="bottom","flex-row":t.position==="left","flex-row-reverse":t.position==="right","one-page":t.tabType==="one-page"}));e.onMounted(()=>{u.value.length&&(C.value=t.activeId||u.value[0].props.id,l(C.value)),e.nextTick(()=>{g()}),c(S),window.addEventListener("click",_=>{var F;V.value||(F=o.value)!=null&&F.contains(_.target)||(V.value=!0)}),window.addEventListener("resize",()=>{g()}),o.value.componentInstance=p});function ee(){return e.createVNode("button",{title:"left-arrow-button",type:"button",class:D.value,onClick:()=>{$(0,-1)}},null)}function Y(){return e.createVNode("button",{title:"right-arrow-button",type:"button",class:I.value,onClick:()=>{$(0,1)}},null)}const{renderMorePagesButtton:M}=Se(t,N,w,T);function k(){return!!f.value.length&&Rt(T,p,i,r)}const A=a.get(t.tabType)||a.get("default");function E(){var _,F,U,ie;return e.createVNode("div",{class:Q.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(F=(_=n.slots).headerPrefix)==null?void 0:F.call(_)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:J.value},[ee(),A&&A(),e.createVNode("div",{class:O.value},[Y(),M()])]),k(),e.createVNode("div",{class:"farris-tabs-header-post"},[(ie=(U=n.slots).headerSuffix)==null?void 0:ie.call(U)])])}function R(){var _,F;return e.createVNode("div",{class:"farris-tabs-content",ref:j},[(F=(_=n.slots).default)==null?void 0:F.call(_)])}return n.expose(p.value),()=>e.createVNode("div",{class:Z.value,ref:o},[E(),R()])}});function Ft(){function t(n){var i,p;if(!n)return!1;const o=((i=n.targetContainer)==null?void 0:i.componentInstance)&&n.targetContainer.componentInstance.value;if(!o)return!1;const r=(p=o.schema.appearance)==null?void 0:p.class;if(n.controlCategory==="input"||n.controlType==="form-group"){const h=o.schema.type,S=(h==="response-form"||h==="content-container")&&r&&r.includes("farris-form");if(o.schema.type!=="response-layout-item"&&!S)return!1}return n.controlType!=="field-set"}return{basalDragulaRuleForContainer:t}}function Ht(t,n){function o(i){return!!Ft().basalDragulaRuleForContainer(i)}function r(i){}return{canAccepts:o,onAcceptMovedChildElement:r}}function Wt(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const qt=e.defineComponent({name:"FTabPageDesign",props:re,emits:[],setup(t,n){const o=e.ref(),r=e.inject("design-item-context"),i=Ht(r.schema,r.parent),p=he(o,r,i);p.value.canNested=!1,p.value.canDelete=!1,p.value.canMove=!1,n.expose(p.value);const h=e.inject("tabs"),S=e.ref(!0),j={slots:n.slots,props:t},T=e.ref((h==null?void 0:h.tabType.value)||"default");function C(){t.id===h.activeId.value?r.designerItemElementRef.value.classList.remove("d-none"):r.designerItemElementRef.value.classList.add("d-none")}e.onMounted(()=>{o.value.componentInstance=p;const f=h.tabPages.value.findIndex(d=>d.props.id===t.id);!f||f===-1?h==null||h.addTab(j):f>-1&&(S.value=!1,console.warn(`已经存在id为${t.id}的页签啦`)),C()}),e.onUnmounted(()=>{});const c=e.computed(()=>({display:(t==null?void 0:t.id)===(h==null?void 0:h.activeId.value)?"":"none"}));e.watch(()=>t,f=>{h==null||h.updateTab({props:f,slots:n.slots})},{immediate:!0,deep:!0}),e.watch(h.activeId,C);function u(){var d,w;const f=(w=(d=n.slots).default)==null?void 0:w.call(d);return e.createVNode(ke,{"main-title":t.title,class:"farris-tab-page"},Wt(f)?f:{default:()=>[f]})}function y(){var d,w;const f=(w=(d=n.slots).default)==null?void 0:w.call(d);return e.createVNode("div",{ref:o,class:"farris-tab-page drag-container","data-dragref":`${r.schema.id}-container`,style:c.value},[f])}const l=new Map([["default",y],["one-page",u]]).get(T.value)||y;return()=>S.value?l():null}}),zt={install(t){t.component(ae.name,ae),t.component(ce.name,ce)},register(t,n,o){t.tabs=ae,t["tab-page"]=ce,n.tabs=pe,n["tab-page"]=me},registerDesigner(t,n,o){t.tabs=_t,t["tab-page"]=qt,n.tabs=pe,n["tab-page"]=me}};q.TabPage=ce,q.Tabs=ae,q.default=zt,q.tabPageProps=re,q.tabPagePropsResolver=me,q.tabsProps=se,q.tabsPropsResolver=pe,Object.defineProperties(q,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/tabs/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "tabs",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/tabs/index.d.ts"
-}