@farris/ui-vue 1.3.1 → 1.3.3

package/components/tabs/index.umd.cjs

@@ -1 +1 @@
-(function(F,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../capsule/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../section/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../capsule/index.umd.js","../response-toolbar/index.umd.js","../dynamic-resolver/index.umd.js","../section/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js","bignumber.js"],e):(F=typeof globalThis<"u"?globalThis:F||self,e(F.tabs={},F.Vue,F.LodashES,F.FCapsule,F.FResponseToolbar,F.dynamicResolver,F.FSection$1,F.designerCanvas,F.common))})(this,function(F,e,Z,ot,Ie,at,st,Pe,ye){"use strict";var qn=Object.defineProperty;var Wn=(F,e,Z)=>e in F?qn(F,e,{enumerable:!0,configurable:!0,writable:!0,value:Z}):F[e]=Z;var L=(F,e,Z)=>Wn(F,typeof e!="symbol"?e+"":e,Z);const ve={},De={};function Ce(n){const{properties:t,title:o,ignore:a}=n,s=a&&Array.isArray(a),l=Object.keys(t).reduce((r,i)=>((!s||!a.find(d=>d==i))&&(r[i]=t[i].type==="object"&&t[i].properties?Ce(t[i]):Z.cloneDeep(t[i].default)),r),{});return o&&(!s||!a.find(r=>r=="id"))&&(l.id=`${o}-${Date.now()}`),l}function re(n,t={},o){const a=ve[n];if(a){let s=Ce(a);const l=De[n];return s=l?l({getSchemaByType:re},s,t,o):s,s}return null}function rt(n,t){const o=Ce(t);return Object.keys(n).reduce((a,s)=>(a[s]&&Z.isPlainObject(a[s])&&Z.isPlainObject(n[s])?Object.assign(a[s],n[s]):a[s]=n[s],a),o),o}function lt(n,t){return Object.keys(n).filter(a=>n[a]!=null).reduce((a,s)=>{if(t.has(s)){const l=t.get(s);if(typeof l=="string")a[l]=n[s];else{const r=l(s,n[s],n);Object.assign(a,r)}}else a[s]=n[s];return a},{})}function it(n,t,o=new Map){const a=rt(n,t);return lt(a,o)}function ct(n={}){function t(c,m,f,C){if(typeof f=="number")return C[c].length===f;if(typeof f=="object"){const v=Object.keys(f)[0],S=f[v];if(v==="not")return Number(C[c].length)!==Number(S);if(v==="moreThan")return Number(C[c].length)>=Number(S);if(v==="lessThan")return Number(C[c].length)<=Number(S)}return!1}function o(c,m,f,C){return C[c]&&C[c].propertyValue&&String(C[c].propertyValue.value)===String(f)}const a=new Map([["length",t],["getProperty",o]]);Object.keys(n).reduce((c,m)=>(c.set(m,n[m]),c),a);function s(c,m){const f=c;return typeof m=="number"?[{target:f,operator:"length",param:null,value:Number(m)}]:typeof m=="boolean"?[{target:f,operator:"getProperty",param:c,value:!!m}]:typeof m=="object"?Object.keys(m).map(C=>{if(C==="length")return{target:f,operator:"length",param:null,value:m[C]};const v=C,S=m[C];return{target:f,operator:"getProperty",param:v,value:S}}):[]}function l(c){return Object.keys(c).reduce((f,C)=>{const v=s(C,c[C]);return f.push(...v),f},[])}function r(c,m){if(a.has(c.operator)){const f=a.get(c.operator);return f&&f(c.target,c.param,c.value,m)||!1}return!1}function i(c,m){return l(c).reduce((v,S)=>v&&r(S,m),!0)}function d(c,m){const f=Object.keys(c),C=f.includes("allOf"),v=f.includes("anyOf"),S=C||v,b=(S?c[S?C?"allOf":"anyOf":"allOf"]:[c]).map(B=>i(B,m));return C?!b.includes(!1):b.includes(!0)}return{parseValueSchema:d}}const G={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},Ee={},dt={};ct();function le(n,t,o=new Map,a=(r,i,d)=>i,s={},l=r=>r){return ve[t.title]=t,De[t.title]=a,Ee[t.title]=s,dt[t.title]=l,(r={})=>{const i=it(r,t,o),d=Object.keys(n).reduce((c,m)=>(c[m]=n[m].default,c),{});return Object.assign(d,i)}}function ce(n,t){return{customClass:t.class,customStyle:t.style}}function ut(){function n(t,o){const a=t.contents;if(!a||a.length<1)return null;const s=a.reduce((d,c)=>{const m=c.toolbar&&c.toolbar.buttons||[];return d.push(...m),d},[]);if(!s||s.length<1)return;const[l,r]=o.payloads,i=s.find(d=>d.id===r);return i?i.onClick||i.click:null}return{resolve:n}}const we=new Map([["appearance",ce]]);function pt(n,t,o){const a=Math.random().toString().slice(2,6),s=t.parentComponentInstance,l=n.getSchemaByType("tab-page");l.id=`tab-page-${a}`;const r=n.getSchemaByType("tabs");Object.assign(r,{id:`tabs-${a}`,appearance:{class:"f-component-tabs f-tabs-has-grid"},contents:[l],activeId:l.id});const i=n.getSchemaByType("section");Object.assign(i,{id:`section-${a}`,appearance:{class:"f-section-tabs f-section-in-mainsubcard"},fill:!1,showHeader:!1,contents:[r]});const d=n.getSchemaByType("content-container");Object.assign(d,{id:`container-${a}`,appearance:{class:"f-struct-wrapper"},contents:[i]});const c=s.schema;switch(c&&c.type){case G["splitter-pane"].type:{i.appearance.class="f-section-tabs f-section-in-main",r.appearance.class="f-component-tabs";break}}return d}function je(n,t,o,a){if(o.parentComponentInstance)return pt(n,o);{const l=n.getSchemaByType("tab-page");return t.contents=[l],t}}function ft(n,t,o){return t}const $e={$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:[]},autoTitleWidth:{description:"",type:"boolean",default:!1},titleLength:{description:"",type:"number",default:7},fill:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},de={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"}},Re=le(de,$e,we,je),Te=Object.assign({},de,{componentId:{type:String,default:""}}),Oe=le(Te,$e,we,je),Ae=ut();function mt(n,t,o){const a=e.ref([]),s=e.ref(n.activeId||""),l=e.ref(!0),r=e.ref([]);e.watch(()=>n.activeId,(h,x)=>{h!==x&&(s.value=h)});function i(h){const x=h.value.findIndex(b=>b.props.show!==!1&&!s.value&&!b.props.disabled);!s.value&&x!==-1&&(s.value=h.value[x].props.id)}function d(h){var b;if(n.autoTitleWidth)return;const x=(b=h.value)==null?void 0:b.querySelectorAll(".st-tab-text");if(x)for(let w=0;w<x.length;w++){const B=x[w].parentNode;x[w].scrollWidth>B.offsetWidth?x[w].classList.contains("farris-title-text-custom")||x[w].classList.add("farris-title-text-custom"):x[w].classList.remove("farris-title-text-custom")}}const c=h=>{h.preventDefault(),h.stopPropagation()};function m(h,x,b=!1){const w=a.value.findIndex(B=>B.props.id===x);a.value=a.value.filter(B=>B.props.id!==x),s.value===x&&(s.value="",i(a)),c(h),e.nextTick(()=>{d(o),b&&(l.value=!0),t.emit("tabRemove",{removeIndex:w,removeId:x,activeId:s.value})})}function f(h){const x=s.value;s.value=h;const b=a.value.find(w=>w.props.id===h);r.value=[],b&&b.props.toolbar&&b.props.toolbar.buttons&&b.props.toolbar.buttons.length&&(r.value=[...b.props.toolbar.buttons]),t.emit("update:activeId",h),t.emit("tabChange",{prevId:x,nextId:s.value})}function C(h){f(h)}function v(h){a.value.findIndex(b=>b.props.id===h.props.id)===-1&&a.value.push(h)}function S(h){a.value.findIndex(b=>b.props.id===h.props.id)!==-1&&(a.value.forEach(b=>{b.props.id===h.props.id&&(b=h)}),e.nextTick(()=>{d(o)}))}return{activeId:s,addTab:v,changeTitleStyle:d,removeTab:m,selectTab:C,selectTabByTabId:f,tabPages:a,updateTab:S,toolbarItems:r}}function ht(n,t,o,a,s){const{activeId:l,removeTab:r,selectTab:i}=s,d=e.computed(()=>({"st-tab-text":!0,"text-truncate":!0,"farris-title-auto":n.autoTitleWidth})),c=e.computed(()=>({"nav-item":!0,"d-none":t.show!==void 0?!t.show:!1,"f-state-active":t.id===l.value,"f-state-disable":t.disabled})),m=e.computed(()=>({width:`${t.tabWidth}px`})),f=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:t.id===l.value,disabled:t.disabled}));function C(w){return e.createVNode("span",{class:d.value,title:w.title},[w.title])}function v(w){return w.slots.title?w.slots.title:C}const S=v(o),h=e.ref(t.removeable);function x(){return e.createVNode("span",{class:"st-drop-close",onClick:w=>r(w,t.id),style:{opacity:.6}},[e.createVNode("i",{class:"f-icon f-icon-close"},null)])}function b(w){i(t.id),n.tabType==="one-page"&&a.scrollToByPaggId(t.id)}return e.createVNode("li",{class:c.value,style:m.value},[e.createVNode("a",{class:f.value,onClick:b},[S(t),h.value&&x()])])}function gt(n,t,o,a,s){const{shouldShowNavigationButtons:l}=o,{tabPages:r}=s,i=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":l.value})),d=e.computed(()=>({width:"100%","justify-content":n.justifyContent})),c=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":n.fill||n.tabType==="fill","nav-pills":n.tabType==="pills","flex-row":n.position==="top"||n.position==="bottom","flex-column":n.position==="left"||n.position==="right"}));return()=>e.createVNode("div",{class:i.value,style:d.value},[e.createVNode("ul",{class:c.value,ref:t},[r.value.map(m=>ht(n,m.props,m,a,s))])])}function Le(n,t,o,a,s){const l=e.ref(),{shouldShowNavigationButtons:r}=o,{activeId:i,tabPages:d,selectTab:c}=s,m=e.ref(i.value),f=e.computed(()=>d.value.map(h=>({name:h.props.title,value:h.props.id,show:h.props.show,disabled:h.props.disabled}))),C=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":r.value})),v=e.computed(()=>({width:"100%",display:"flex","justify-content":n.justifyContent}));e.onMounted(()=>{l.value&&(t.value=l.value.$el)});function S(h){c(h)}return e.watch(()=>i.value,h=>{h!==m.value&&(m.value=h)},{immediate:!0}),()=>e.createVNode("div",{class:C.value,style:v.value},[e.createVNode(ot,{items:f.value,modelValue:m.value,"onUpdate:modelValue":h=>m.value=h,onChange:S,ref:l},null)])}function bt(n,t,o,a){const{activeId:s,removeTab:l,tabPages:r}=a,{selectAndScrollToTab:i}=o,{hideDropDown:d,searchTabText:c}=t,m=e.ref("auto"),f=e.computed(()=>{var w,B;let b=[];return n.searchBoxVisible?b=(w=r.value)==null?void 0:w.filter(A=>A.props.title.includes(c.value)):b=(B=r.value)==null?void 0:B.slice(),b}),C=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":n.searchBoxVisible,show:!d.value}));function v(b){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:b.props.disabled,active:b.props.id===s.value,"d-none":b.props.show!==!0}}function S(b){b.preventDefault(),b.stopPropagation()}const h=()=>({width:m.value});function x(){return e.createVNode("div",{class:C.value},[n.searchBoxVisible&&e.createVNode("div",{onClick:b=>S(b),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{title:"search-box",type:"text",class:"form-control k-textbox","onUpdate:modelValue":b=>c.value=b},null),[[e.vModelText,c.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),f.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items",style:h()},[f.value.map(b=>e.createVNode("li",{class:v(b),onClick:w=>i(w,b.props)},[b.props.removeable&&e.createVNode("span",{class:"float-right st-drop-close",onClick:w=>l(w,b.props.id,!0)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),e.createVNode("a",{class:"dropdown-title",title:b.props.title},[b.props.title])]))]):e.createVNode("div",{class:"dropdown-no-data"},[e.createTextVNode("没有相关数据")])])}return{renderDropdownMenu:x}}function Fe(n,t,o,a){const{hideDropDown:s}=t,{renderDropdownMenu:l}=bt(n,t,o,a),r=e.ref(n.showDropdown);function i(){return r.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{title:"toggle-button",class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{s.value=!1}},null),l()])}return{renderMorePagesButtton:i}}function He(n,t,o,a){const s=e.ref(!1),{selectTabByTabId:l,tabPages:r}=a,i=4;function d(){var b;const h=t.value,x=(b=t.value)==null?void 0:b.parentElement;s.value=x&&h&&x.offsetWidth<h.scrollWidth-i}const c=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!s.value})),m=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!s.value})),f=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!s.value}));function C(h,x){if(!t.value)return;const b=t.value.scrollLeft,w=t.value.scrollWidth-t.value.offsetWidth;if(x>0){if(t.value.scrollLeft>=w)return;t.value.scrollLeft=b+n.scrollStep+h}else if(x<0){if(t.value.scrollLeft<=0)return;t.value.scrollLeft=b-n.scrollStep-h}}function v(h){if(!s.value||!t.value)return;const x=n.tabType==="pills"?".f-capsule-item":".nav-item",b=t.value.querySelectorAll(x),{parentElement:w}=t.value,B=b[h];if(B&&w){const A=w.getBoundingClientRect().left,k=w.getBoundingClientRect().right,j=B.getBoundingClientRect().left,N=B.getBoundingClientRect().right;j<A?C(A-j,-1):k<N&&C(N-k,1),n.tabType==="one-page"&&o.scrollTo(h)}}function S(h,x){if(x.disabled)return;l(x.id);const b=r.value.findIndex(w=>w.props.id===x.id);e.nextTick(()=>{v(b)})}return{previousButtonClass:c,nextButtonGroupClass:m,nextButtonClass:f,scrollTab:C,selectAndScrollToTab:S,shouldShowNavigationButtons:s,updateNavigationLayout:d}}function ze(n,t){const{tabPages:o}=t,a=e.ref(""),s=e.ref(!0),l=e.computed(()=>n.searchBoxVisible),r=e.computed(()=>l.value?o.value.filter(d=>d.props.title.includes(a.value)):o.value.slice());return{searchTabText:a,hideDropDown:s,shouldShowSearchBox:l,tabsInDropdownMenu:r}}function qe(n,t,o){const a=".farris-tab-page",{tabPages:s}=o;function l(i){const d=t.value;if(d){const c=t.value.querySelectorAll(a);if(c.length>0){const m=c[i],{offsetTop:f}=m,C=f-32>0?f-32:0;d.scrollTop=C}}}function r(i){const d=s.value.findIndex(c=>c.props.id===i);d>-1&&l(d)}return{scrollTo:l,scrollToByPaggId:r}}const te=e.defineComponent({name:"FTabs",props:de,emits:["tabChange","tabRemove","update:activeId","Click"],setup(n,t){const o=e.ref(n.tabType),a=e.shallowRef(),s=e.ref(n.customClass),l=e.shallowRef(),r=e.shallowRef(),i=mt(n,t,l),{activeId:d,changeTitleStyle:c,tabPages:m,addTab:f,updateTab:C,selectTabByTabId:v,toolbarItems:S}=i,h=qe(n,r,i),x=He(n,l,h,i),{previousButtonClass:b,nextButtonClass:w,nextButtonGroupClass:B,scrollTab:A,updateNavigationLayout:k}=x,j=ze(n,i),{hideDropDown:N}=j,E=gt(n,l,x,h,i),$=E,T=Le(n,l,x,h,i),g=new Map([["default",E],["one-page",$],["pills",T]]);e.computed(()=>{const z=m.value.find(_=>_.props.id===d.value);return z==null?void 0:z.slots});const p=e.computed(()=>{const z=m.value.find(J=>J.props.id===d.value);return(z==null?void 0:z.props.toolbarPosition)==="inHead"}),u=e.computed(()=>n.fill||n.tabType==="fill");e.provide("tabs",{activeId:d,addTab:f,updateTab:C,tabPages:m,tabType:o,shouldFillParentContaner:u});const y=e.computed(()=>n.tabType==="pills"),V=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":p.value,"farris-tabs-inContent":!p.value,"farris-tabs-nav-fill":u.value,"farris-tabs-nav-pills":y.value})),D=e.computed(()=>({width:p.value&&n.titleWidth?`${n.titleWidth}%`:""})),M=e.computed(()=>{const z={"farris-tabs":!0,"f-utils-fill-flex-column":u.value,"flex-column":n.position==="top","flex-column-reverse":n.position==="bottom","flex-row":n.position==="left","flex-row-reverse":n.position==="right","one-page":n.tabType==="one-page"};return s.value&&s.value.split(" ").reduce((_,J)=>(_[J]=!0,_),z),z});e.onMounted(()=>{m.value.length&&(d.value=n.activeId||m.value[0].props.id,v(d.value)),e.nextTick(()=>{k()}),c(l),window.addEventListener("click",z=>{var _;N.value||(_=a.value)!=null&&_.contains(z.target)||(N.value=!0)}),window.addEventListener("resize",()=>{k()})});function I(){return e.createVNode("button",{title:"left-arrow-button",type:"button",class:b.value,onClick:()=>{A(0,-1)}},null)}function R(){return e.createVNode("button",{title:"right-arrow-button",type:"button",class:w.value,onClick:()=>{A(0,1)}},null)}const{renderMorePagesButtton:O}=Fe(n,j,x,i),H=(z,_)=>{t.emit("Click",z,_,d.value)};function Y(){return S.value.length?e.createVNode(Ie,{class:"f-utils-fill",items:S.value,onClick:H},null):null}const ne=g.get(n.tabType)||g.get("default");function se(){var z,_,J,q;return e.createVNode("div",{class:V.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(_=(z=t.slots).headerPrefix)==null?void 0:_.call(z)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:D.value},[I(),ne&&ne(),e.createVNode("div",{class:B.value},[R(),O()])]),Y(),e.createVNode("div",{class:"farris-tabs-header-post"},[(q=(J=t.slots).headerSuffix)==null?void 0:q.call(J)])])}const K=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":u.value}));function oe(){var z,_;return e.createVNode("div",{class:K.value,ref:r},[(_=(z=t.slots).default)==null?void 0:_.call(z)])}return()=>e.createVNode("div",{class:M.value,ref:a},[se(),oe()])}}),yt=new Map([["appearance",ce],["toolbar",vt]]);function vt(n,t,o){return t&&t.contents&&t.contents.length&&(t.contents.forEach(a=>{a.title&&(a.text=a.title)}),t.buttons=t.contents,delete t.contents),{toolbar:t}}const Ct={$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"]},ue={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"}},xe=at.createPropsResolver(ue,Ct,yt);function wt(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const pe=e.defineComponent({name:"FTabPage",props:ue,emits:[],setup(n,t){const o=e.inject("tabs"),a=e.ref(n.show),s={slots:t.slots,props:n},l=e.ref((o==null?void 0:o.tabType.value)||"default");e.onMounted(()=>{const v=o==null?void 0:o.tabPages.value.findIndex(S=>S.props.id===n.id);!v||v===-1?o==null||o.addTab(s):v>-1&&(a.value=!1,console.warn(`已经存在id为${n.id}的页签啦`))}),e.onUnmounted(()=>{});const r=e.computed(()=>(n==null?void 0:n.id)===(o==null?void 0:o.activeId.value)),i=e.computed(()=>({display:r.value?"":"none"}));e.watch(()=>n,v=>{o==null||o.updateTab({props:v,slots:t.slots})},{immediate:!0,deep:!0});function d(){var S,h;const v=(h=(S=t.slots).default)==null?void 0:h.call(S);return e.createVNode(st,{"main-title":n.title,class:"farris-tab-page"},wt(v)?v:{default:()=>[v]})}const c=e.computed(()=>{var S;return{"farris-tab-page":!0,"f-utils-fill-flex-column":r.value&&o&&((S=o.shouldFillParentContaner)==null?void 0:S.value)}});function m(){var S,h;const v=(h=(S=t.slots).default)==null?void 0:h.call(S);return e.createVNode("div",{class:c.value,style:i.value},[v])}const C=new Map([["default",m],["one-page",d]]).get(l.value)||m;return()=>a.value?C():null}}),Tt={width:{Type:Number,default:400},type:{Type:String,default:"info"},title:{Type:String,default:""},detail:{Type:String,default:""},okButtonText:{Type:String,default:"确定"},cancelButtonText:{Type:String,default:"取消"},exceptionInfo:{Type:Object,default:null},promptEditorType:{Type:String,default:"text-area"}};function Se(){return new DOMException("The request is not allowed","NotAllowedError")}async function xt(n){if(!navigator.clipboard)throw Se();return navigator.clipboard.writeText(n)}async function St(n){const t=document.createElement("span");t.textContent=n,t.style.whiteSpace="pre",t.style.webkitUserSelect="auto",t.style.userSelect="all",document.body.appendChild(t);const o=window.getSelection(),a=window.document.createRange();o==null||o.removeAllRanges(),a.selectNode(t),o==null||o.addRange(a);let s=!1;try{s=window.document.execCommand("copy")}finally{o==null||o.removeAllRanges(),window.document.body.removeChild(t)}if(!s)throw Se()}async function Mt(n){try{await xt(n)}catch(t){try{await St(n)}catch(o){throw o||t||Se()}}}function Nt(){async function n(t){await Mt(t)}return{onCopy:n}}function Vt(n,t,o,a){const s=e.ref(14),l=e.ref(140),r=e.ref(""),i=e.ref(a.value.length),d=e.computed(()=>a.value),c=e.computed(()=>({"font-size":`${s.value}px`,height:"100%"}));function m(f){if(f.currentTarget){const C=f.currentTarget.value||"";i.value=C.length}}return()=>e.createVNode(e.Fragment,null,[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:c.value,rows:"4",maxlength:l.value,onInput:f=>m(f)},[d.value]),e.createVNode("span",{class:"textarea-wordcount",title:r.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[i.value+" / "+l.value])])}function Bt(n,t,o,a){const s=Vt(n,t,o,a),l=new Map([["text-area",s]]);function r(i){return l.get(i)||null}return{getEditorRender:r}}function kt(){const n=e.ref(!1),t=e.ref("复制成功");return{feedbackStyle:e.computed(()=>{const a={position:"absolute",left:"50%",top:"50%",width:"100px",height:"40px",background:"#303C53","line-height":"40px","text-align":"center","margin-left":"-30px","margin-top":"-50px","border-radius":"10px","box-shadow":"0px 2px 8px 0px",color:"#fff",transition:"all .3s ease"};return a.opacity=n.value?"0.8":"0",a.display=n.value?"":"none",a}),feedbackMessage:t,toShowFeedback:n}}function It(n,t){const o=t.getEditorRender(n.promptEditorType);return()=>o&&o()}function Pt(n){const t=e.ref(3),o=e.ref(480),a=e.computed(()=>!!n.value&&!!n.value.date),s=e.computed(()=>`发生时间 : ${n.value&&n.value.date||""}`),l=e.computed(()=>!!n.value&&!!n.value.detail),r=e.computed(()=>{const x=`${o.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":t.value,"max-height":x}}),i=e.computed(()=>n.value&&n.value.detail||""),d=e.computed(()=>!0),c=e.ref(!1),m=e.ref("展开"),f=e.ref("收起"),C=e.computed(()=>{const x={display:"block",color:"#2A87FF"};return x["text-align"]=c.value?"":"right",x});function v(x,b){c.value=!c.value,t.value=c.value?20:3}function S(x){return v()}function h(x){return v()}return()=>e.createVNode("div",{class:"toast-msg-detail"},[a.value&&e.createVNode("div",null,[s.value]),l.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:r.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:i.value},null)]),d.value&&e.createVNode("span",{style:C.value},[c.value&&e.createVNode("span",{onClick:S,style:"cursor: pointer;"},[f.value]),!c.value&&e.createVNode("span",{onClick:h,style:"cursor: pointer;"},[m.value])])])}function Dt(n){return()=>e.createVNode("p",{class:"toast-msg-detail",innerHTML:n.value},null)}function Et(n,t,o,a){const s=e.ref(n.exceptionInfo),l=e.computed(()=>{const C={"f-icon":!0},v=`f-icon-${t.value}`;return C[v]=!0,C}),r=e.computed(()=>o.value||s.value&&s.value.message),i=e.computed(()=>a.value),d=e.computed(()=>!!a.value),c=e.computed(()=>!!s.value);function m(){return c.value?Pt(s):d.value?Dt(i):()=>null}const f=m();return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:l.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:r.value},null),f()])])}function jt(n,t,o){const{onCopy:a}=t,{toShowFeedback:s}=o,l=e.ref("复制成功"),r=e.ref("复制详细信息"),i=e.ref(n.exceptionInfo||{date:"",message:"",detail:""}),d=e.computed(()=>i.value&&i.value.detail||"");function c(m){a(d.value).catch(f=>{l.value="复制失败"}).finally(()=>{s.value=!0,setTimeout(()=>{s.value=!1},700)})}return()=>e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:c,style:"cursor: pointer;"},[r.value])])}function $t(n,t,o,a){const s=e.ref(n.type),l=e.ref([]),r=e.ref(n.exceptionInfo),i=e.ref(n.okButtonText),d=e.ref(n.cancelButtonText),c=e.ref(!0),m=e.ref(!0),f=e.computed(()=>!!(l.value&&l.value.length)),C=e.computed(()=>r.value&&r.value.date&&r.value.message&&r.value.detail),v=e.computed(()=>!(l.value&&l.value.length)&&(i.value||d.value)),S=e.computed(()=>m.value&&i.value),h=e.computed(()=>c.value&&d.value),x=jt(n,o,a);function b(B){s.value==="question"&&t.emit("reject"),t.emit("close")}function w(B){s.value==="question"&&t.emit("accept"),t.emit("close")}return()=>e.createVNode("div",{class:"modal-footer"},[C.value&&x(),v.value&&h.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:b},[d.value]),v.value&&S.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:w},[i.value]),f.value&&l.value.length&&l.value.map(B=>e.createVNode("button",{type:"button",onClick:B.handle,class:B.class},[B.iconClass&&e.createVNode("span",{class:B.iconClass},null),B.text]))])}const fe=e.defineComponent({name:"FMessageBox",props:Tt,emits:["accept","reject","close"],setup(n,t){const o=e.ref(n.type),a=e.ref(n.title),s=e.ref(n.detail),l=e.computed(()=>{const x={"modal-tips":!0,"d-flex":!0,"flex-row":!0},b=`messager-type-${o.value}`;return x[b]=!0,x}),r=e.computed(()=>{const x={};return o.value==="prompt"?x.padding="0.5rem 0.5rem 1rem 1.5rem":o.value==="error"&&(x.padding="0.5rem 1.5rem 1rem 1.5rem"),x}),i=Nt(),d=Bt(n,o,a,s),c=kt(),{feedbackStyle:m,feedbackMessage:f}=c;function C(){return e.createVNode("div",{style:m.value},[f.value])}function v(){switch(o.value){case"prompt":return It(n,d);default:return Et(n,o,a,s)}}const S=v(),h=$t(n,t,i,c);return()=>e.createVNode("div",{class:"farris-messager"},[e.createVNode("section",{class:l.value,style:r.value},[S()]),h(),C()])}}),Rt={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:Object,default:null},reiszeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0},enableEnter:{type:Boolean,default:!1}};class U{constructor(t,o){this.x=t,this.y=o}static getTransformInfo(t){const a=window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(a.length>=6){const s=parseInt(a[4],10),l=parseInt(a[5],10);return{x:s,y:l}}return{x:0,y:0}}static fromEvent(t,o=null){if(this.isMouseEvent(t))return new U(t.clientX,t.clientY);if(o===null||t.changedTouches.length===1)return new U(t.changedTouches[0].clientX,t.changedTouches[0].clientY);for(let a=0;a<t.changedTouches.length;a++)if(t.changedTouches[a].target===o)return new U(t.changedTouches[a].clientX,t.changedTouches[a].clientY)}static isMouseEvent(t){return Object.prototype.toString.apply(t).indexOf("MouseEvent")===8}static isIPosition(t){return!!t&&"x"in t&&"y"in t}static getCurrent(t){const o=new U(0,0);if(window){const a=window.getComputedStyle(t);if(a){const s=parseInt(a.getPropertyValue("left"),10),l=parseInt(a.getPropertyValue("top"),10);o.x=isNaN(s)?0:s,o.y=isNaN(l)?0:l}return o}return null}static copy(t){return new U(0,0).set(t)}get value(){return{x:this.x,y:this.y}}add(t){return this.x+=t.x,this.y+=t.y,this}subtract(t){return this.x-=t.x,this.y-=t.y,this}multiply(t){this.x*=t,this.y*=t}divide(t){this.x/=t,this.y/=t}reset(){return this.x=0,this.y=0,this}set(t){return this.x=t.x,this.y=t.y,this}}class ae{constructor(t,o){this.width=t,this.height=o}static getCurrent(t){const o=new ae(0,0);if(window){const a=window.getComputedStyle(t);return a&&(o.width=parseInt(a.getPropertyValue("width"),10),o.height=parseInt(a.getPropertyValue("height"),10)),o}return null}static copy(t){return new ae(0,0).set(t)}set(t){return this.width=t.width,this.height=t.height,this}}function Ot(n,t){const o=e.ref(),a=e.ref(),s=e.ref(),l=e.ref(),r=e.ref(),i=e.ref(),d=e.ref(),c=e.ref(),m=e.ref(),f=e.ref(),C=e.ref(),v=e.ref(),S=e.ref(n.draggable),h=e.ref(!1);function x(){const M=a.value||document.body,I=window.getComputedStyle(M);if(!I||!o.value)return;const R=U.getTransformInfo(o.value),O={};d.value&&(O.deltaL=o.value.offsetLeft-d.value.x,O.deltaT=o.value.offsetTop-d.value.y);const H=I.getPropertyValue("position");O.width=M.clientWidth,O.height=M.clientHeight,O.pr=parseInt(I.getPropertyValue("padding-right"),10),O.pb=parseInt(I.getPropertyValue("padding-bottom"),10),O.position=I.getPropertyValue("position"),H==="static"&&(M.style.position="relative"),O.translateX=R.x,O.translateY=R.y,f.value=O}function b(M){if(o.value){l.value=ae.getCurrent(o.value),r.value=U.getCurrent(o.value),i.value=l.value?ae.copy(l.value):null,d.value=r.value?U.copy(r.value):null,x();const I=M.target.getAttribute("type")||"";c.value={n:!!I.match(/n/),s:!!I.match(/s/),w:!!I.match(/w/),e:!!I.match(/e/)}}}function w(){var M,I,R,O;if(o.value){const H=o.value;c.value&&((c.value.n||c.value.s)&&((M=i.value)!=null&&M.height)&&(H.style.height=i.value.height+"px"),(c.value.w||c.value.e)&&((I=i.value)!=null&&I.width)&&(H.style.width=i.value.width+"px"),d.value&&((R=d.value)!=null&&R.x&&(H.style.left=d.value.x+"px"),(O=d.value)!=null&&O.y&&(H.style.top=d.value.y+"px")))}}function B(){const M=n.minHeight?n.minHeight:1,I=n.minWidth?n.minWidth:1;i.value&&d.value&&c.value&&l.value&&(i.value.height<M&&(i.value.height=M,c.value.n&&r.value&&(d.value.y=r.value.y+(l.value.height-M))),i.value.width<I&&(i.value.width=I,c.value.w&&r.value&&(d.value.x=r.value.x+(l.value.width-I))),n.maxHeight&&i.value.height>n.maxHeight&&(i.value.height=n.maxHeight,r.value&&c.value.n&&(d.value.y=r.value.y+(l.value.height-n.maxHeight))),n.maxWidth&&i.value.width>n.maxWidth&&(i.value.width=n.maxWidth,c.value.w&&r.value&&(d.value.x=r.value.x+(l.value.width-n.maxWidth))))}function A(){if(a.value){const M=f.value;if(d.value&&i.value&&c.value&&l.value){const I=M.width-M.pr-M.deltaL-M.translateX-d.value.x,R=M.height-M.pb-M.deltaT-M.translateY-d.value.y;c.value.n&&d.value.y+M.translateY<0&&r.value&&(d.value.y=-M.translateY,i.value.height=l.value.height+r.value.y+M.translateY),c.value.w&&d.value.x+M.translateX<0&&r.value&&(d.value.x=-M.translateX,i.value.width=l.value.width+r.value.x+M.translateX),i.value.width>I&&(i.value.width=I),i.value.height>R&&(i.value.height=R)}}}function k(M){if(!s.value||!l.value||!r.value||!c.value)return;M.subtract(s.value);const I=M.x,R=M.y;c.value.n?(d.value.y=r.value.y+R,i.value.height=l.value.height-R):c.value.s&&(i.value.height=l.value.height+R),c.value.e?i.value.width=l.value.width+I:c.value.w&&(i.value.width=l.value.width-I,d.value.x=r.value.x+I),A(),B(),w()}function j(M){if(!m.value)return;const I=U.fromEvent(M);I&&k(I)}function N(){if(o.value){const{width:M,height:I,x:R,y:O}=o.value.getBoundingClientRect(),H=U.getTransformInfo(o.value);return{size:{width:M,height:I},position:{x:R-H.x,y:O-H.y}}}return null}function E(M){if(o.value){const I=N();C.value=I}s.value=void 0,l.value=null,r.value=null,i.value=null,d.value=null,c.value=null,m.value=null,document.removeEventListener("mousemove",j),document.removeEventListener("mouseup",E)}function $(){document.addEventListener("mousemove",j),document.addEventListener("mouseup",E)}function T(M){M instanceof MouseEvent&&M.button===2||S.value&&(M.stopPropagation(),M.preventDefault(),s.value=U.fromEvent(M),m.value=M.target,b(M),$())}function g(M){return o.value=M,e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:I=>T(I)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:I=>T(I)},null)])}function p(M=!0){const I=a.value||document.body,R=ae.getCurrent(I),O=o.value;M&&(v.value=N(),v.value.transform=O.style.transform),R&&O&&(i.value=R,O.style.height=i.value.height-14+"px",O.style.width=i.value.width-14+"px",O.style.left="7px",O.style.top="7px",O.style.transform="",C.value={size:i.value,position:{x:0,y:0}},S.value=!1,h.value=!0)}function u(){var M,I;if(v.value){const R={width:v.value.size.width||0,height:v.value.size.height||0},O={x:(window.innerWidth-R.width)/2,y:(window.innerHeight-R.height)/2};(M=i.value)==null||M.set(R),(I=d.value)==null||I.set(O);const H=o.value;H.style.height=R.height+"px",H.style.width=R.width+"px",H.style.left=`${O.x}px`,H.style.top=`${O.y}px`,H.style.transform="",C.value={size:R,position:O},S.value=n.draggable,h.value=!1}}function y(){if(o.value){const M=ae.getCurrent(o.value);if(M){const{width:I,height:R}=M;o.value.style.left=`${(window.innerWidth-I)/2}px`,o.value.style.top=`${(window.innerHeight-R)/2}px`,o.value.style.transform=""}}}function V(){const M=()=>{h.value?p(!1):y()};return window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)}}const D=V();return{renderResizeBar:g,boundingElement:a,resizedEventParam:C,maximize:p,restore:u,allowDrag:S,isMaximized:h,unWindowResizeHandle:D}}function At(n,t,o){const a=e.ref(),s=e.ref(n.draggable),l=e.ref(n.lockAxis),r=e.ref(),i=e.ref(),d=e.ref(!1),c=e.ref(new U(0,0)),m=e.ref(new U(0,0)),f=e.ref(new U(0,0)),C=e.ref(new U(0,0));e.watch(()=>o.value,N=>{r.value.style.cursor=N?"move":"default"});function v(N,E){if(E.tagName==="BUTTON")return!1;if(E===N)return!0;for(const $ in E.children)if(E.children.hasOwnProperty($)&&v(N,E.children[$]))return!0;return!1}function S(){var T,g;let N=f.value.x+m.value.x,E=f.value.y+m.value.y;l.value==="x"?(N=((T=c.value)==null?void 0:T.x)||0,f.value.x=0):l.value==="y"&&(E=((g=c.value)==null?void 0:g.y)||0,f.value.y=0);const $=`translate3d(${Math.round(N)}px, ${Math.round(E)}px, 0px)`;a.value&&(a.value.style.transform=$),C.value.x=N,C.value.y=E}function h(){if(!i.value||!a.value)return null;const N=i.value.getBoundingClientRect(),E=a.value.getBoundingClientRect(),$={top:N.top<E.top,right:N.right>E.right,bottom:N.bottom>E.bottom,left:N.left<E.left};return $.top||(f.value.y-=E.top-N.top),$.bottom||(f.value.y-=E.bottom-N.bottom),$.right||(f.value.x-=E.right-N.right),$.left||(f.value.x-=E.left-N.left),S(),$}function x(N){N&&(c.value&&N.subtract(c.value),f.value.set(N),S(),h())}function b(N){d.value&&s.value&&(N.stopPropagation(),N.preventDefault(),x(U.fromEvent(N,r.value)))}function w(){var N;d.value&&(d.value=!1,m.value.add(f.value),f.value.reset(),(N=a.value)==null||N.classList.remove("ng-dragging"),document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",w))}function B(){!d.value&&r.value&&(d.value=!0,r.value.classList.add("ng-dragging"),document.addEventListener("mousemove",b),document.addEventListener("mouseup",w))}function A(){if(a.value){const N=U.getTransformInfo(a.value);m.value.set(N);return}m.value.reset()}function k(N){if(!o.value||N instanceof MouseEvent&&N.button===2)return;const E=N.target||N.srcElement;r.value!==void 0&&E&&!v(E,r.value)||s.value!==!1&&(document.body.click(),N.stopPropagation(),N.preventDefault(),c.value=U.fromEvent(N,a.value),A(),B())}function j(N,E,$){if(s.value&&E){if(N)r.value=N;else if(n.dragHandle){if(n.dragHandle instanceof HTMLElement)r.value=n.dragHandle;else if(typeof n.dragHandle=="string"){const T=E.querySelector(n.dragHandle);T&&(r.value=T)}}a.value=E,i.value=$,r.value.classList.add("ng-draggable"),r.value.addEventListener("mousedown",k)}}return{registerDraggle:j,resetTranslate:A}}function We(n,t){if(n){const o=a=>{a.key.toLowerCase()===n.toLowerCase()&&t({event:a,key:n})};return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}}}function Lt(n,t){const o=e.ref(n.enableEsc);let a=null;return o.value?(a=We("Escape",s=>{t.emit("esc",{event:s.event,type:"esc"})}),{remove:a}):null}function Ft(n,t){const o=e.ref(n.enableEnter);let a=null;return o.value?(a=We("Enter",s=>{t.emit("enter",{event:s.event,type:"enter"})}),{remove:a}):null}const _e=e.defineComponent({name:"FModal",props:Rt,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter"],setup(n,t){const o=e.ref(n.width||300),a=e.ref(n.height||200),s=e.ref(n.modelValue),l=e.ref(""),r=e.ref(n.class),i=e.ref(n.fitContent),d=e.ref(n.showHeader),c=e.ref(""),m=e.ref(n.showCloseButton),f=e.ref(n.showMaxButton),C=e.ref(!1),v=e.ref(""),S=e.ref(""),h=e.ref(""),x=e.ref(n.showButtons),b=e.ref(n.title),w=e.ref(n.reiszeable),B=e.ref(n.containment||null),A=e.ref();function k(P,W){s.value=!1,t.emit("update:modelValue",!1),W!=null&&t.emit(W?"accept":"cancel"),t.emit("closed",P)}const j=[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:P=>{k(P,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:P=>{k(P,!0)}}],N=e.ref(n.buttons&&n.buttons.length?n.buttons:j),E=e.computed(()=>!!c.value),$=e.computed(()=>!!x.value&&!!N.value),T=e.ref(),g=e.ref(),p=e.ref(!1),{renderResizeBar:u,maximize:y,restore:V,boundingElement:D,resizedEventParam:M,allowDrag:I,unWindowResizeHandle:R}=Ot(n),{registerDraggle:O}=At(n,t,I);e.watch(()=>n.title,(P,W)=>{P!==W&&(b.value=P)}),e.watch(()=>n.modelValue,(P,W)=>{P!==W&&(s.value=P)}),e.watch(()=>n.showHeader,(P,W)=>{P!==W&&(d.value=P)}),e.watch(()=>n.showButtons,(P,W)=>{P!==W&&(x.value=P)}),e.watch(()=>M.value,(P,W)=>{const ie=P||{},be=W||{};JSON.stringify(ie)!==JSON.stringify(be)&&t.emit("resize",{newSize:P,oldSize:W})});function H(){const P=document.querySelectorAll(".farris-modal").length;(!P||P-1<=0)&&document.body.classList.remove("modal-open"),A.value&&A.value.classList.remove("show")}const Y=e.computed(()=>(s.value?document.body.classList.add("modal-open"):H(),s.value)),ne=e.computed(()=>{const P={modal:!0,"farris-modal":!0,fade:!0};return P["f-modal-fitContent"]=!!i.value,P.show=!!Y.value,P}),se=e.computed(()=>{var ie;const P={"modal-dialog":!0},W=(ie=r.value)==null?void 0:ie.split(" ");return W==null||W.reduce((be,zn)=>(be[zn]=!0,be),P),P}),K=e.computed(()=>({position:"absolute",top:`${(window.innerHeight-a.value)/2}px`,left:`${(window.innerWidth-o.value)/2}px`,width:`${o.value}px`,height:i.value?"auto":`${a.value}px`})),oe=e.computed(()=>({"modal-content":!0,"modal-content-has-header":d.value})),z=e.computed(()=>{const P={display:d.value?"":"none"};return P["pointer-events"]=I.value?"auto":"none",P}),_=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:p.value})),J=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":v.value==="iframe"}));function q(){return{}}const X=e.computed(()=>{const P={textAlgin:h.value},W=q();return Object.assign(P,W)});function ee(P){if(P.stopPropagation(),p.value){p.value=!1,V();return}y(),p.value=!0}async function ge(P,W){P.handle&&await P.handle(W,P)&&t.emit("closed",W)}function On(P){P.width&&(o.value=P.width),P.height&&(a.value=P.height),P.buttons&&(N.value=P.buttons),P.title&&(b.value=P.title)}let Be=null,ke=null;e.onMounted(()=>{g.value&&!B.value&&(B.value=g.value.parentElement,D.value=B.value,O(T.value,g.value,D.value)),Y.value&&document.body.classList.add("modal-open"),Be=Lt(n,t),ke=Ft(n,t)}),e.onUnmounted(()=>{H(),R&&R(),Be&&Be.remove(),ke&&ke.remove()}),t.expose({modalElementRef:g,updateModalOptions:On,close:k,maxDialog:ee});function An(){return e.createVNode("ul",null,[C.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),f.value&&e.createVNode("li",{onClick:ee,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:_.value},null)]),m.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:P=>k(P,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function Ln(){return e.createVNode("div",{class:"modal-footer",style:X.value},[N.value&&N.value.map(P=>e.createVNode("button",{name:P.name,type:"button",class:P.class+(P.iconClass?" btn-icontext":""),onClick:W=>{ge(P,W)}},[!!P.iconClass&&e.createVNode("i",{class:P.iconClass},null),P.text]))])}function Fn(){return e.createVNode("div",{ref:T,class:"modal-header",style:z.value},[e.createVNode("div",{class:"modal-title"},[E.value&&e.createVNode("span",{class:c.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[b.value])]),e.createVNode("div",{class:"actions"},[An()])])}function Hn(P){P.stopPropagation()}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[Y.value&&e.createVNode(e.Transition,{name:"fade",appear:!0},{default:()=>{var P,W;return[e.createVNode("div",{class:ne.value,style:"display: block",ref:A,onClick:Hn},[e.createVNode("div",{id:l.value,class:se.value,style:K.value,ref:g},[e.createVNode("div",{class:oe.value},[d.value&&Fn(),e.createVNode("div",{class:J.value},[(W=(P=t.slots).default)==null?void 0:W.call(P),v.value==="iframe"&&e.createVNode("iframe",{title:l.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:S.value},null)]),$.value&&Ln()]),!i.value&&w.value&&g.value&&u(g.value)])])]}})]})}});function Ue(n){if(n.content&&n.content.render)return n.content.render;if(n.render&&typeof n.render=="function")return n.render}function Ht(n){const t=document.createElement("div");t.style.display="contents";const o=e.createApp({setup(a,s){e.onUnmounted(()=>{document.body.removeChild(t)});const l=e.ref(),r=e.ref(n.class||""),i=e.ref(!!n.showButtons),d=e.ref(!!n.showHeader),c=e.ref(n.showCloseButton==null?!0:n.showCloseButton),m=e.ref(!0),f=e.ref(n.title||""),C=n.acceptCallback||(()=>{}),v=n.rejectCallback||(()=>{}),S=n.closedCallback||(w=>{}),h=n.resizeHandle||(w=>{}),x=Ue(n),b=w=>{m.value=!1,o.unmount(),S(w)};return e.onMounted(()=>{}),s.expose({modalRef:l}),()=>e.createVNode(_e,{ref:l,class:r.value,modelValue:m.value,"onUpdate:modelValue":w=>m.value=w,title:f.value,width:n.width,height:n.height,buttons:n.buttons,"show-header":d.value,"show-buttons":i.value,"show-close-button":c.value,"show-max-button":!1,onAccept:C,onCancel:v,fitContent:n.fitContent==null?!0:n.fitContent,onClosed:b,onResize:h},{default:()=>[x&&x(o)]})}});return document.body.appendChild(t),o.mount(t),o}class zt{constructor(t){L(this,"appContext",null);L(this,"modalRef",e.ref());L(this,"activeModalIndex",e.ref(0));L(this,"modalRefs",{});L(this,"isUseEscCloseModal",e.ref(!1));L(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.appContext=t?t._context:null}getCurrentModal(){return this.activeModalInstance.value}static show(t){const o=Object.assign({title:"",showButtons:!0,showHeader:!0},t);return Ht(o)}open(t){const o=document.createDocumentFragment();t.showMaxButton&&t.fitContent&&(t.showMaxButton=!1);const a=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},t)),s=e.ref(!0),l=a.value.acceptCallback||(()=>{}),r=a.value.rejectCallback||(()=>{}),i=a.value.closedCallback||((b,w)=>{}),d=a.value.resizeHandle||(b=>{});let c;const m=Ue(a.value),f=b=>{var B;s.value=!1;const w=(B=b==null?void 0:b.target)==null?void 0:B.classList.contains("modal_close");i(b,this.isUseEscCloseModal.value?"esc":w?"icon":"button")},C=b=>{f(b),c&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,o),c=null,this.modalRef.value=null,this.modalRefs){const w=Object.keys(this.modalRefs);w.length>0?this.activeModalIndex.value=Math.max(...w):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},v=b=>{var w;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((w=this.activeModalInstance.value)==null||w.close(b==null?void 0:b.event))},S=()=>e.createVNode(_e,e.mergeProps({ref:this.modalRef,modelValue:s.value,"onUpdate:modelValue":b=>s.value=b},a.value,{onAccept:l,onCancel:r,onClosed:C,onResize:d,onEsc:v}),{default:()=>[m&&m()]});return c=(b=>{const w=e.h(S,b);return w.appContext=this.appContext,e.render(w,o),w})({...a.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:b=>{a.value={...a.value,...b},c&&e.render(e.cloneVNode(c,{...a}),o)},destroy:C,modalRef:this.activeModalInstance}}}class Q{static show(t){let o=new zt;const a=e.reactive({...t}),s=!1,l=a.type==="error"||a.type==="prompt",r=a.type==="error"?"错误提示":a.type==="prompt"&&a.title||"",i=a.acceptCallback||(()=>{}),d=a.rejectCallback||(()=>{});let c=null;const m=()=>{c&&(c==null||c.destroy(),o=null)};c=o==null?void 0:o.open({class:"modal-message modal-message-type-info",title:r,showButtons:s,showHeader:l,width:a.width||400,fitContent:!0,showMaxButton:!1,render:()=>e.createVNode(fe,e.mergeProps(a,{onAccept:i,onReject:d,onClose:m}),null)})}static info(t,o){const a=e.reactive({type:"info",title:t,detail:o,okButtonText:"知道了",cancelButtonText:""});Q.show(a)}static warning(t,o){const a=e.reactive({type:"warning",title:t,detail:o,okButtonText:"知道了",cancelButtonText:""});Q.show(a)}static success(t,o){const a=e.reactive({type:"success",title:t,detail:o,okButtonText:"关闭",cancelButtonText:""});Q.show(a)}static error(t,o,a){const s=e.reactive({width:500,type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:a,message:t,detail:o}});Q.show(s)}static prompt(t,o){const a=e.reactive({type:"prompt",title:t,detail:o,okButtonText:"确定",cancelButtonText:"取消"});Q.show(a)}static question(t,o,a,s){const l=e.reactive({type:"question",title:t,detail:o,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:a,rejectCallback:s});Q.show(l)}}fe.install=n=>{n.component(fe.name,fe),n.provide("FMessageBoxService",Q)};function qt(n,t,o,a,s,l){const{activeId:r,removeTab:i,selectTab:d,removeDesignTab:c,selectDesignTab:m}=s,f=e.computed(()=>({"st-tab-text":!0,"farris-title-auto":n.autoTitleWidth})),C=e.computed(()=>{const $={"farris-component":!0,"nav-item":!0,"d-none":t.show!==void 0?!t.show:!1,"f-state-active":t.id===r.value,"f-state-disable":t.disabled};return $[`${t.id}-design-item`]=!0,$}),v=e.computed(()=>({width:`${t.tabWidth}px`})),S=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:t.id===r.value,disabled:t.disabled}));function h($){return e.createVNode("span",{class:f.value,title:$.title},[$.title])}function x($){return $.slots.title?$.slots.title:h}const b=x(o),w=e.ref(t.removeable);function B(){return e.createVNode("span",{class:"st-drop-close",onClick:$=>i($,t.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)])}function A($){d(t.id),n.tabType==="one-page"&&a.scrollToByPaggId(t.id)}function k($){m($,t.id,l.value)}function j($){Q.question(`确定删除标签页【${o.props.title}】?`,"",()=>c($,t.id),()=>{})}function N(){return e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:$=>j($)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function E(){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[N()])])}return e.createVNode("li",{onClick:$=>k($),class:C.value,style:v.value,id:`${t.id}-design-item`},[E(),e.createVNode("a",{class:S.value,onClick:A},[b(t),w.value&&B()])])}function Wt(n,t,o,a,s,l,r){const{shouldShowNavigationButtons:i}=o,{tabPages:d}=s,c=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":i.value})),m=e.computed(()=>({width:"100%","justify-content":n.justifyContent})),f=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":n.fill||n.tabType==="fill","nav-pills":n.tabType==="pills","flex-row":n.position==="top"||n.position==="bottom","flex-column":n.position==="left"||n.position==="right"})),C=e.computed(()=>({overflow:"auto"}));function v(h){const{componentType:x}=h;let b=re(x,h);r&&r.onResolveNewComponentSchema&&(b=r.onResolveNewComponentSchema(h,b));const w=x.toLowerCase().replace("-","_");return b&&!b.id&&b.type===x&&(b.id=`${w}_${Math.random().toString().slice(2,6)}`),b}const S=function(h){var B;const x={componentType:"tab-page",label:"Tab1",parentComponentInstance:l.value,targetPosition:-1},b=v(x);(B=l.value.schema.contents)==null||B.push(b);const{selectTabByTabId:w}=s;w(b.id)};return()=>e.createVNode("div",{class:c.value,style:m.value},[e.createVNode("ul",{class:f.value,style:C.value,ref:t},[d.value.map(h=>qt(n,h.props,h,a,s,l)),e.createVNode("li",{class:"nav-item"},[e.createVNode("a",{class:"nav-link tabs-text-truncate",title:"添加页签",onClick:h=>S()},[e.createVNode("i",{class:"f-icon f-icon-plus",style:"font-size: 20px;margin: 0 auto;line-height: 24px;"},null)])])])])}function Xe(n,t,o){var A;function a(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}a();const s=o&&o.getStyles&&o.getStyles()||"",l=o&&o.getDesignerClass&&o.getDesignerClass()||"",r=e.ref();function i(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function d(){return!1}function c(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function m(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function f(k){if(!k||!k.value)return null;if(k.value.schema&&k.value.schema.type==="component")return k.value;const j=e.ref(k==null?void 0:k.value.parent),N=f(j);return N||null}function C(k=t){const{componentInstance:j,designerItemElementRef:N}=k;return!j||!j.value?null:j.value.canMove?N:C(k.parent)}function v(k){return!!o&&o.canAccepts(k)}function S(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function h(){}function x(k,j){j&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(j)}function b(k,j){const{componentType:N}=k;let E=re(N,k,j);o&&o.onResolveNewComponentSchema&&(E=o.onResolveNewComponentSchema(k,E));const $=N.toLowerCase().replace("-","_");return E&&!E.id&&E.type===N&&(E.id=`${$}_${Math.random().toString().slice(2,6)}`),E}function w(k){}function B(...k){if(o&&o.getPropsConfig)return o.getPropsConfig(...k)}return r.value={canMove:i(),canSelectParent:d(),canDelete:c(),canNested:!m(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:(A=t==null?void 0:t.parent)==null?void 0:A.componentInstance,schema:t==null?void 0:t.schema,styles:s,designerClass:l,canAccepts:v,getBelongedComponentInstance:f,getDraggableDesignItemElement:C,getDraggingDisplayText:S,getPropConfig:B,getDragScopeElement:h,onAcceptMovedChildElement:x,onChildElementMovedOut:w,addNewChildComponentSchema:b,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},r}class Ye{getTemplateRule(t,o){const a=o==null?void 0:o.formSchemaUtils,s=a==null?void 0:a.getFormTemplateRule(),l={canAccept:!0,canDelete:!0,canMove:!0};if(!s)return l;const r=this.getComponentContext(t);return r.componentClassList.forEach(d=>{if(!d||!s[d])return;const{canMove:c,canDelete:m,canAccept:f}=s[d];l.canMove=l.canMove&&this.resolveRuleValue(c,r),l.canDelete=l.canDelete&&this.resolveRuleValue(m,r),l.canAccept=l.canAccept&&this.resolveRuleValue(f,r)}),l}resolveRuleValue(t,o){return typeof t=="boolean"?t:this.parseRuleValueSchema(t,o)}parseRuleValueSchema(t,o){const a=t.invalidContext||[];let s=!0;for(const l of a){if(l.firstLevelChild){if(l.firstLevelChild.class){const r=o.firstLevelChildClassList;if(r&&!r.includes(l.firstLevelChild.class)){s=!1;continue}}if(l.firstLevelChild.type){const r=o.firstLevelChildSchema;if(r&&r.type!==l.firstLevelChild.type){s=!1;continue}}}if(l.secondLevelChild){if(l.secondLevelChild.class){const r=o.secondLevelChildClassList;if(r&&!r.includes(l.secondLevelChild.class)){s=!1;continue}}if(l.secondLevelChild.type){const r=o.secondLevelChildSchema;if(r&&r.type!==l.secondLevelChild.type){s=!1;continue}}}if(l.parent){if(l.parent.class){const r=o.parentClassList;if(r&&!r.includes(l.parent.class)){s=!1;continue}}if(l.parent.type){const r=o.parentSchema;if(r&&r.type!==l.parent.type){s=!1;continue}}}s=!0;break}return!s}getComponentContext(t){var h,x,b,w;const o=t.schema,a=o.appearance&&o.appearance.class||"",s=a.split(" ")||[],l=o.contents||[],r=l.length?l[0]:null,i=r&&r.appearance?r.appearance.class:"",d=i?i.split(" "):[],c=(h=r==null?void 0:r.contents)!=null&&h.length?r==null?void 0:r.contents[0]:null,m=c&&c.appearance?c.appearance.class:"",f=m?m.split(" "):[],C=o.type==="component"?(b=(x=t.parent)==null?void 0:x.parent)==null?void 0:b.schema:(w=t.parent)==null?void 0:w.schema,v=C&&C.appearance&&C.appearance.class||"",S=v?v.split(" "):[];return{componentClass:a,componentClassList:s,childContents:l,firstLevelChildSchema:r,firstLevelChildClass:i,firstLevelChildClassList:d,secondLevelChildSchema:c,secondLevelChildClass:m,secondLevelChildClassList:f,parentSchema:C,parentClass:v,parentClassList:S}}}const _t={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"}},setPropertyRelates(n,t){if(n)switch(n&&n.propertyID){case"title":{n.needRefreshControlTree=!0;break}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},width:{description:"组件的宽度",title:"宽度（px）",type:"number"},height:{description:"组件的高度",title:"高度（px）",type:"number"}}},behavior:{description:"",title:"行为",properties:{removeable:{description:"是否可移除",type:"boolean",title:"是否可移除"}}}}},Ut={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:"combo-list",textField:"value",valueField:"key",data:[{key:"tabs",value:"标签页"}]}}}},appearance:{description:"",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:"boolean",title:"标题自适应宽度",defaultValue:!1},fill:{description:"flex布局下，填充满剩余部分",type:"boolean",title:"填充"}}}}};function Xt(n,t){const o=n.schema,a=new Ye,{canMove:s,canAccept:l,canDelete:r}=a.getTemplateRule(n,t);function i(C){return l}function d(){return r}function c(){return s}function m(){return!s&&!r}function f(C){var S;return((S=document.querySelector(".dgComponentFocused"))==null?void 0:S.id)===`${o.id}-design-item`?Ut:_t}return{canAccepts:i,checkCanDeleteComponent:d,checkCanMoveComponent:c,getPropsConfig:f,hideNestedPaddingInDesginerView:m}}const me=e.ref(0);function Yt(n,t){const o=t.getBoundingClientRect(),a=n.getBoundingClientRect(),s=a.top>=o.top,l=a.top<=o.bottom;return s&&l}function Gt(n){if(!n)return;let t;if(n.className.includes("dgComponentSelected")?t=n:t=n.querySelector(".dgComponentSelected"),!t)return;const o=t.getBoundingClientRect();if(o.width===0&&o.height===0)return;const a=t.querySelector(".component-btn-group");if(a){if(!Yt(t,n)){a.style.display="none";return}a.style.display="";const l=a.getBoundingClientRect(),r=a.querySelector("div");if(r){const i=r.getBoundingClientRect();r.style.top=l.top+"px",r.style.left=l.left-i.width+"px"}}}function Jt(n,t,o,a){const s=e.ref([]),l=e.ref(n.activeId||""),r=e.ref(!0),i=e.ref(),d=e.ref([]);function c(u){const y=u.value.findIndex(V=>V.props.show!==!1&&!l.value&&!V.props.disabled);!l.value&&y!==-1&&(l.value=u.value[y].props.id)}function m(u,y){u.classList.contains(y)||u.classList.add(y)}function f(u,y){u.classList.remove(y)}function C(u){const{parentElement:y}=u;y&&(u.scrollWidth>y.offsetWidth?m(u,"farris-title-text-custom"):f(u,"farris-title-text-custom"))}function v(u){var V;if(n.autoTitleWidth)return;const y=(V=u.value)==null?void 0:V.querySelectorAll(".st-tab-text");y&&y.forEach(D=>C(D))}const S=u=>{u.preventDefault(),u.stopPropagation()};function h(u){s.value=s.value.filter(y=>y.props.id!==u),l.value===u&&(l.value="",c(s))}function x(u,y,V=!1){const D=s.value.findIndex(M=>M.props.id===y);h(y),S(u),e.nextTick(()=>{v(o),V&&(r.value=!0),t.emit("tabRemove",{removeIndex:D,removeId:y,activeId:l.value})})}function b(){const u=s.value.find(D=>D.props.id===l.value);if(d.value=[],u&&u.props.toolbar){const D=u.props.toolbar.hasOwnProperty("contents")?"contents":"buttons";u.props.toolbar[D]&&u.props.toolbar[D].length&&(d.value=[...u.props.toolbar[D]])}const y=a.schema.contents,V=y==null?void 0:y.find(D=>D.id===l.value);i.value=V==null?void 0:V.toolbar}function w(u){const y=l.value;l.value=u,b(),t.emit("tabChange",{prevId:y,nextId:l.value})}function B(u){w(u)}function A(u){s.value.findIndex(V=>V.props.id===u.props.id)===-1&&s.value.push(u)}function k(u){s.value.findIndex(V=>V.props.id===u.props.id)!==-1&&(s.value.forEach(V=>{V.props.id===u.props.id&&(V=u)}),e.nextTick(()=>{v(o)}))}function j(u){u&&(u.stopPropagation(),u.preventDefault())}function N(u,y){j(u);const V=a.schema.contents,D=V==null?void 0:V.findIndex(M=>M.id===y);D===-1||D===void 0||(V==null||V.splice(D,1),h(y),me.value++)}function E(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(y=>y.classList.remove("dgComponentFocused"));const u=document.getElementsByClassName("dgComponentSelected");Array.from(u).forEach(y=>y.classList.remove("dgComponentSelected"))}function $(u){u.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function T(u,y){var I;const{contents:V=[]}=a.schema,D=V==null?void 0:V.findIndex(R=>R.id===u),M=V[D];(I=a==null?void 0:a.setupContext)==null||I.emit("selectionChange",M.type,M,n.componentId,y)}function g(u,y,V){E(),j(u),$(u),T(y,V)}function p(u,y){E(),j(u),$(u)}return{activeId:l,addTab:A,changeTitleStyle:v,removeTab:x,selectTab:B,selectTabByTabId:w,tabPages:s,updateTab:k,toolbarItems:d,removeDesignTab:N,selectDesignTab:g,selectDesignTabToolbar:p,toolbarSchema:i}}const Zt=new Map([["buttons","items"],["appearance",ce]]),Qt=new Map([["appearance",Kt]]);function Kt(n,t){return{class:t.class,style:t.style}}function Ge(n,t,o){return t}const en={$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"}},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"]},Me={$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",default:"btn-secondary"}},default:{}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},Je={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:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}},Ze={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};ve[Me.title]=Me,Ee[Je.title]=Je;const tn=Object.assign({},Ze,{componentId:{type:String,default:""}});le(Ze,en,Zt,Ge);const Qe={id:{type:String,default:""},items:{type:Object,default:{}},class:{type:String,default:""},text:{type:String,default:""},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},componentId:{type:String,default:""},alignment:{Type:String,default:"right"}};le(Qe,Me,Qt,Ge);class Ke{constructor(t){L(this,"id","");L(this,"class","btn-secondary");L(this,"icon","");L(this,"groupId","");L(this,"order",-1);L(this,"asDropDownTop",!1);L(this,"text","");L(this,"visible",!0);L(this,"responsed",!1);L(this,"tipsEnable",!1);L(this,"tipsText","");L(this,"width",0);L(this,"onClick",()=>{});L(this,"options");this.options=t;const o=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(t).filter(a=>o.indexOf(a)>-1).forEach(a=>{this[a]=t[a]})}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:e.computed(()=>!0)}setWidth(t){this.width=parseInt(t,10)}getWidth(){return this.visible?this.width:!1}}class nn extends Ke{constructor(t){super(t)}}function on(){function n(t){const o=[];return t.reduce((a,s)=>(s.children&&s.children.length>0?a.push(new he(s)):a.push(new nn(s)),a),o),o}return{buildResponseToolbarItems:n}}const{buildResponseToolbarItems:an}=on();class he extends Ke{constructor(o){super(o);L(this,"placement","");L(this,"dropdownClass","");L(this,"menuClass","");L(this,"split",!1);L(this,"children",[]);L(this,"expanded",!1);const a=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(o).filter(s=>a.indexOf(s)>-1).forEach(s=>{this[s]=o[s]}),o.children&&o.children.length&&(this.children=an(o.children))}}function sn(){function n(o){const a={"f-icon":!0};if(o.icon){const s=o.icon.trim().split(" ");s&&s.length&&s.reduce((l,r)=>(l[r]=!0,l),a)}return a}function t(o){return!!(o.icon&&o.icon.trim())}return{iconClass:n,shouldShowIcon:t}}function rn(n,t){const o=e.inject("design-item-context"),a=e.inject("toolbar-item-handler",()=>{});function s(){a&&a()}function l(g){const p={"dropdown-menu":!0};if(g.class){const u=g.menuClass.split(" ");u&&u.length&&u.reduce((y,V)=>(y[V]=!0,y),p)}return p}function r(g){const p={disabled:!g.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},u=g.dropdownClass.split(" ");return u&&u.length&&u.reduce((y,V)=>(y[V]=!0,y),p),p}function i(g){const p={disabled:!g.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},u=g.class.split(" ");return u&&u.length&&u.reduce((y,V)=>(y[V]=!0,y),p),p}let d;const c=new Map;function m(g,p,u){var V;((V=g.target)==null?void 0:V.id)===p.id&&g.stopPropagation();const y=u?u.id:"__top_item__";if(p.children&&p.children.length&&(p.expanded=!p.expanded,p.expanded?c.set(y,p):c.delete(y)),c.has(y)&&c.get(y)!==p){const D=c.get(y);D&&(D.expanded=!1)}}function f(g){g&&(g.stopPropagation(),g.preventDefault())}function C(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(p=>p.classList.remove("dgComponentFocused"));const g=document.getElementsByClassName("dgComponentSelected");Array.from(g).forEach(p=>p.classList.remove("dgComponentSelected"))}function v(g){g.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function S(g){const{buttons:p=[]}=o.schema;let u=[];p.forEach(D=>{u=u.concat(D.children||[])});const y=u.findIndex(D=>D.id===g),V=y===-1?null:u[y];return{index:y,item:V}}function h(g){const{buttons:p=[]}=o.schema,u=p.findIndex(V=>V.id===g),y=u===-1?null:p[u];return{index:u,item:y}}function x(g){var y;o.schema;const{index:p,item:u}=S(g);(y=o==null?void 0:o.setupContext)==null||y.emit("selectionChange",u==null?void 0:u.type,u)}const b=function(g){const{componentType:p}=g,u=re(p,g),y=p.toLowerCase().replace("-","_");return u&&!u.id&&u.type===p&&(u.id=`${y}_${Math.random().toString().slice(2,6)}`),u},w=function(){const g={componentType:"response-toolbar-item",parentComponentInstance:t.value,targetPosition:-1};return b(g)};function B(g,p){f(g),C(),v(g),x(p.id)}function A(g,p,u){f(g);const y=p.id,V=u&&u.id,{buttons:D=[]}=o.schema;if(!V)return;const{index:M}=h(V);if(M===-1)return;const{index:I}=S(y);I!==-1&&(D[M].children.splice(I,1),s())}function k(g,p,u){f(g);const y=u&&u.id,{buttons:V=[]}=o.schema;if(!y)return;const{index:D}=h(y);if(D===-1)return;const M=w(),I=Object.assign({},M,{text:p.text});V[D].children.push(I),s()}function j(g,p,u){f(g);const y=u&&u.id,{buttons:V=[]}=o.schema;if(!y)return;const{index:D}=h(y);if(D===-1)return;const M=w(),I=Object.assign({},M,{text:"按钮"});V[D].children.push(I),s()}function N(g,p){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:u=>A(u,g,p)},[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:u=>k(u,g,p)},[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:u=>j(u,g,p)},[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 E(g){return g.children.map(p=>p.children&&p.children.length?e.createVNode("li",{class:r(p),id:p.id,onClick:u=>p.enable&&m(u,p,g)},[e.createVNode("span",{id:p.id,class:i(p),onMouseover:u=>p.enable&&m(u,p,g)},[p.text,e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),d(p,p)]):e.createVNode("li",{class:i(p),id:p.id,onClick:u=>B(u,p)},[N(p,g),n.shouldShowIcon(p)&&e.createVNode("i",{class:n.iconClass(p)},null),p.text]))}function $(g,p,u){const y={display:g.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},V=document.getElementsByTagName("body")[0].getClientRects()[0].width,D=p,M=D==null?void 0:D.getClientRects();if(D&&M&&M.length){const{top:I,width:R,left:O,right:H,height:Y}=M[0],ne=Math.ceil(Y+I);y.top=`${ne}px`,y.left=`${O}px`;const se=g.id+"_menu",K=p?p.querySelector("#"+se):null;if(K){y.display==="block"&&(K.style.display="block");const oe=K.getBoundingClientRect();if(u){y.top=`${I-6}px`;const z=Math.ceil(R+O);y.left=`${z}px`}V-O-R<oe.width&&(y.left=`${(u?O:H)-oe.width}px`)}}return y}d=function(g,p){var D,M;const u=e.getCurrentInstance(),y=p?p.id:g.id,V=(M=(D=u==null?void 0:u.exposed)==null?void 0:D.elementRef.value)==null?void 0:M.querySelector("#"+y);return e.createVNode("ul",{class:l(g),style:$(g,V,p),id:g.id+"_menu"},[E(g)])};function T(){c.forEach(g=>{g.expanded=!1}),c.clear()}return{renderDropdownMenu:d,clearAllDropDownMenu:T}}function ln(n,t,o){const a=e.ref(n.alignment),{renderDropdownMenu:s,clearAllDropDownMenu:l}=rn(t,o),r=e.inject("design-item-context"),i=e.inject("toolbar-item-handler",()=>{});function d(){i&&i()}function c(T){const g={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":a.value==="right","f-btn-mr":a.value==="left"},p=T.dropdownClass.split(" ");return p&&p.length&&p.reduce((u,y)=>(u[y]=!0,u),g),g}function m(T){const g={btn:!0,disabled:!T.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(T.icon&&T.icon.trim())};if(T.class){const p=T.class.split(" ");p&&p.length&&p.reduce((u,y)=>(u[y]=!0,u),g)}return g}function f(T){T&&(T.stopPropagation(),T.preventDefault())}function C(T,g){f(T);const p=g.expanded;document.body.click(),g.expanded=!p}const v=function(T){const{componentType:g}=T,p=re(g,T),u=g.toLowerCase().replace("-","_");return p&&!p.id&&p.type===g&&(p.id=`${u}_${Math.random().toString().slice(2,6)}`),p},S=function(){const T={componentType:"response-toolbar-item",parentComponentInstance:o.value,targetPosition:-1};return v(T)};function h(T){const g=r.schema.buttons||r.schema.contents,p=g==null?void 0:g.findIndex(y=>y.id===T),u=p===-1?null:g[p];return{index:p,toolbarItem:u}}function x(T,g){var M;const{index:p,toolbarItem:u}=h(g);if(p===-1)return;const y=u.text||"按钮",V=S(),D=Object.assign({},V,{text:y});(M=r.schema.buttons)==null||M.push(D),d()}function b(T,g){const{index:p,toolbarItem:u}=h(g);if(p===-1)return;const y=u.text||"按钮",V=S(),D=Object.assign({},V,{text:y}),M=r.schema.buttons[p].children||[];M.push(D),r.schema.buttons[p].children=M,d()}function w(T,g){const p=r.schema.buttons||r.schema.contents,u=p==null?void 0:p.findIndex(y=>y.id===g);u!==-1&&(p.splice(u,1),d())}function B(T){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:g=>w(g,T)},[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:g=>x(g,T)},[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:g=>b(g,T)},[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 A(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(g=>g.classList.remove("dgComponentFocused"));const T=document.getElementsByClassName("dgComponentSelected");Array.from(T).forEach(g=>g.classList.remove("dgComponentSelected"))}function k(T){T.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function j(T){var y;const g=r.schema.buttons||r.schema.contents,p=g==null?void 0:g.findIndex(V=>V.id===T);if(p===-1)return;const u=g[p];(y=r==null?void 0:r.setupContext)==null||y.emit("selectionChange","response-toolbar-item",u)}function N(T,g){f(T),A(),k(T),f(T),C(T,g),j(g.id)}function E(T){return e.createVNode("div",{id:T.id,class:c(T)},[e.createVNode("div",{class:m(T),style:"display: flex;padding-right: 0.1rem;",onClick:g=>T.enable&&N(g,T)},[B(T.id),t.shouldShowIcon(T)&&e.createVNode("i",{class:t.iconClass(T)},null),e.createVNode("span",null,[T.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)]),s(T)])}function $(){l()}return{renderToolbarDropdown:E,clearAllDropDown:$}}class Ne{constructor(t,o){L(this,"componentId");L(this,"viewModelId");L(this,"eventsEditorUtils");L(this,"formSchemaUtils");L(this,"formMetadataConverter");L(this,"designViewModelUtils");L(this,"designViewModelField");L(this,"controlCreatorUtils");L(this,"designerHostService");L(this,"schemaService",null);L(this,"metadataService",null);L(this,"propertyConfig",{type:"object",categories:{}});var a;this.componentId=t,this.designerHostService=o,this.eventsEditorUtils=o.eventsEditorUtils,this.formSchemaUtils=o.formSchemaUtils,this.formMetadataConverter=o.formMetadataConverter,this.viewModelId=((a=this.formSchemaUtils)==null?void 0:a.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=o.designViewModelUtils,this.controlCreatorUtils=o.controlCreatorUtils,this.metadataService=o.metadataService,this.schemaService=o.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){const o=t.binding&&t.binding.type==="Form"&&t.binding.field;if(o){if(!this.designViewModelField){const a=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=a.fields.find(s=>s.id===o)}t.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(t,o){}getBasicPropConfig(t){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:t.type,name:G[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(t,o){const a=o&&o.parent&&o.parent.schema;if(!a)return;const s=a.contents.findIndex(r=>r.id===t),l=Z.cloneDeep(a.contents[s]);a.contents.splice(s,1),a.contents.splice(s,0,l)}}class cn extends Ne{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getBehaviorProperties(t),this.propertyConfig}getBasicPropConfig(t){this.propertyConfig.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",textField:"value",valueField:"key",data:[{key:"response-toolbar",value:G["response-toolbar"].name}]}}}}}getBehaviorProperties(t){this.propertyConfig.categories.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",refreshPanelAfterChanged:!0}}}}}function dn(n,t){const o=n.schema;function a(m){return!1}function s(m,f){return f.text=m.label,f}function l(){return!1}function r(){return!1}function i(){return!0}function d(){return!0}function c(m){return new cn(m,t).getPropertyConfig(o)}return{canAccepts:a,checkCanAddComponent:i,checkCanDeleteComponent:r,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:d,onResolveNewComponentSchema:s,getPropsConfig:c}}const un={id:{type:String,default:""},componentId:{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}};function pn(n,t,o){var A;function a(){}const s="",l=e.ref();function r(){return!0}function i(){return!1}function d(){return!0}function c(){return!0}function m(){return!0}function f(k){if(!k||!k.value)return null;const j=e.ref(k==null?void 0:k.value.parent),N=f(j);return N||null}function C(k=t){const{componentInstance:j,designerItemElementRef:N}=k;return!j||!j.value?null:j.value.canMove||j.value.canAdd||j.value.canDelete?N:C(k.parent)}function v(k){return!!o}function S(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function h(){}function x(k,j){}function b(k){const{componentType:j}=k;let N=re(j,k);const E=j.toLowerCase().replace("-","_");return N&&!N.id&&N.type===j&&(N.id=`${E}_${Math.random().toString().slice(2,6)}`),N}function w(k){}function B(...k){return[]}return l.value={canMove:r(),canSelectParent:i(),canAdd:c(),canDelete:d(),canNested:!m(),contents:[],elementRef:n,parent:(A=t.parent)==null?void 0:A.componentInstance,schema:t.schema,styles:s,canAccepts:v,getBelongedComponentInstance:f,getDraggableDesignItemElement:C,getDraggingDisplayText:S,getPropConfig:B,getDragScopeElement:h,onAcceptMovedChildElement:x,onChildElementMovedOut:w,addNewChildComponentSchema:b,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},l}const et=e.defineComponent({name:"FDesignerInnerItem",props:un,emits:["selectionChange","addComponent","removeComponent"],setup(n,t){const o=e.ref(n.canMove),a=e.ref(n.canAdd),s=e.ref(n.canDelete),l=e.ref(!1),r=e.ref(n.contentKey),i=e.ref(n.childType),d=e.ref(n.childLabel),c=e.ref(n.modelValue),m=e.ref(""),f=e.ref(),C=e.inject("canvas-dragula"),v=e.ref(),S=e.inject("design-item-context"),h={designerItemElementRef:f,componentInstance:v,schema:c.value,parent:S,setupContext:t};e.provide("design-item-context",h);const x=e.computed(()=>({"farris-component":!0,"flex-fill":n.id=="root-component","position-relative":o.value||s.value,"farris-nested":l.value,"can-move":o.value,"d-none":f.value&&f.value.classList.contains("d-none")})),b=e.computed(()=>{const p={};return m.value&&m.value.split(";").reduce((u,y)=>{const[V,D]=y.split(":");return V&&(u[V]=D),u},p),p});function w(p,u){if(S&&S.schema[r.value]){const y=S.schema[r.value].findIndex(V=>V.id===u.id);if(y>-1){const V=S.schema[r.value].length,D=S.schema[r.value][y%V];S.designerItemElementRef.value.querySelector(`#${D.id}-design-item`),S.schema[r.value].splice(y,1),S.componentInstance.value.updateDragAndDropRules(),me.value++,t.emit("removeComponent")}}}function B(p){if(v.value.addNewChildComponentSchema){const u={componentType:i.value,label:d.value,parentComponentInstance:v.value,targetPosition:-1},y=v.value.addNewChildComponentSchema(u);c.value[r.value].push(y),t.emit("addComponent")}}function A(){return a.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:p=>{B()}},[e.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function k(p){return s.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:e.withModifiers(u=>w(u,p),["stop"])},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function j(){return o.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[e.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function N(p){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[A(),j(),k(p)])])}e.watch(()=>n.modelValue,p=>{c.value=p,h.schema=p});function E(p){const u=p.target;Gt(u)}function $(){var p,u;(u=(p=c.value)==null?void 0:p.contents)!=null&&u.length&&f.value&&f.value.addEventListener("scroll",E)}function T(){const p=f.value,u=e.ref(p.children[1]);return pn(u,h).value}e.onMounted(()=>{if(f.value){const p=f.value.querySelector(`[data-dragref='${c.value.id}-container']`);v.value=p&&p.componentInstance?p.componentInstance.value:T(),C&&p&&C.attachComponents(p,c.value),l.value=v.value.canNested!==void 0?v.value.canNested:l.value,a.value=v.value.canAdd!==void 0?v.value.canAdd:a.value,s.value=v.value.canDelete!==void 0?v.value.canDelete:s.value,o.value=v.value.canMove!==void 0?v.value.canMove:o.value,m.value=v.value.styles||"",f.value&&(f.value.componentInstance=v,f.value.designItemContext=h)}$(),me.value++}),e.onBeforeUnmount(()=>{f.value&&f.value.removeEventListener("scroll",E)});function g(p){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(y=>y.classList.remove("dgComponentFocused")),p&&(p.preventDefault(),p.stopPropagation());const u=f.value;if(u){const y=document.getElementsByClassName("dgComponentSelected");if(!(y&&y.length===1&&y[0]===f.value)){Array.from(y).forEach(M=>M.classList.remove("dgComponentSelected")),u.classList.add("dgComponentFocused"),t.emit("selectionChange",c.value.type,c.value,n.componentId,v.value);const D=v.value.getDraggableDesignItemElement(h);D&&D.value&&D.value.classList.add("dgComponentSelected")}}me.value++}return()=>e.createVNode("div",{id:`${n.id}-design-item`,ref:f,class:x.value,style:b.value,onClick:g},[N(c.value),t.slots.default&&t.slots.default()])}});class fn extends Ne{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearanceProperties(t),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(t){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识00",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0,$converter:"/converter/type.converter"},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(t){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}},setPropertyRelates(o,a){}}}getEventPropConfig(t){const o=[{label:"onClick",name:"点击事件"}];var a=this;const s=a.eventsEditorUtils.formProperties(t,a.viewModelId,o),l={};l[a.viewModelId]={type:"events-editor",editor:{initialData:s}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:l,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(r,i){const d=r.propertyValue;delete t[a.viewModelId],d&&(d.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(t,a.viewModelId,d.events,d))}}}}class mn extends Ne{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(),this.getAppearanceProperties(t),this.getbBehaviorConfig(),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(){this.propertyConfig.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",textField:"value",valueField:"key",data:[{key:"response-toolbar-item",value:G["response-toolbar-item"].name}]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}getbBehaviorConfig(){this.propertyConfig.categories.behavior={title:"行为",description:"Behavior",properties:{disabled:{title:"禁用状态",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0}}}}getAppearanceProperties(t){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:"",$converter:"/converter/appearance.converter"}}}}getEventPropConfig(t){const o=[{label:"onClick",name:"点击事件"}],a=this,s=a.eventsEditorUtils.formProperties(t,a.viewModelId,o),l={};l[a.viewModelId]={type:"events-editor",editor:{initialData:s}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:l,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(r,i){const d=r.propertyValue;delete t[a.viewModelId],d&&(d.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(t,a.viewModelId,d.events,d))}}}}function hn(n,t){function o(i){return!1}function a(){return!1}function s(){return!0}function l(){return!1}function r(i){let d;switch(n.schema.type){case"tab-toolbar-item":d=new fn(i,t);break;default:d=new mn(i,t)}return d.getPropertyConfig(n.schema)}return{canAccepts:o,checkCanMoveComponent:a,checkCanDeleteComponent:s,checkCanAddComponent:l,getPropsConfig:r}}const gn=e.defineComponent({name:"FResponseToolbarItemDesign",props:Qe,emits:["Click"],setup(n,t){e.ref(),e.ref();const o=e.ref(n.alignment),a={id:"__more_buttons__",text:"More"},s=e.ref(new he(a));e.computed(()=>s.value.children.length>0);const l=e.ref(),r=e.inject("designer-host-service"),i=e.inject("design-item-context"),d=hn(i,r),c=Pe.useDesignerInnerComponent(l,i,d);e.inject("toolbar-item-handler",()=>{}),e.onMounted(()=>{l.value.componentInstance=c}),t.expose(c.value);function m(){const v={"f-icon":!0},S=n.icon?n.icon.trim():"";return ye.getCustomClass(v,S)}function f(){return!!(n.icon&&n.icon.trim())}function C(){const v={btn:!0,"f-rt-btn":!0,"f-btn-ml":o.value==="right","f-btn-mr":o.value==="left","btn-icontext":!!(n.icon&&n.icon.trim()),disabled:n.disabled===!0};return ye.getCustomClass(v,n.class)}return()=>e.createVNode("div",{ref:l,"data-dragref":`${i.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[e.createVNode("button",{type:"button",class:C(),id:n.id},[f()&&e.createVNode("i",{class:m()},null),n.text])])}}),bn=e.defineComponent({name:"FResponseToolbarDesign",props:tn,emits:["Click"],setup(n,t){const o=e.ref(n.items);let a=new Array(o.value.length).fill(e.ref());const s=e.ref(),l=e.ref(),r=e.ref(n.alignment),i={id:"__more_buttons__",text:"More"},d=e.ref(new he(i)),c=sn();e.computed(()=>d.value.children.length>0);const m=e.ref(),f=e.inject("designer-host-service"),C=e.inject("design-item-context"),v=dn(C,f),S=Pe.useDesignerInnerComponent(m,C,v);e.inject("toolbar-item-handler",()=>{}),e.onMounted(()=>{m.value.componentInstance=S}),t.expose(S.value);const h=e.computed(()=>{const T={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return ye.getCustomClass(T,n.customClass)}),x=e.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":r.value==="right","justify-content-start":r.value==="left"})),{renderToolbarDropdown:b,clearAllDropDown:w}=ln(n,c,S);function B(){o.value.filter(T=>T.children&&T.children.length>0).forEach(T=>{T.expanded=!1}),d.value.expanded=!1,w()}const A=new Map,k=[];function j(T){const g=l.value;let p=T;const u=Array.from(g.children),y=u[u.length-1].id==="__more_buttons__"?u[u.length-1]:null;if(y){const R=y.computedStyleMap().get("margin-left"),O=y.computedStyleMap().get("margin-right"),H=(R?R.value:0)+y.getBoundingClientRect().width+(O?O.value:0);p-=H}const V=u.filter(R=>R.id!=="__more_buttons__");for(const R of V){const O=R.computedStyleMap().get("margin-left"),H=R.computedStyleMap().get("margin-right"),Y=(O?O.value:0)+R.getBoundingClientRect().width+(H?H.value:0);p<Y?(A.set(R.id,!0),k.push({id:R.id,width:Y})):p-=Y}if(k.length)for(let R=k.length-1;R>=0;R--){const O=k[R].width;if(p>=O)p-=O,A.delete(k[R].id),k.pop();else break}const D=Object.assign({},d.value);D.children=[];const M=new he(D),I=o.value.reduce((R,O)=>(A.has(O.id)&&M.children.push(O),O.visible=!A.has(O.id),R.push(O),R),[]);d.value=M,o.value=I}const N=new ResizeObserver(T=>{if(T.length){const p=T[0].contentRect.width,y=l.value.getBoundingClientRect().width;(p<y||k.length)&&j(p)}});e.onMounted(()=>{const T=s.value;N.observe(T),document.body.addEventListener("click",B)}),e.onUnmounted(()=>{N.disconnect(),document.body.removeEventListener("click",B)}),e.watch(()=>n.items,()=>{o.value=n.items},{deep:!0}),e.watch(o,T=>{a=new Array(o.value.length).fill(e.ref())});function E(T,g,p,u){C&&C.setupContext&&C.setupContext.emit("selectionChange",T,g,p,u)}function $(){const T=l.value.querySelector(".dgComponentFocused.dgComponentSelected");T==null||T.classList.remove("dgComponentSelected"),T==null||T.classList.remove("dgComponentFocused")}return()=>e.createVNode("div",{ref:m,"data-dragref":`${C.schema.id}-container`,class:h.value},[e.createVNode("div",{ref:s,class:x.value},[e.createVNode("div",{ref:l,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[o.value.map((T,g)=>e.createVNode(et,{ref:a[g],class:"p-0 display-inline-block",modelValue:T,"onUpdate:modelValue":p=>T=p,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:n.componentId,id:T.id,style:"padding:0 !important;display:inline-block",onSelectionChange:E,onRemoveComponent:$},{default:()=>{var p;return[e.createVNode(gn,{id:T.id,disabled:T.disabled,text:T.text,icon:T.icon,class:((p=T.appearance)==null?void 0:p.class)||"btn-secondary",alignment:n.alignment||"right",componentId:n.componentId},null)]}}))])])])}});function yn(n,t,o,a,s){const{toolbarItems:l,toolbarSchema:r}=n;function i(d,c,m,f){var C;(C=a.setupContext)==null||C.emit("selectionChange",d,c,m,f)}return e.createVNode("div",{class:"farris-tabs-toolbar"},[e.createVNode("div",{class:"farris-tabs-inline-flex"},[e.createVNode(et,{modelValue:r.value,"onUpdate:modelValue":d=>r.value=d,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:r.value.id,onSelectionChange:i,componentId:s},{default:()=>[e.createVNode(bn,{items:l.value,componentId:s},null)]})])])}const vn=e.defineComponent({name:"FTabsDesign",props:Te,emits:["tabChange","tabRemove"],setup(n,t){const o=e.ref(),a=e.inject("designer-host-service"),s=e.inject("design-item-context"),l=Xt(s,a),r=Xe(o,s,l),i=e.ref(n.tabType),d=e.shallowRef(),c=e.shallowRef(),m=Jt(n,t,d,s),{activeId:f,changeTitleStyle:C,tabPages:v,addTab:S,updateTab:h,selectTabByTabId:x,toolbarItems:b}=m,w=qe(n,c,m),B=He(n,d,w,m),{previousButtonClass:A,nextButtonClass:k,nextButtonGroupClass:j,scrollTab:N,updateNavigationLayout:E}=B,$=ze(n,m),{hideDropDown:T}=$,g=Wt(n,d,B,w,m,r,l),p=g,u=Le(n,d,B,w,m),y=new Map([["default",g],["one-page",p],["pills",u]]);e.computed(()=>{const q=v.value.find(X=>X.props.id===f.value);return q==null?void 0:q.slots});const V=e.computed(()=>{const q=v.value.find(ee=>ee.props.id===f.value);return(q==null?void 0:q.props.toolbarPosition)==="inHead"});e.provide("tabs",{activeId:f,addTab:S,updateTab:h,tabPages:v,tabType:i});function D(){const q=r.value.schema.contents||[];return q.length<1?null:q.find(ee=>ee.id===f.value)}function M(){var X;const q=D();b.value=[...(X=q==null?void 0:q.toolbar)==null?void 0:X.contents]}e.provide("toolbar-item-handler",M);const I=e.computed(()=>n.fill||n.tabType==="fill"),R=e.computed(()=>n.tabType==="pills"),O=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":V.value,"farris-tabs-inContent":!V.value,"farris-tabs-nav-fill":I.value,"farris-tabs-nav-pills":R.value})),H=e.computed(()=>({width:V.value&&n.titleWidth?`${n.titleWidth}%`:""})),Y=e.computed(()=>({"farris-tabs":!0,"flex-column":n.position==="top","flex-column-reverse":n.position==="bottom","flex-row":n.position==="left","flex-row-reverse":n.position==="right","one-page":n.tabType==="one-page"}));e.onMounted(()=>{v.value.length&&(f.value=n.activeId||v.value[0].props.id,x(f.value)),e.nextTick(()=>{E()}),C(d),window.addEventListener("click",q=>{var X;T.value||(X=o.value)!=null&&X.contains(q.target)||(T.value=!0)}),window.addEventListener("resize",()=>{E()}),o.value.componentInstance=r});function ne(){return e.createVNode("button",{title:"left-arrow-button",type:"button",class:A.value,onClick:()=>{N(0,-1)}},null)}function se(){return e.createVNode("button",{title:"right-arrow-button",type:"button",class:k.value,onClick:()=>{N(0,1)}},null)}const{renderMorePagesButtton:K}=Fe(n,$,B,m);function oe(){return!!b.value.length&&yn(m,r,l,s,n.componentId)}const z=y.get(n.tabType)||y.get("default");function _(){var q,X,ee,ge;return e.createVNode("div",{class:O.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(X=(q=t.slots).headerPrefix)==null?void 0:X.call(q)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:H.value},[ne(),z&&z(),e.createVNode("div",{class:j.value},[se(),K()])]),oe(),e.createVNode("div",{class:"farris-tabs-header-post"},[(ge=(ee=t.slots).headerSuffix)==null?void 0:ge.call(ee)])])}function J(){var q,X;return e.createVNode("div",{class:"farris-tabs-content",ref:c},[(X=(q=t.slots).default)==null?void 0:X.call(q)])}return t.expose(r.value),()=>e.createVNode("div",{class:Y.value,ref:o},[_(),J()])}});function Cn(n,t,o){return t?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function wn(n,t){return t&&t.contents&&t.contents.length&&t.contents.forEach(o=>{o.title&&(o.text=o.title)}),{buttons:t.contents,buttonPosition:t.position}}const Tn=new Map([["appearance",ce],["expanded","expandStatus"],["enableAccordion",Cn],["toolbar",wn]]);function xn(n,t,o,a){const s=Math.random().toString().slice(2,6),l=o.parentComponentInstance;Object.assign(t,{id:`section-${s}`,appearance:{class:"f-section-in-mainsubcard"},enableAccordion:!1,mainTitle:t.mainTitle||"标题"});const r=n.getSchemaByType("content-container");Object.assign(r,{id:`container-${s}`,appearance:{class:"f-struct-wrapper"},contents:[t]});const i=l.schema;switch(i&&i.type){case G["splitter-pane"].type:{t.appearance.class="f-section-in-main";break}}return r}function Sn(n,t,o,a){return o.parentComponentInstance?xn(n,t,o):t}const Mn={$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={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}};le(tt,Mn,Tn,Sn);function Nn(n,t,o){let a;function s(){!n||!t.value||(o.value=!o.value,o.value?l():r())}function l(){a=n.value.nextElementSibling;const d=document&&document.querySelector("body");d&&(d.appendChild(n.value),n.value.style.zIndex=i())}function r(){a?t.value.insertBefore(n.value,a):t.value.appendChild(n.value),n.value.style.zIndex=null}function i(d=1){const c=["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"],m=Array.from(document.body.querySelectorAll(c.join(","))).filter(C=>C).map(C=>{const{display:v,zIndex:S}=window.getComputedStyle(C);return v==="none"?0:parseInt(S,10)}).filter(C=>C);let f=Math.max(...m);return f<1040&&(f=1040),f+d}return{onClickMaxMinIcon:s}}function nt(n,t){const o=e.ref(n.buttons),a=e.computed(()=>n.buttonPosition==="inHead"?"right":"left"),s=e.computed(()=>"f-section-toolbar"+(n.buttonPosition==="inHead"?" f-section-header--toolbar":" f-section-content--toolbar")),l=e.computed(()=>{n.buttons&&n.buttons.length>0&&n.buttonPosition});function r(i){t.emit("Click",i)}return()=>l&&e.createVNode(Ie,{customClass:s.value,items:o.value,onClick:r,alignment:a.value},null)}function Vn(n,t,o,a,s,l){e.ref(n.subTitle);const r=e.computed(()=>n.buttonPosition),i=nt(n,t),{onClickMaxMinIcon:d}=Nn(a,s,l),c=e.computed(()=>!!n.subTitle),m=e.computed(()=>n.enableMaximize),f=e.computed(()=>n.enableAccordion!=""),C=e.computed(()=>{const B={"f-section-header":!0};return t.slots.header&&n.headerClass.split(" ").reduce((k,j)=>(k[j]=!0,k),B),B});function v(B){B.stopPropagation(),n.enableAccordion!==""&&(o.value=!o.value)}function S(){const B=e.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),A=e.computed(()=>({"f-icon":!0,"f-icon-maximize":!l.value,"f-icon-minimize":l.value}));return e.createVNode("div",{class:"f-max-accordion"},[m.value?e.createVNode("span",{class:A.value,onClick:d},null):"",f.value?e.createVNode("button",{class:B.value,onClick:v},[e.createVNode("span",null,[o.value?n.collapseLabel:n.expandLabel])]):""])}function h(){return t.slots.header?e.createVNode("div",{class:C.value},[t.slots.header()]):""}function x(){return e.createVNode("div",{class:"f-title",onClick:v},[e.createVNode("h4",{class:"f-title-text"},[n.mainTitle]),c.value&&e.createVNode("span",null,[n.subTitle])])}function b(){const B=e.computed(()=>{const A={"f-content":!0};return n.headerContentClass&&n.headerContentClass.split(" ").reduce((j,N)=>(j[N]=!0,j),A),A});return t.slots.headerContent?e.createVNode("div",{class:B.value},[t.slots.headerContent()]):""}function w(){return e.createVNode("div",{class:C.value},[t.slots.headerTitle?t.slots.headerTitle():x(),b(),r.value==="inHead"&&i(),(m.value||f.value)&&S()])}return()=>n.showHeader&&(t.slots.header?h():w())}const Bn=["moz","ms","webkit"];function kn(){let n=0;return t=>{const o=new Date().getTime(),a=Math.max(0,16-(o-n)),s=setTimeout(()=>{t(o+a)},a);return n=o+a,s}}function In(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const n=Bn.filter(t=>`${t}RequestAnimationFrame`in window)[0];return n?window[`${n}RequestAnimationFrame`]:kn()}In();function Ve(n,t){return((t==null?void 0:t.split(" "))||[]).reduce((a,s)=>(s&&(a[s]=!0),a),n),n}const Pn=e.defineComponent({name:"FSection",props:tt,emits:[],setup(n,t){const o=e.ref();let a=e.ref();const s=e.ref(n.customClass),l=e.computed(()=>n.enableAccordion),r=e.ref(n.expandStatus),i=e.computed(()=>n.buttonPosition),d=e.ref(!1),c=Vn(n,t,r,o,a,d),m=nt(n,t),f=e.computed(()=>{const x={"f-section":!0,"f-section-accordion":l.value==="default","f-state-collapse":(l.value==="default"||l.value==="custom")&&!r.value,"f-section-custom-accordion":l.value==="custom","f-section-fill":n.fill,"f-section-maximize":d.value};return Ve(x,s.value)}),C=e.computed(()=>Ve({"f-section-content":!0},n.contentClass)),v=e.computed(()=>Ve({"f-section-extend":!0},v.value));function S(){return t.slots.extend&&e.createVNode("div",{class:v.value},[t.slots.extend()])}function h(){return e.createVNode("div",{class:C.value},[i.value==="inContent"&&m(),t.slots.default&&t.slots.default()])}return e.watch(()=>n.expandStatus,(x,b)=>{x!==b&&(r.value=x)}),e.onMounted(()=>{o&&o.value&&(a.value=o.value.parentElement)}),()=>e.createVNode("div",{class:f.value,ref:o},[c(),S(),h()])}});function Dn(){function n(t,o){var r;if(!t)return!1;const a=((r=t.targetContainer)==null?void 0:r.componentInstance)&&t.targetContainer.componentInstance.value;if(!a)return!1;const s=a.schema.type,l=o==null?void 0:o.formSchemaUtils.getComponentById(a.belongedComponentId);return!((t.controlCategory==="input"||t.controlType==="form-group")&&![G["response-layout-item"].type,G["response-form"].type].includes(s)||(t.controlType===G.tabs.type||t.controlType===G.section.type)&&((l==null?void 0:l.componentType)!=="frame"||![G["content-container"].type,G["splitter-pane"].type,G["response-layout-item"].type].includes(s)))}return{basalDragulaRuleForContainer:n}}function En(n,t){const o=new Ye,{canAccept:a}=o.getTemplateRule(n,t);function s(l){if(!Dn().basalDragulaRuleForContainer(l,t))return!1;const i=n.schema;return i.contents&&i.contents.length>0?!1:a}return{canAccepts:s}}function jn(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const $n=e.defineComponent({name:"FTabPageDesign",props:ue,emits:[],setup(n,t){const o=e.ref(),a=e.inject("design-item-context"),s=e.inject("designer-host-service"),l=En(a,s),r=Xe(o,a,l);r.value.canNested=!1,r.value.canDelete=!1,r.value.canMove=!1,t.expose(r.value);const i=e.inject("tabs"),d=e.ref(!0),c={slots:t.slots,props:n},m=e.ref((i==null?void 0:i.tabType.value)||"default");e.onMounted(()=>{o.value.componentInstance=r;const w=i.tabPages.value.findIndex(B=>B.props.id===n.id);!w||w===-1?i==null||i.addTab(c):w>-1&&(d.value=!1,console.warn(`已经存在id为${n.id}的页签啦`))}),e.onUnmounted(()=>{});const f=e.computed(()=>(n==null?void 0:n.id)===(i==null?void 0:i.activeId.value)),C=e.computed(()=>({display:f.value?"":"none"}));e.watch(()=>n,w=>{i==null||i.updateTab({props:w,slots:t.slots})},{immediate:!0,deep:!0});function v(){var B,A;const w=(A=(B=t.slots).default)==null?void 0:A.call(B);return e.createVNode(Pn,{"main-title":n.title,class:"farris-tab-page"},jn(w)?w:{default:()=>[w]})}const S=e.computed(()=>({"farris-tab-page":!0,"drag-container":!0}));function h(){var B,A;const w=(A=(B=t.slots).default)==null?void 0:A.call(B);return e.createVNode("div",{ref:o,class:S.value,"data-dragref":`${a.schema.id}-container`,style:C.value},[w])}const b=new Map([["default",h],["one-page",v]]).get(m.value)||h;return()=>d.value?b():null}}),Rn=le({text:{type:String,default:""},icon:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tab-toolbar-item.schema.json",title:"tab-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:"tab-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"文本",type:"string",default:""},icon:{description:"图标",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},we,ft);te.install=n=>{n.component(te.name,te),n.component(pe.name,pe)},te.register=(n,t,o,a)=>{n.tabs=te,n["tab-page"]=pe,t.tabs=Re,t["tab-page"]=xe,a.tabs={eventHandlerResolver:Ae}},te.registerDesigner=(n,t,o)=>{n.tabs=vn,n["tab-page"]=$n,t.tabs=Oe,t["tab-page"]=xe,t["tab-toolbar-item"]=Rn},F.FTabPage=pe,F.FTabs=te,F.default=te,F.eventHandlerResolver=Ae,F.tabPageProps=ue,F.tabPagePropsResolver=xe,F.tabsDesignProps=Te,F.tabsDesignPropsResolver=Oe,F.tabsProps=de,F.tabsPropsResolver=Re,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(z,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../capsule/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../section/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../capsule/index.umd.js","../response-toolbar/index.umd.js","../dynamic-resolver/index.umd.js","../section/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js","bignumber.js"],e):(z=typeof globalThis<"u"?globalThis:z||self,e(z.tabs={},z.Vue,z.LodashES,z.FCapsule,z.FResponseToolbar,z.dynamicResolver,z.FSection$1,z.designerCanvas,z.common))})(this,function(z,e,ee,tt,ke,nt,ot,Pe,Ce){"use strict";var zn=Object.defineProperty;var qn=(z,e,ee)=>e in z?zn(z,e,{enumerable:!0,configurable:!0,writable:!0,value:ee}):z[e]=ee;var L=(z,e,ee)=>qn(z,typeof e!="symbol"?e+"":e,ee);const Ie={},Ee={};function we(n){const{properties:t,title:o,ignore:a}=n,s=a&&Array.isArray(a),l=Object.keys(t).reduce((r,c)=>((!s||!a.find(d=>d===c))&&(r[c]=t[c].type==="object"&&t[c].properties?we(t[c]):ee.cloneDeep(t[c].default)),r),{});if(o&&(!s||!a.find(r=>r==="id"))){const r=o.toLowerCase().replace(/-/g,"_");l.id=`${r}_${Math.random().toString().slice(2,6)}`}return l}function se(n,t={},o){const a=Ie[n];if(a){let s=we(a);const l=Ee[n];return s=l?l({getSchemaByType:se},s,t,o):s,s}return null}function at(n,t){const o=we(t);return Object.keys(o).reduce((a,s)=>(a[s]&&ee.isPlainObject(a[s])&&ee.isPlainObject(n[s]||!n[s])?Object.assign(a[s],n[s]||{}):a[s]=n[s],a),o),o}function st(n,t){return Object.keys(n).filter(a=>n[a]!=null).reduce((a,s)=>{if(t.has(s)){const l=t.get(s);if(typeof l=="string")a[l]=n[s];else{const r=l(s,n[s],n);Object.assign(a,r)}}else a[s]=n[s];return a},{})}function rt(n,t,o=new Map){const a=at(n,t);return st(a,o)}function lt(n={}){function t(u,p,m,C){if(typeof m=="number")return C[u].length===m;if(typeof m=="object"){const v=Object.keys(m)[0],T=m[v];if(v==="not")return Number(C[u].length)!==Number(T);if(v==="moreThan")return Number(C[u].length)>=Number(T);if(v==="lessThan")return Number(C[u].length)<=Number(T)}return!1}function o(u,p,m,C){return C[u]&&C[u].propertyValue&&String(C[u].propertyValue.value)===String(m)}const a=new Map([["length",t],["getProperty",o]]);Object.keys(n).reduce((u,p)=>(u.set(p,n[p]),u),a);function s(u,p){const m=u;return typeof p=="number"?[{target:m,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:m,operator:"getProperty",param:u,value:!!p}]:typeof p=="object"?Object.keys(p).map(C=>{if(C==="length")return{target:m,operator:"length",param:null,value:p[C]};const v=C,T=p[C];return{target:m,operator:"getProperty",param:v,value:T}}):[]}function l(u){return Object.keys(u).reduce((m,C)=>{const v=s(C,u[C]);return m.push(...v),m},[])}function r(u,p){if(a.has(u.operator)){const m=a.get(u.operator);return m&&m(u.target,u.param,u.value,p)||!1}return!1}function c(u,p){return l(u).reduce((v,T)=>v&&r(T,p),!0)}function d(u,p){const m=Object.keys(u),C=m.includes("allOf"),v=m.includes("anyOf"),T=C||v,b=(T?u[T?C?"allOf":"anyOf":"allOf"]:[u]).map(E=>c(E,p));return C?!b.includes(!1):b.includes(!0)}return{parseValueSchema:d}}const Q={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},it={},ct={};lt();function ie(n,t,o=new Map,a=(r,c,d,u)=>c,s={},l=r=>r){return Ie[t.title]=t,Ee[t.title]=a,it[t.title]=s,ct[t.title]=l,(r={})=>{const c=rt(r,t,o),d=Object.keys(n).reduce((u,p)=>(u[p]=n[p].default,u),{});return Object.assign(d,c)}}function pe(n,t){return{customClass:t.class,customStyle:t.style}}function dt(){function n(t,o){const a=t.contents;if(!a||a.length<1)return null;const s=a.reduce((d,u)=>{const p=u.toolbar&&u.toolbar.buttons||[];return d.push(...p),d},[]);if(!s||s.length<1)return;const[l,r]=o.payloads,c=s.find(d=>d.id===r);return c?c.onClick||c.click:null}return{resolve:n}}const Te=new Map([["appearance",pe]]);function ut(n,t){const o=Math.random().toString().slice(2,6),a=t.parentComponentInstance,s=n.getSchemaByType("tab-page");s.id=`tab-page-${o}`;const l=n.getSchemaByType("tabs");Object.assign(l,{id:`tabs-${o}`,appearance:{class:"f-component-tabs f-tabs-has-grid"},contents:[s],activeId:s.id});const r=n.getSchemaByType("section");Object.assign(r,{id:`section-${o}`,appearance:{class:"f-section-tabs f-section-in-mainsubcard"},fill:!1,showHeader:!1,contents:[l]});const c=n.getSchemaByType("content-container");Object.assign(c,{id:`container-${o}`,appearance:{class:"f-struct-wrapper"},contents:[r]});const d=a.schema;switch(d&&d.type){case Q["splitter-pane"].type:{r.appearance.class="f-section-tabs f-section-in-main",l.appearance.class="f-component-tabs";break}}return c}function je(n,t,o){if(o.parentComponentInstance)return ut(n,o);{const s=n.getSchemaByType("tab-page");return t.contents=[s],t}}function pt(n,t,o){return t}const De={$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:[]},autoTitleWidth:{description:"",type:"boolean",default:!1},titleWidth:{description:"",type:"number",default:0},titleLength:{description:"",type:"number",default:7},fill:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},fe={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"}},Re=ie(fe,De,Te,je),xe=Object.assign({},fe,{componentId:{type:String,default:""}}),$e=ie(xe,De,Te,je),Oe=dt();function ft(n,t,o){const a=e.ref([]),s=e.ref(n.activeId||""),l=e.ref(!0),r=e.ref([]);e.watch(()=>n.activeId,(h,x)=>{h!==x&&(s.value=h)});function c(h){const x=h.value.findIndex(b=>b.props.show!==!1&&!s.value&&!b.props.disabled);!s.value&&x!==-1&&(s.value=h.value[x].props.id)}function d(h){var b;if(n.autoTitleWidth)return;const x=(b=h.value)==null?void 0:b.querySelectorAll(".st-tab-text");if(x)for(let w=0;w<x.length;w++){const E=x[w].parentNode;x[w].scrollWidth>E.offsetWidth?x[w].classList.contains("farris-title-text-custom")||x[w].classList.add("farris-title-text-custom"):x[w].classList.remove("farris-title-text-custom")}}const u=h=>{h.preventDefault(),h.stopPropagation()};function p(h,x,b=!1){const w=a.value.findIndex(E=>E.props.id===x);a.value=a.value.filter(E=>E.props.id!==x),s.value===x&&(s.value="",c(a)),u(h),e.nextTick(()=>{d(o),b&&(l.value=!0),t.emit("tabRemove",{removeIndex:w,removeId:x,activeId:s.value})})}function m(h){const x=s.value;s.value=h;const b=a.value.find(w=>w.props.id===h);r.value=[],b&&b.props.toolbar&&b.props.toolbar.buttons&&b.props.toolbar.buttons.length&&(r.value=[...b.props.toolbar.buttons]),t.emit("update:activeId",h),t.emit("tabChange",{prevId:x,nextId:s.value})}function C(h){m(h)}function v(h){a.value.findIndex(b=>b.props.id===h.props.id)===-1&&a.value.push(h)}function T(h){a.value.findIndex(b=>b.props.id===h.props.id)!==-1&&(a.value.forEach(b=>{b.props.id===h.props.id&&(b=h)}),e.nextTick(()=>{d(o)}))}return{activeId:s,addTab:v,changeTitleStyle:d,removeTab:p,selectTab:C,selectTabByTabId:m,tabPages:a,updateTab:T,toolbarItems:r}}function mt(n,t,o,a,s){const{activeId:l,removeTab:r,selectTab:c}=s,d=e.computed(()=>({"st-tab-text":!0,"text-truncate":!0,"farris-title-auto":n.autoTitleWidth})),u=e.computed(()=>({"nav-item":!0,"d-none":t.show!==void 0?!t.show:!1,"f-state-active":t.id===l.value,"f-state-disable":t.disabled})),p=e.computed(()=>({width:`${t.tabWidth}px`})),m=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:t.id===l.value,disabled:t.disabled}));function C(w){return e.createVNode("span",{class:d.value,title:w.title},[w.title])}function v(w){return w.slots.title?w.slots.title:C}const T=v(o),h=e.ref(t.removeable);function x(){return e.createVNode("span",{class:"st-drop-close",onClick:w=>r(w,t.id),style:{opacity:.6}},[e.createVNode("i",{class:"f-icon f-icon-close"},null)])}function b(w){c(t.id),n.tabType==="one-page"&&a.scrollToByPaggId(t.id)}return e.createVNode("li",{class:u.value,style:p.value},[e.createVNode("a",{class:m.value,onClick:b},[T(t),h.value&&x()])])}function ht(n,t,o,a,s){const{shouldShowNavigationButtons:l}=o,{tabPages:r}=s,c=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":l.value})),d=e.computed(()=>({width:"100%","justify-content":n.justifyContent})),u=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":n.fill||n.tabType==="fill","nav-pills":n.tabType==="pills","flex-row":n.position==="top"||n.position==="bottom","flex-column":n.position==="left"||n.position==="right"}));return()=>e.createVNode("div",{class:c.value,style:d.value},[e.createVNode("ul",{class:u.value,ref:t},[r.value.map(p=>mt(n,p.props,p,a,s))])])}function Ae(n,t,o,a,s){const l=e.ref(),{shouldShowNavigationButtons:r}=o,{activeId:c,tabPages:d,selectTab:u}=s,p=e.ref(c.value),m=e.computed(()=>d.value.map(h=>({name:h.props.title,value:h.props.id,show:h.props.show,disabled:h.props.disabled}))),C=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":r.value})),v=e.computed(()=>({width:"100%",display:"flex","justify-content":n.justifyContent}));e.onMounted(()=>{l.value&&(t.value=l.value.$el)});function T(h){u(h)}return e.watch(()=>c.value,h=>{h!==p.value&&(p.value=h)},{immediate:!0}),()=>e.createVNode("div",{class:C.value,style:v.value},[e.createVNode(tt,{items:m.value,modelValue:p.value,"onUpdate:modelValue":h=>p.value=h,onChange:T,ref:l},null)])}function gt(n,t,o,a){const{activeId:s,removeTab:l,tabPages:r}=a,{selectAndScrollToTab:c}=o,{hideDropDown:d,searchTabText:u}=t,p=e.ref("auto"),m=e.computed(()=>{var w,E;let b=[];return n.searchBoxVisible?b=(w=r.value)==null?void 0:w.filter(A=>A.props.title.includes(u.value)):b=(E=r.value)==null?void 0:E.slice(),b}),C=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":n.searchBoxVisible,show:!d.value}));function v(b){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:b.props.disabled,active:b.props.id===s.value,"d-none":b.props.show!==!0}}function T(b){b.preventDefault(),b.stopPropagation()}const h=()=>({width:p.value});function x(){return e.createVNode("div",{class:C.value},[n.searchBoxVisible&&e.createVNode("div",{onClick:b=>T(b),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{title:"search-box",type:"text",class:"form-control k-textbox","onUpdate:modelValue":b=>u.value=b},null),[[e.vModelText,u.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),m.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items",style:h()},[m.value.map(b=>e.createVNode("li",{class:v(b),onClick:w=>c(w,b.props)},[b.props.removeable&&e.createVNode("span",{class:"float-right st-drop-close",onClick:w=>l(w,b.props.id,!0)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),e.createVNode("a",{class:"dropdown-title",title:b.props.title},[b.props.title])]))]):e.createVNode("div",{class:"dropdown-no-data"},[e.createTextVNode("没有相关数据")])])}return{renderDropdownMenu:x}}function Le(n,t,o,a){const{hideDropDown:s}=t,{renderDropdownMenu:l}=gt(n,t,o,a),r=e.ref(n.showDropdown);function c(){return r.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{title:"toggle-button",class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{s.value=!1}},null),l()])}return{renderMorePagesButtton:c}}function Fe(n,t,o,a){const s=e.ref(!1),{selectTabByTabId:l,tabPages:r}=a,c=4;function d(){var b;const h=t.value,x=(b=t.value)==null?void 0:b.parentElement;s.value=x&&h&&x.offsetWidth<h.scrollWidth-c}const u=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!s.value})),p=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!s.value})),m=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!s.value}));function C(h,x){if(!t.value)return;const b=t.value.scrollLeft,w=t.value.scrollWidth-t.value.offsetWidth;if(x>0){if(t.value.scrollLeft>=w)return;t.value.scrollLeft=b+n.scrollStep+h}else if(x<0){if(t.value.scrollLeft<=0)return;t.value.scrollLeft=b-n.scrollStep-h}}function v(h){if(!s.value||!t.value)return;const x=n.tabType==="pills"?".f-capsule-item":".nav-item",b=t.value.querySelectorAll(x),{parentElement:w}=t.value,E=b[h];if(E&&w){const A=w.getBoundingClientRect().left,I=w.getBoundingClientRect().right,D=E.getBoundingClientRect().left,M=E.getBoundingClientRect().right;D<A?C(A-D,-1):I<M&&C(M-I,1),n.tabType==="one-page"&&o.scrollTo(h)}}function T(h,x){if(x.disabled)return;l(x.id);const b=r.value.findIndex(w=>w.props.id===x.id);e.nextTick(()=>{v(b)})}return{previousButtonClass:u,nextButtonGroupClass:p,nextButtonClass:m,scrollTab:C,selectAndScrollToTab:T,shouldShowNavigationButtons:s,updateNavigationLayout:d}}function He(n,t){const{tabPages:o}=t,a=e.ref(""),s=e.ref(!0),l=e.computed(()=>n.searchBoxVisible),r=e.computed(()=>l.value?o.value.filter(d=>d.props.title.includes(a.value)):o.value.slice());return{searchTabText:a,hideDropDown:s,shouldShowSearchBox:l,tabsInDropdownMenu:r}}function ze(n,t,o){const a=".farris-tab-page",{tabPages:s}=o;function l(c){const d=t.value;if(d){const u=t.value.querySelectorAll(a);if(u.length>0){const p=u[c],{offsetTop:m}=p,C=m-32>0?m-32:0;d.scrollTop=C}}}function r(c){const d=s.value.findIndex(u=>u.props.id===c);d>-1&&l(d)}return{scrollTo:l,scrollToByPaggId:r}}const oe=e.defineComponent({name:"FTabs",props:fe,emits:["tabChange","tabRemove","update:activeId","Click"],setup(n,t){const o=e.ref(n.tabType),a=e.shallowRef(),s=e.ref(n.customClass),l=e.shallowRef(),r=e.shallowRef(),c=ft(n,t,l),{activeId:d,changeTitleStyle:u,tabPages:p,addTab:m,updateTab:C,selectTabByTabId:v,toolbarItems:T}=c,h=ze(n,r,c),x=Fe(n,l,h,c),{previousButtonClass:b,nextButtonClass:w,nextButtonGroupClass:E,scrollTab:A,updateNavigationLayout:I}=x,D=He(n,c),{hideDropDown:M}=D,R=ht(n,l,x,h,c),H=R,k=Ae(n,l,x,h,c),g=new Map([["default",R],["one-page",H],["pills",k]]);e.computed(()=>{const q=p.value.find(G=>G.props.id===d.value);return q==null?void 0:q.slots});const i=e.computed(()=>{const q=p.value.find(Z=>Z.props.id===d.value);return(q==null?void 0:q.props.toolbarPosition)==="inHead"}),y=e.computed(()=>n.fill||n.tabType==="fill");e.provide("tabs",{activeId:d,addTab:m,updateTab:C,tabPages:p,tabType:o,shouldFillParentContaner:y});const N=e.computed(()=>n.tabType==="pills"),$=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":i.value,"farris-tabs-inContent":!i.value,"farris-tabs-nav-fill":y.value,"farris-tabs-nav-pills":N.value})),O=e.computed(()=>({width:i.value&&n.titleWidth?`${n.titleWidth}%`:""})),B=e.computed(()=>{const q={"farris-tabs":!0,"f-utils-fill-flex-column":y.value,"flex-column":n.position==="top","flex-column-reverse":n.position==="bottom","flex-row":n.position==="left","flex-row-reverse":n.position==="right","one-page":n.tabType==="one-page"};return s.value&&s.value.split(" ").reduce((G,Z)=>(G[Z]=!0,G),q),q});e.onMounted(()=>{p.value.length&&(d.value=n.activeId||p.value[0].props.id,v(d.value)),e.nextTick(()=>{I()}),u(l),window.addEventListener("click",q=>{var G;M.value||(G=a.value)!=null&&G.contains(q.target)||(M.value=!0)}),window.addEventListener("resize",()=>{I()})});function f(){return e.createVNode("button",{title:"left-arrow-button",type:"button",class:b.value,onClick:()=>{A(0,-1)}},null)}function S(){return e.createVNode("button",{title:"right-arrow-button",type:"button",class:w.value,onClick:()=>{A(0,1)}},null)}const{renderMorePagesButtton:V}=Le(n,D,x,c),P=(q,G)=>{t.emit("Click",q,G,d.value)};function F(){return T.value.length?e.createVNode(ke,{class:"f-utils-fill",items:T.value,onClick:P},null):null}const U=g.get(n.tabType)||g.get("default");function J(){var q,G,Z,le;return e.createVNode("div",{class:$.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(G=(q=t.slots).headerPrefix)==null?void 0:G.call(q)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:O.value},[f(),U&&U(),e.createVNode("div",{class:E.value},[S(),V()])]),F(),e.createVNode("div",{class:"farris-tabs-header-post"},[(le=(Z=t.slots).headerSuffix)==null?void 0:le.call(Z)])])}const ne=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":y.value}));function ae(){var q,G;return e.createVNode("div",{class:ne.value,ref:r},[(G=(q=t.slots).default)==null?void 0:G.call(q)])}return()=>e.createVNode("div",{class:B.value,ref:a},[J(),ae()])}});function bt(n,t,o){return t&&t.contents&&t.contents.length&&(t.contents.forEach(a=>{a.title&&(a.text=a.title)}),t.buttons=t.contents,delete t.contents),{toolbar:t}}const yt=new Map([["appearance",pe],["toolbar",bt]]),vt={$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:"标题"},disabled:{description:"",type:"boolean",default:!1},removeable:{description:"",type:"boolean",default:!1},show:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object"}},required:["id","type","contents"]},me={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"}},Se=nt.createPropsResolver(me,vt,yt);function Ct(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const he=e.defineComponent({name:"FTabPage",props:me,emits:[],setup(n,t){const o=e.inject("tabs"),a=e.ref(n.show),s={slots:t.slots,props:n},l=e.ref((o==null?void 0:o.tabType.value)||"default");e.onMounted(()=>{const v=o==null?void 0:o.tabPages.value.findIndex(T=>T.props.id===n.id);!v||v===-1?o==null||o.addTab(s):v>-1&&(a.value=!1,console.warn(`已经存在id为${n.id}的页签啦`))}),e.onUnmounted(()=>{});const r=e.computed(()=>(n==null?void 0:n.id)===(o==null?void 0:o.activeId.value)),c=e.computed(()=>({display:r.value?"":"none"}));e.watch(()=>n,v=>{o==null||o.updateTab({props:v,slots:t.slots})},{immediate:!0,deep:!0});function d(){var T,h;const v=(h=(T=t.slots).default)==null?void 0:h.call(T);return e.createVNode(ot,{"main-title":n.title,class:"farris-tab-page"},Ct(v)?v:{default:()=>[v]})}const u=e.computed(()=>{var T;return{"farris-tab-page":!0,"f-utils-fill-flex-column":r.value&&o&&((T=o.shouldFillParentContaner)==null?void 0:T.value)}});function p(){var T,h;const v=(h=(T=t.slots).default)==null?void 0:h.call(T);return e.createVNode("div",{class:u.value,style:c.value},[v])}const C=new Map([["default",p],["one-page",d]]).get(l.value)||p;return()=>a.value?C():null}}),wt={width:{Type:Number,default:400},type:{Type:String,default:"info"},title:{Type:String,default:""},detail:{Type:String,default:""},okButtonText:{Type:String,default:"确定"},cancelButtonText:{Type:String,default:"取消"},exceptionInfo:{Type:Object,default:null},promptEditorType:{Type:String,default:"text-area"}};function Me(){return new DOMException("The request is not allowed","NotAllowedError")}async function Tt(n){if(!navigator.clipboard)throw Me();return navigator.clipboard.writeText(n)}async function xt(n){const t=document.createElement("span");t.textContent=n,t.style.whiteSpace="pre",t.style.webkitUserSelect="auto",t.style.userSelect="all",document.body.appendChild(t);const o=window.getSelection(),a=window.document.createRange();o==null||o.removeAllRanges(),a.selectNode(t),o==null||o.addRange(a);let s=!1;try{s=window.document.execCommand("copy")}finally{o==null||o.removeAllRanges(),window.document.body.removeChild(t)}if(!s)throw Me()}async function St(n){try{await Tt(n)}catch(t){try{await xt(n)}catch(o){throw o||t||Me()}}}function Mt(){async function n(t){await St(t)}return{onCopy:n}}function Nt(n,t,o,a){const s=e.ref(14),l=e.ref(140),r=e.ref(""),c=e.ref(a.value.length),d=e.computed(()=>a.value),u=e.computed(()=>({"font-size":`${s.value}px`,height:"100%"}));function p(m){if(m.currentTarget){const C=m.currentTarget.value||"";c.value=C.length}}return()=>e.createVNode(e.Fragment,null,[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:u.value,rows:"4",maxlength:l.value,onInput:m=>p(m)},[d.value]),e.createVNode("span",{class:"textarea-wordcount",title:r.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[c.value+" / "+l.value])])}function Vt(n,t,o,a){const s=Nt(n,t,o,a),l=new Map([["text-area",s]]);function r(c){return l.get(c)||null}return{getEditorRender:r}}function Bt(){const n=e.ref(!1),t=e.ref("复制成功");return{feedbackStyle:e.computed(()=>{const a={position:"absolute",left:"50%",top:"50%",width:"100px",height:"40px",background:"#303C53","line-height":"40px","text-align":"center","margin-left":"-30px","margin-top":"-50px","border-radius":"10px","box-shadow":"0px 2px 8px 0px",color:"#fff",transition:"all .3s ease"};return a.opacity=n.value?"0.8":"0",a.display=n.value?"":"none",a}),feedbackMessage:t,toShowFeedback:n}}function kt(n,t){const o=t.getEditorRender(n.promptEditorType);return()=>o&&o()}function Pt(n){const t=e.ref(3),o=e.ref(480),a=e.computed(()=>!!n.value&&!!n.value.date),s=e.computed(()=>`发生时间 : ${n.value&&n.value.date||""}`),l=e.computed(()=>!!n.value&&!!n.value.detail),r=e.computed(()=>{const x=`${o.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":t.value,"max-height":x}}),c=e.computed(()=>n.value&&n.value.detail||""),d=e.computed(()=>!0),u=e.ref(!1),p=e.ref("展开"),m=e.ref("收起"),C=e.computed(()=>{const x={display:"block",color:"#2A87FF"};return x["text-align"]=u.value?"":"right",x});function v(x,b){u.value=!u.value,t.value=u.value?20:3}function T(x){return v()}function h(x){return v()}return()=>e.createVNode("div",{class:"toast-msg-detail"},[a.value&&e.createVNode("div",null,[s.value]),l.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:r.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:c.value},null)]),d.value&&e.createVNode("span",{style:C.value},[u.value&&e.createVNode("span",{onClick:T,style:"cursor: pointer;"},[m.value]),!u.value&&e.createVNode("span",{onClick:h,style:"cursor: pointer;"},[p.value])])])}function It(n){return()=>e.createVNode("p",{class:"toast-msg-detail",innerHTML:n.value},null)}function Et(n,t,o,a){const s=e.ref(n.exceptionInfo),l=e.computed(()=>{const C={"f-icon":!0},v=`f-icon-${t.value}`;return C[v]=!0,C}),r=e.computed(()=>o.value||s.value&&s.value.message),c=e.computed(()=>a.value),d=e.computed(()=>!!a.value),u=e.computed(()=>!!s.value);function p(){return u.value?Pt(s):d.value?It(c):()=>null}const m=p();return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:l.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:r.value},null),m()])])}function jt(n,t,o){const{onCopy:a}=t,{toShowFeedback:s}=o,l=e.ref("复制成功"),r=e.ref("复制详细信息"),c=e.ref(n.exceptionInfo||{date:"",message:"",detail:""}),d=e.computed(()=>c.value&&c.value.detail||"");function u(p){a(d.value).catch(m=>{l.value="复制失败"}).finally(()=>{s.value=!0,setTimeout(()=>{s.value=!1},700)})}return()=>e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:u,style:"cursor: pointer;"},[r.value])])}function Dt(n,t,o,a){const s=e.ref(n.type),l=e.ref([]),r=e.ref(n.exceptionInfo),c=e.ref(n.okButtonText),d=e.ref(n.cancelButtonText),u=e.ref(!0),p=e.ref(!0),m=e.computed(()=>!!(l.value&&l.value.length)),C=e.computed(()=>r.value&&r.value.date&&r.value.message&&r.value.detail),v=e.computed(()=>!(l.value&&l.value.length)&&(c.value||d.value)),T=e.computed(()=>p.value&&c.value),h=e.computed(()=>u.value&&d.value),x=jt(n,o,a);function b(E){s.value==="question"&&t.emit("reject"),t.emit("close")}function w(E){s.value==="question"&&t.emit("accept"),t.emit("close")}return()=>e.createVNode("div",{class:"modal-footer"},[C.value&&x(),v.value&&h.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:b},[d.value]),v.value&&T.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:w},[c.value]),m.value&&l.value.length&&l.value.map(E=>e.createVNode("button",{type:"button",onClick:E.handle,class:E.class},[E.iconClass&&e.createVNode("span",{class:E.iconClass},null),E.text]))])}const ge=e.defineComponent({name:"FMessageBox",props:wt,emits:["accept","reject","close"],setup(n,t){const o=e.ref(n.type),a=e.ref(n.title),s=e.ref(n.detail),l=e.computed(()=>{const x={"modal-tips":!0,"d-flex":!0,"flex-row":!0},b=`messager-type-${o.value}`;return x[b]=!0,x}),r=e.computed(()=>{const x={};return o.value==="prompt"?x.padding="0.5rem 0.5rem 1rem 1.5rem":o.value==="error"&&(x.padding="0.5rem 1.5rem 1rem 1.5rem"),x}),c=Mt(),d=Vt(n,o,a,s),u=Bt(),{feedbackStyle:p,feedbackMessage:m}=u;function C(){return e.createVNode("div",{style:p.value},[m.value])}function v(){switch(o.value){case"prompt":return kt(n,d);default:return Et(n,o,a,s)}}const T=v(),h=Dt(n,t,c,u);return()=>e.createVNode("div",{class:"farris-messager"},[e.createVNode("section",{class:l.value,style:r.value},[T()]),h(),C()])}}),Rt={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:Object,default:null},reiszeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0},enableEnter:{type:Boolean,default:!1}};class X{constructor(t,o){this.x=t,this.y=o}static getTransformInfo(t){const a=window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(a.length>=6){const s=parseInt(a[4],10),l=parseInt(a[5],10);return{x:s,y:l}}return{x:0,y:0}}static fromEvent(t,o=null){if(this.isMouseEvent(t))return new X(t.clientX,t.clientY);if(o===null||t.changedTouches.length===1)return new X(t.changedTouches[0].clientX,t.changedTouches[0].clientY);for(let a=0;a<t.changedTouches.length;a++)if(t.changedTouches[a].target===o)return new X(t.changedTouches[a].clientX,t.changedTouches[a].clientY)}static isMouseEvent(t){return Object.prototype.toString.apply(t).indexOf("MouseEvent")===8}static isIPosition(t){return!!t&&"x"in t&&"y"in t}static getCurrent(t){const o=new X(0,0);if(window){const a=window.getComputedStyle(t);if(a){const s=parseInt(a.getPropertyValue("left"),10),l=parseInt(a.getPropertyValue("top"),10);o.x=isNaN(s)?0:s,o.y=isNaN(l)?0:l}return o}return null}static copy(t){return new X(0,0).set(t)}get value(){return{x:this.x,y:this.y}}add(t){return this.x+=t.x,this.y+=t.y,this}subtract(t){return this.x-=t.x,this.y-=t.y,this}multiply(t){this.x*=t,this.y*=t}divide(t){this.x/=t,this.y/=t}reset(){return this.x=0,this.y=0,this}set(t){return this.x=t.x,this.y=t.y,this}}class re{constructor(t,o){this.width=t,this.height=o}static getCurrent(t){const o=new re(0,0);if(window){const a=window.getComputedStyle(t);return a&&(o.width=parseInt(a.getPropertyValue("width"),10),o.height=parseInt(a.getPropertyValue("height"),10)),o}return null}static copy(t){return new re(0,0).set(t)}set(t){return this.width=t.width,this.height=t.height,this}}function $t(n,t){const o=e.ref(),a=e.ref(),s=e.ref(),l=e.ref(),r=e.ref(),c=e.ref(),d=e.ref(),u=e.ref(),p=e.ref(),m=e.ref(),C=e.ref(),v=e.ref(),T=e.ref(n.draggable),h=e.ref(!1);function x(){const B=a.value||document.body,f=window.getComputedStyle(B);if(!f||!o.value)return;const S=X.getTransformInfo(o.value),V={};d.value&&(V.deltaL=o.value.offsetLeft-d.value.x,V.deltaT=o.value.offsetTop-d.value.y);const P=f.getPropertyValue("position");V.width=B.clientWidth,V.height=B.clientHeight,V.pr=parseInt(f.getPropertyValue("padding-right"),10),V.pb=parseInt(f.getPropertyValue("padding-bottom"),10),V.position=f.getPropertyValue("position"),P==="static"&&(B.style.position="relative"),V.translateX=S.x,V.translateY=S.y,m.value=V}function b(B){if(o.value){l.value=re.getCurrent(o.value),r.value=X.getCurrent(o.value),c.value=l.value?re.copy(l.value):null,d.value=r.value?X.copy(r.value):null,x();const f=B.target.getAttribute("type")||"";u.value={n:!!f.match(/n/),s:!!f.match(/s/),w:!!f.match(/w/),e:!!f.match(/e/)}}}function w(){var B,f,S,V;if(o.value){const P=o.value;u.value&&((u.value.n||u.value.s)&&((B=c.value)!=null&&B.height)&&(P.style.height=c.value.height+"px"),(u.value.w||u.value.e)&&((f=c.value)!=null&&f.width)&&(P.style.width=c.value.width+"px"),d.value&&((S=d.value)!=null&&S.x&&(P.style.left=d.value.x+"px"),(V=d.value)!=null&&V.y&&(P.style.top=d.value.y+"px")))}}function E(){const B=n.minHeight?n.minHeight:1,f=n.minWidth?n.minWidth:1;c.value&&d.value&&u.value&&l.value&&(c.value.height<B&&(c.value.height=B,u.value.n&&r.value&&(d.value.y=r.value.y+(l.value.height-B))),c.value.width<f&&(c.value.width=f,u.value.w&&r.value&&(d.value.x=r.value.x+(l.value.width-f))),n.maxHeight&&c.value.height>n.maxHeight&&(c.value.height=n.maxHeight,r.value&&u.value.n&&(d.value.y=r.value.y+(l.value.height-n.maxHeight))),n.maxWidth&&c.value.width>n.maxWidth&&(c.value.width=n.maxWidth,u.value.w&&r.value&&(d.value.x=r.value.x+(l.value.width-n.maxWidth))))}function A(){if(a.value){const B=m.value;if(d.value&&c.value&&u.value&&l.value){const f=B.width-B.pr-B.deltaL-B.translateX-d.value.x,S=B.height-B.pb-B.deltaT-B.translateY-d.value.y;u.value.n&&d.value.y+B.translateY<0&&r.value&&(d.value.y=-B.translateY,c.value.height=l.value.height+r.value.y+B.translateY),u.value.w&&d.value.x+B.translateX<0&&r.value&&(d.value.x=-B.translateX,c.value.width=l.value.width+r.value.x+B.translateX),c.value.width>f&&(c.value.width=f),c.value.height>S&&(c.value.height=S)}}}function I(B){if(!s.value||!l.value||!r.value||!u.value)return;B.subtract(s.value);const f=B.x,S=B.y;u.value.n?(d.value.y=r.value.y+S,c.value.height=l.value.height-S):u.value.s&&(c.value.height=l.value.height+S),u.value.e?c.value.width=l.value.width+f:u.value.w&&(c.value.width=l.value.width-f,d.value.x=r.value.x+f),A(),E(),w()}function D(B){if(!p.value)return;const f=X.fromEvent(B);f&&I(f)}function M(){if(o.value){const{width:B,height:f,x:S,y:V}=o.value.getBoundingClientRect(),P=X.getTransformInfo(o.value);return{size:{width:B,height:f},position:{x:S-P.x,y:V-P.y}}}return null}function R(B){if(o.value){const f=M();C.value=f}s.value=void 0,l.value=null,r.value=null,c.value=null,d.value=null,u.value=null,p.value=null,document.removeEventListener("mousemove",D),document.removeEventListener("mouseup",R)}function H(){document.addEventListener("mousemove",D),document.addEventListener("mouseup",R)}function k(B){B instanceof MouseEvent&&B.button===2||T.value&&(B.stopPropagation(),B.preventDefault(),s.value=X.fromEvent(B),p.value=B.target,b(B),H())}function g(B){return o.value=B,e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:f=>k(f)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:f=>k(f)},null)])}function i(B=!0){const f=a.value||document.body,S=re.getCurrent(f),V=o.value;B&&(v.value=M(),v.value.transform=V.style.transform),S&&V&&(c.value=S,V.style.height=c.value.height-14+"px",V.style.width=c.value.width-14+"px",V.style.left="7px",V.style.top="7px",V.style.transform="",C.value={size:c.value,position:{x:0,y:0}},T.value=!1,h.value=!0)}function y(){var B,f;if(v.value){const S={width:v.value.size.width||0,height:v.value.size.height||0},V={x:(window.innerWidth-S.width)/2,y:(window.innerHeight-S.height)/2};(B=c.value)==null||B.set(S),(f=d.value)==null||f.set(V);const P=o.value;P.style.height=S.height+"px",P.style.width=S.width+"px",P.style.left=`${V.x}px`,P.style.top=`${V.y}px`,P.style.transform="",C.value={size:S,position:V},T.value=n.draggable,h.value=!1}}function N(){if(o.value){const B=re.getCurrent(o.value);if(B){const{width:f,height:S}=B;o.value.style.left=`${(window.innerWidth-f)/2}px`,o.value.style.top=`${(window.innerHeight-S)/2}px`,o.value.style.transform=""}}}function $(){const B=()=>{h.value?i(!1):N()};return window.addEventListener("resize",B),()=>{window.removeEventListener("resize",B)}}const O=$();return{renderResizeBar:g,boundingElement:a,resizedEventParam:C,maximize:i,restore:y,allowDrag:T,isMaximized:h,unWindowResizeHandle:O}}function Ot(n,t,o){const a=e.ref(),s=e.ref(n.draggable),l=e.ref(n.lockAxis),r=e.ref(),c=e.ref(),d=e.ref(!1),u=e.ref(new X(0,0)),p=e.ref(new X(0,0)),m=e.ref(new X(0,0)),C=e.ref(new X(0,0));e.watch(()=>o.value,M=>{r.value.style.cursor=M?"move":"default"});function v(M,R){if(R.tagName==="BUTTON")return!1;if(R===M)return!0;for(const H in R.children)if(Object.prototype.hasOwnProperty.call(R.children,H)&&v(M,R.children[H]))return!0;return!1}function T(){var k,g;let M=m.value.x+p.value.x,R=m.value.y+p.value.y;l.value==="x"?(M=((k=u.value)==null?void 0:k.x)||0,m.value.x=0):l.value==="y"&&(R=((g=u.value)==null?void 0:g.y)||0,m.value.y=0);const H=`translate3d(${Math.round(M)}px, ${Math.round(R)}px, 0px)`;a.value&&(a.value.style.transform=H),C.value.x=M,C.value.y=R}function h(){if(!c.value||!a.value)return null;const M=c.value.getBoundingClientRect(),R=a.value.getBoundingClientRect(),H={top:M.top<R.top,right:M.right>R.right,bottom:M.bottom>R.bottom,left:M.left<R.left};return H.top||(m.value.y-=R.top-M.top),H.bottom||(m.value.y-=R.bottom-M.bottom),H.right||(m.value.x-=R.right-M.right),H.left||(m.value.x-=R.left-M.left),T(),H}function x(M){M&&(u.value&&M.subtract(u.value),m.value.set(M),T(),h())}function b(M){d.value&&s.value&&(M.stopPropagation(),M.preventDefault(),x(X.fromEvent(M,r.value)))}function w(){var M;d.value&&(d.value=!1,p.value.add(m.value),m.value.reset(),(M=a.value)==null||M.classList.remove("ng-dragging"),document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",w))}function E(){!d.value&&r.value&&(d.value=!0,r.value.classList.add("ng-dragging"),document.addEventListener("mousemove",b),document.addEventListener("mouseup",w))}function A(){if(a.value){const M=X.getTransformInfo(a.value);p.value.set(M);return}p.value.reset()}function I(M){if(!o.value||M instanceof MouseEvent&&M.button===2)return;const R=M.target||M.srcElement;r.value!==void 0&&R&&!v(R,r.value)||s.value!==!1&&(document.body.click(),M.stopPropagation(),M.preventDefault(),u.value=X.fromEvent(M,a.value),A(),E())}function D(M,R,H){if(s.value&&R){if(M)r.value=M;else if(n.dragHandle){if(n.dragHandle instanceof HTMLElement)r.value=n.dragHandle;else if(typeof n.dragHandle=="string"){const k=R.querySelector(n.dragHandle);k&&(r.value=k)}}a.value=R,c.value=H,r.value.classList.add("ng-draggable"),r.value.addEventListener("mousedown",I)}}return{registerDraggle:D,resetTranslate:A}}function qe(n,t){if(n){const o=a=>{a.key.toLowerCase()===n.toLowerCase()&&t({event:a,key:n})};return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}}}function At(n,t){const o=e.ref(n.enableEsc);let a=null;return o.value?(a=qe("Escape",s=>{t.emit("esc",{event:s.event,type:"esc"})}),{remove:a}):null}function Lt(n,t){const o=e.ref(n.enableEnter);let a=null;return o.value?(a=qe("Enter",s=>{t.emit("enter",{event:s.event,type:"enter"})}),{remove:a}):null}const We=e.defineComponent({name:"FModal",props:Rt,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter"],setup(n,t){const o=e.ref(n.width||300),a=e.ref(n.height||200),s=e.ref(n.modelValue),l=e.ref(""),r=e.ref(n.class),c=e.ref(n.fitContent),d=e.ref(n.showHeader),u=e.ref(""),p=e.ref(n.showCloseButton),m=e.ref(n.showMaxButton),C=e.ref(!1),v=e.ref(""),T=e.ref(""),h=e.ref(""),x=e.ref(n.showButtons),b=e.ref(n.title),w=e.ref(n.reiszeable),E=e.ref(n.containment||null),A=e.ref();function I(j,_){s.value=!1,t.emit("update:modelValue",!1),_!=null&&t.emit(_?"accept":"cancel"),t.emit("closed",j)}const D=[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:j=>{I(j,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:j=>{I(j,!0)}}],M=e.ref(n.buttons&&n.buttons.length?n.buttons:D),R=e.computed(()=>!!u.value),H=e.computed(()=>!!x.value&&!!M.value),k=e.ref(),g=e.ref(),i=e.ref(!1),{renderResizeBar:y,maximize:N,restore:$,boundingElement:O,resizedEventParam:B,allowDrag:f,unWindowResizeHandle:S}=$t(n),{registerDraggle:V}=Ot(n,t,f);e.watch(()=>n.title,(j,_)=>{j!==_&&(b.value=j)}),e.watch(()=>n.modelValue,(j,_)=>{j!==_&&(s.value=j)}),e.watch(()=>n.showHeader,(j,_)=>{j!==_&&(d.value=j)}),e.watch(()=>n.showButtons,(j,_)=>{j!==_&&(x.value=j)}),e.watch(()=>B.value,(j,_)=>{const ue=j||{},ve=_||{};JSON.stringify(ue)!==JSON.stringify(ve)&&t.emit("resize",{newSize:j,oldSize:_})});function P(){const j=document.querySelectorAll(".farris-modal").length;(!j||j-1<=0)&&document.body.classList.remove("modal-open"),A.value&&A.value.classList.remove("show")}const F=e.computed(()=>(s.value?document.body.classList.add("modal-open"):P(),s.value)),U=e.computed(()=>{const j={modal:!0,"farris-modal":!0,fade:!0};return j["f-modal-fitContent"]=!!c.value,j.show=!!F.value,j}),J=e.computed(()=>{var ue;const j={"modal-dialog":!0},_=(ue=r.value)==null?void 0:ue.split(" ");return _==null||_.reduce((ve,Hn)=>(ve[Hn]=!0,ve),j),j}),ne=e.computed(()=>({position:"absolute",top:`${(window.innerHeight-a.value)/2}px`,left:`${(window.innerWidth-o.value)/2}px`,width:`${o.value}px`,height:c.value?"auto":`${a.value}px`})),ae=e.computed(()=>({"modal-content":!0,"modal-content-has-header":d.value})),q=e.computed(()=>{const j={display:d.value?"":"none"};return j["pointer-events"]=f.value?"auto":"none",j}),G=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:i.value})),Z=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":v.value==="iframe"}));function le(){return{}}const Be=e.computed(()=>{const j={textAlgin:h.value},_=le();return Object.assign(j,_)});function ye(j){if(j.stopPropagation(),i.value){i.value=!1,$();return}N(),i.value=!0}async function W(j,_){j.handle&&await j.handle(_,j)&&t.emit("closed",_)}function Y(j){j.width&&(o.value=j.width),j.height&&(a.value=j.height),j.buttons&&(M.value=j.buttons),j.title&&(b.value=j.title)}let K=null,ce=null;e.onMounted(()=>{g.value&&!E.value&&(E.value=g.value.parentElement,O.value=E.value,V(k.value,g.value,O.value)),F.value&&document.body.classList.add("modal-open"),K=At(n,t),ce=Lt(n,t)}),e.onUnmounted(()=>{P(),S&&S(),K&&K.remove(),ce&&ce.remove()}),t.expose({modalElementRef:g,updateModalOptions:Y,close:I,maxDialog:ye});function On(){return e.createVNode("ul",null,[C.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),m.value&&e.createVNode("li",{onClick:ye,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:G.value},null)]),p.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:j=>I(j,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function An(){return e.createVNode("div",{class:"modal-footer",style:Be.value},[M.value&&M.value.map(j=>e.createVNode("button",{name:j.name,type:"button",class:j.class+(j.iconClass?" btn-icontext":""),onClick:_=>{W(j,_)}},[!!j.iconClass&&e.createVNode("i",{class:j.iconClass},null),j.text]))])}function Ln(){return e.createVNode("div",{ref:k,class:"modal-header",style:q.value},[e.createVNode("div",{class:"modal-title"},[R.value&&e.createVNode("span",{class:u.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[b.value])]),e.createVNode("div",{class:"actions"},[On()])])}function Fn(j){j.stopPropagation()}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[F.value&&e.createVNode(e.Transition,{name:"fade",appear:!0},{default:()=>{var j,_;return[e.createVNode("div",{class:U.value,style:"display: block",ref:A,onClick:Fn},[e.createVNode("div",{id:l.value,class:J.value,style:ne.value,ref:g},[e.createVNode("div",{class:ae.value},[d.value&&Ln(),e.createVNode("div",{class:Z.value},[(_=(j=t.slots).default)==null?void 0:_.call(j),v.value==="iframe"&&e.createVNode("iframe",{title:l.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:T.value},null)]),H.value&&An()]),!c.value&&w.value&&g.value&&y(g.value)])])]}})]})}});function _e(n){if(n.content&&n.content.render)return n.content.render;if(n.render&&typeof n.render=="function")return n.render}function Ft(n){const t=document.createElement("div");t.style.display="contents";const o=e.createApp({setup(a,s){e.onUnmounted(()=>{document.body.removeChild(t)});const l=e.ref(),r=e.ref(n.class||""),c=e.ref(!!n.showButtons),d=e.ref(!!n.showHeader),u=e.ref(n.showCloseButton==null?!0:n.showCloseButton),p=e.ref(!0),m=e.ref(n.title||""),C=n.acceptCallback||(()=>{}),v=n.rejectCallback||(()=>{}),T=n.closedCallback||(w=>{}),h=n.resizeHandle||(w=>{}),x=_e(n),b=w=>{p.value=!1,o.unmount(),T(w)};return e.onMounted(()=>{}),s.expose({modalRef:l}),()=>e.createVNode(We,{ref:l,class:r.value,modelValue:p.value,"onUpdate:modelValue":w=>p.value=w,title:m.value,width:n.width,height:n.height,buttons:n.buttons,"show-header":d.value,"show-buttons":c.value,"show-close-button":u.value,"show-max-button":!1,onAccept:C,onCancel:v,fitContent:n.fitContent==null?!0:n.fitContent,onClosed:b,onResize:h},{default:()=>[x&&x(o)]})}});return document.body.appendChild(t),o.mount(t),o}class Ht{constructor(t){L(this,"appContext",null);L(this,"modalRef",e.ref());L(this,"activeModalIndex",e.ref(0));L(this,"modalRefs",{});L(this,"isUseEscCloseModal",e.ref(!1));L(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=t,this.appContext=t?t._context:null}getCurrentModal(){return this.activeModalInstance.value}static show(t){const o=Object.assign({title:"",showButtons:!0,showHeader:!0},t);return Ft(o)}open(t){const o=document.createDocumentFragment();t.showMaxButton&&t.fitContent&&(t.showMaxButton=!1);const a=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},t)),s=e.ref(!0),l=a.value.acceptCallback||(()=>{}),r=a.value.rejectCallback||(()=>{}),c=a.value.closedCallback||((b,w)=>{}),d=a.value.resizeHandle||(b=>{});let u;const p=_e(a.value),m=b=>{var E;s.value=!1;const w=(E=b==null?void 0:b.target)==null?void 0:E.classList.contains("modal_close");c(b,this.isUseEscCloseModal.value?"esc":w?"icon":"button")},C=b=>{m(b),u&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,o),u=null,this.modalRef.value=null,this.modalRefs){const w=Object.keys(this.modalRefs).map(E=>Number(E));w.length>0?this.activeModalIndex.value=Math.max(...w):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},v=b=>{var w;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((w=this.activeModalInstance.value)==null||w.close(b==null?void 0:b.event))},T=()=>e.createVNode(We,e.mergeProps({ref:this.modalRef,modelValue:s.value,"onUpdate:modelValue":b=>s.value=b},a.value,{onAccept:l,onCancel:r,onClosed:C,onResize:d,onEsc:v}),{default:()=>[p&&p(this.app)]});return u=(b=>{const w=e.h(T,b);return w.appContext=this.appContext,e.render(w,o),w})({...a.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:b=>{a.value={...a.value,...b},u&&e.render(e.cloneVNode(u,{...a}),o)},destroy:C,modalRef:this.activeModalInstance}}}class te{static show(t){const o=e.reactive({...t}),a=!1,s=o.type==="error"||o.type==="prompt",l=o.type==="error"?"错误提示":o.type==="prompt"&&o.title||"",r=o.acceptCallback||(()=>{}),c=o.rejectCallback||(()=>{});let d=null,u=new Ht(d);const p=()=>{d&&(d==null||d.destroy(),u=null)};d=u==null?void 0:u.open({class:"modal-message modal-message-type-info",title:l,showButtons:a,showHeader:s,width:o.width||400,fitContent:!0,showMaxButton:!1,render:()=>e.createVNode(ge,e.mergeProps(o,{onAccept:r,onReject:c,onClose:p}),null)})}static info(t,o){const a=e.reactive({type:"info",title:t,detail:o,okButtonText:"知道了",cancelButtonText:""});te.show(a)}static warning(t,o){const a=e.reactive({type:"warning",title:t,detail:o,okButtonText:"知道了",cancelButtonText:""});te.show(a)}static success(t,o){const a=e.reactive({type:"success",title:t,detail:o,okButtonText:"关闭",cancelButtonText:""});te.show(a)}static error(t,o,a){const s=e.reactive({width:500,type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:a,message:t,detail:o}});te.show(s)}static prompt(t,o){const a=e.reactive({type:"prompt",title:t,detail:o,okButtonText:"确定",cancelButtonText:"取消"});te.show(a)}static question(t,o,a,s){const l=e.reactive({type:"question",title:t,detail:o,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:a,rejectCallback:s});te.show(l)}}ge.install=n=>{n.component(ge.name,ge),n.provide("FMessageBoxService",te)};function zt(n,t,o,a,s,l){const{activeId:r,removeTab:c,selectTab:d,removeDesignTab:u,selectDesignTab:p,addTabPageToolbar:m}=s,C=e.computed(()=>({"st-tab-text":!0,"farris-title-auto":n.autoTitleWidth})),v=e.computed(()=>{const i={"farris-component":!0,"nav-item":!0,"d-none":t.show!==void 0?!t.show:!1,"f-state-active":t.id===r.value,"f-state-disable":t.disabled};return i[`${t.id}-design-item`]=!0,i}),T=e.computed(()=>({width:`${t.tabWidth}px`})),h=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:t.id===r.value,disabled:t.disabled}));function x(i){return e.createVNode("span",{class:C.value,title:i.title},[i.title])}function b(i){return i.slots.title?i.slots.title:x}const w=b(o),E=e.ref(t.removeable);function A(){return e.createVNode("span",{class:"st-drop-close",onClick:i=>c(i,t.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)])}function I(i){d(t.id),n.tabType==="one-page"&&a.scrollToByPaggId(t.id)}function D(i){p(i,t.id,l.value)}function M(i){te.question(`确定删除标签页【${o.props.title}】?`,"",()=>u(i,t.id),()=>{})}function R(i){m(i,t.id)}function H(){return e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:i=>M(i)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function k(){return e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增按钮",ref:"addComponent",onClick:i=>R(i)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function g(){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[H(),!t.toolbar||!t.toolbar.buttons||!t.toolbar.buttons.length?k():""])])}return e.createVNode("li",{onClick:i=>D(i),class:v.value,style:T.value,id:`${t.id}-design-item`},[g(),e.createVNode("a",{class:h.value,onClick:I},[w(t),E.value&&A()])])}function qt(n,t,o,a,s,l,r){const{shouldShowNavigationButtons:c}=o,{tabPages:d}=s,u=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":c.value})),p=e.computed(()=>({width:"100%","justify-content":n.justifyContent})),m=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":n.fill||n.tabType==="fill","nav-pills":n.tabType==="pills","flex-row":n.position==="top"||n.position==="bottom","flex-column":n.position==="left"||n.position==="right"})),C=e.computed(()=>({overflow:"auto"})),v=function(T){var b;const h=se("tab-page");h.id=`tab_page_${Math.random().toString().slice(2,6)}`,(b=l.value.schema.contents)==null||b.push(h);const{selectTabByTabId:x}=s;x(h.id)};return()=>e.createVNode("div",{class:u.value,style:p.value},[e.createVNode("ul",{class:m.value,style:C.value,ref:t},[d.value.map(T=>zt(n,T.props,T,a,s,l)),e.createVNode("li",{class:"nav-item"},[e.createVNode("a",{class:"nav-link tabs-text-truncate",title:"添加页签",onClick:T=>v()},[e.createVNode("i",{class:"f-icon f-icon-plus",style:"font-size: 20px;margin: 0 auto;line-height: 24px;"},null)])])])])}function Ue(n,t,o){var A;const a=o&&o.getStyles&&o.getStyles()||"",s=o&&o.getDesignerClass&&o.getDesignerClass()||"",l=e.ref();function r(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function c(){return!1}function d(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function u(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function p(I){if(!I||!I.value)return null;if(I.value.schema&&I.value.schema.type==="component")return I.value;const D=e.ref(I==null?void 0:I.value.parent),M=p(D);return M||null}function m(I=t){const{componentInstance:D,designerItemElementRef:M}=I;return!D||!D.value?null:D.value.canMove?M:m(I.parent)}function C(I){return!!o&&o.canAccepts(I)}function v(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function T(){}function h(I,D){D&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(D)}function x(I,D){const{componentType:M}=I;let R=se(M,I,D);o&&o.onResolveNewComponentSchema&&(R=o.onResolveNewComponentSchema(I,R));const H=M.toLowerCase().replace(/-/g,"_");return R&&!R.id&&R.type===M&&(R.id=`${H}_${Math.random().toString().slice(2,6)}`),R}function b(I){}function w(...I){if(o&&o.getPropsConfig)return o.getPropsConfig(...I)}function E(){o&&o.onRemoveComponent&&o.onRemoveComponent(),t!=null&&t.schema.contents&&t.schema.contents.map(I=>{var R;let D=I.id;I.type==="component-ref"&&(D=I.component);const M=n.value.querySelector(`#${D}-design-item`);(R=M==null?void 0:M.componentInstance)!=null&&R.value.onRemoveComponent&&M.componentInstance.value.onRemoveComponent()})}return l.value={canMove:r(),canSelectParent:c(),canDelete:d(),canNested:!u(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:(A=t==null?void 0:t.parent)==null?void 0:A.componentInstance,schema:t==null?void 0:t.schema,styles:a,designerClass:s,canAccepts:C,getBelongedComponentInstance:p,getDraggableDesignItemElement:m,getDraggingDisplayText:v,getPropConfig:w,getDragScopeElement:T,onAcceptMovedChildElement:h,onChildElementMovedOut:b,addNewChildComponentSchema:x,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1),onRemoveComponent:E},l}class Ge{getTemplateRule(t,o){const a=o==null?void 0:o.formSchemaUtils,s=a==null?void 0:a.getFormTemplateRule(),l={canAccept:!0,canDelete:!0,canMove:!0};if(!s)return l;const r=this.getComponentContext(t),{componentClassList:c}=r;return c.forEach(d=>{if(!d||!s[d])return;const{canMove:u,canDelete:p,canAccept:m}=s[d];l.canMove=l.canMove&&this.resolveRuleValue(u,r),l.canDelete=l.canDelete&&this.resolveRuleValue(p,r),l.canAccept=l.canAccept&&this.resolveRuleValue(m,r)}),l}resolveRuleValue(t,o){return typeof t=="boolean"?t:this.parseRuleValueSchema(t,o)}parseRuleValueSchema(t,o){const a=t.invalidContext||[];let s=!0;for(const l of a){if(l.firstLevelChild){if(l.firstLevelChild.class){const{firstLevelChildClassList:r}=o;if(r&&!r.includes(l.firstLevelChild.class)){s=!1;continue}}if(l.firstLevelChild.type){const{firstLevelChildSchema:r}=o;if(!r||r.type!==l.firstLevelChild.type){s=!1;continue}}}if(l.secondLevelChild){if(l.secondLevelChild.class){const{secondLevelChildClassList:r}=o;if(r&&!r.includes(l.secondLevelChild.class)){s=!1;continue}}if(l.secondLevelChild.type){const{secondLevelChildSchema:r}=o;if(!r||r.type!==l.secondLevelChild.type){s=!1;continue}}}if(l.parent){if(l.parent.class){const{parentClassList:r}=o;if(r&&!r.includes(l.parent.class)){s=!1;continue}}if(l.parent.type){const{parentSchema:r}=o;if(r&&r.type!==l.parent.type){s=!1;continue}}}s=!0;break}return!s}getComponentContext(t){var h,x,b,w;const o=t.schema,a=o.appearance&&o.appearance.class||"",s=a.split(" ")||[],l=o.contents||[],r=l.length?l[0]:null,c=r&&r.appearance?r.appearance.class:"",d=c?c.split(" "):[],u=(h=r==null?void 0:r.contents)!=null&&h.length?r==null?void 0:r.contents[0]:null,p=u&&u.appearance?u.appearance.class:"",m=p?p.split(" "):[],C=o.type==="component"?(b=(x=t.parent)==null?void 0:x.parent)==null?void 0:b.schema:(w=t.parent)==null?void 0:w.schema,v=C&&C.appearance&&C.appearance.class||"",T=v?v.split(" "):[];return{componentClass:a,componentClassList:s,childContents:l,firstLevelChildSchema:r,firstLevelChildClass:c,firstLevelChildClassList:d,secondLevelChildSchema:u,secondLevelChildClass:p,secondLevelChildClassList:m,parentSchema:C,parentClass:v,parentClassList:T}}}class de{constructor(t,o){L(this,"componentId");L(this,"viewModelId");L(this,"eventsEditorUtils");L(this,"formSchemaUtils");L(this,"formMetadataConverter");L(this,"designViewModelUtils");L(this,"designViewModelField");L(this,"controlCreatorUtils");L(this,"designerHostService");L(this,"schemaService",null);L(this,"metadataService",null);L(this,"propertyConfig",{type:"object",categories:{}});var a;this.componentId=t,this.designerHostService=o,this.eventsEditorUtils=o.eventsEditorUtils,this.formSchemaUtils=o.formSchemaUtils,this.formMetadataConverter=o.formMetadataConverter,this.viewModelId=((a=this.formSchemaUtils)==null?void 0:a.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=o.designViewModelUtils,this.controlCreatorUtils=o.controlCreatorUtils,this.metadataService=o.metadataService,this.schemaService=o.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){var a;const o=t.binding&&t.binding.type==="Form"&&t.binding.field;if(o){if(!this.designViewModelField){const s=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=s.fields.find(l=>l.id===o)}t.updateOn=(a=this.designViewModelField)==null?void 0:a.updateOn}}changeFieldEditorType(t,o){}getBasicPropConfig(t){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:t.type,name:Q[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(t,o){const a=o&&o.parent&&o.parent.schema;if(!a)return;const s=a.contents.findIndex(r=>r.id===t),l=ee.cloneDeep(a.contents[s]);a.contents.splice(s,1),a.contents.splice(s,0,l)}}class Wt extends de{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getBehaviorProperties(t),this.propertyConfig}getBehaviorProperties(t){this.propertyConfig.categories.behavior={description:"",title:"行为",properties:{removeable:{description:"是否可移除",type:"boolean",title:"是否可移除"},disabled:{description:"是否禁用",type:"boolean",title:"是否禁用"},show:{description:"是否可见",type:"boolean",title:"是否可见"}}}}getBasicPropConfig(t){this.propertyConfig.categories.basic={description:"Basic Infomation",title:"基本信息",properties:{id:{description:"标签页项的标识",title:"标识",type:"string",readonly:!0},title:{description:"标签页项的标题",title:"标题",type:"string"}},setPropertyRelates(o,a){if(o)switch(o&&o.propertyID){case"title":{o.needRefreshControlTree=!0;break}}}}}}class _t extends de{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.propertyConfig.categories.basic=this.getBasicPropConfig(t),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t),this.propertyConfig}getAppearanceProperties(t){return{title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:""},titleWidth:{description:"标题区域宽度占页面比",type:"number",title:"标题区域宽度（%）",min:0,decimals:0,max:100},autoTitleWidth:{description:"开启，则显示全部字符；关闭，最多显示7个字符",type:"boolean",title:"标题自适应宽度",defaultValue:!1},fill:{description:"flex布局下，填充满剩余部分",type:"boolean",title:"填充"}}}}}function Ut(n,t){const o=n.schema,a=new Ge,{canMove:s,canAccept:l,canDelete:r}=a.getTemplateRule(n,t);function c(C){return l}function d(){return r}function u(){return s}function p(){return!s&&!r}function m(C){var h;return(((h=document.querySelector(".dgComponentFocused"))==null?void 0:h.id)===`${o.id}-design-item`?new _t(C,t):new Wt(C,t)).getPropertyConfig(o)}return{canAccepts:c,checkCanDeleteComponent:d,checkCanMoveComponent:u,getPropsConfig:m,hideNestedPaddingInDesginerView:p}}const Ne=e.ref(0);function Gt(n,t){const o=t.getBoundingClientRect(),a=n.getBoundingClientRect(),s=a.top>=o.top,l=a.top<=o.bottom;return s&&l}function Xt(n){if(!n)return;let t;if(n.className.includes("dgComponentSelected")?t=n:t=n.querySelector(".dgComponentSelected"),!t)return;const o=t.getBoundingClientRect();if(o.width===0&&o.height===0)return;const a=t.querySelector(".component-btn-group");if(a){if(!Gt(t,n)){a.style.display="none";return}a.style.display="";const l=a.getBoundingClientRect(),r=a.querySelector("div");if(r){const c=r.getBoundingClientRect();r.style.top=l.top+"px",r.style.left=l.left-c.width+"px"}}}function Yt(n,t,o,a){const s=e.ref([]),l=e.ref(n.activeId||""),r=e.ref(!0),c=e.ref(),d=e.ref([]);function u(f){const S=f.value.findIndex(V=>V.props.show!==!1&&!l.value&&!V.props.disabled);!l.value&&S!==-1&&(l.value=f.value[S].props.id)}function p(f,S){f.classList.contains(S)||f.classList.add(S)}function m(f,S){f.classList.remove(S)}function C(f){const{parentElement:S}=f;S&&(f.scrollWidth>S.offsetWidth?p(f,"farris-title-text-custom"):m(f,"farris-title-text-custom"))}function v(f){var V;if(n.autoTitleWidth)return;const S=(V=f.value)==null?void 0:V.querySelectorAll(".st-tab-text");S&&S.forEach(P=>C(P))}const T=f=>{f.preventDefault(),f.stopPropagation()};function h(f){s.value=s.value.filter(S=>S.props.id!==f),l.value===f&&(l.value="",u(s))}function x(f,S,V=!1){const P=s.value.findIndex(F=>F.props.id===S);h(S),T(f),e.nextTick(()=>{v(o),V&&(r.value=!0),t.emit("tabRemove",{removeIndex:P,removeId:S,activeId:l.value})})}function b(){const f=s.value.find(P=>P.props.id===l.value);if(d.value=[],f&&f.props.toolbar){const P=Object.prototype.hasOwnProperty.call(f.props.toolbar,"contents")?"contents":"buttons";f.props.toolbar[P]&&f.props.toolbar[P].length&&(d.value=[...f.props.toolbar[P]])}const S=a.schema.contents,V=S==null?void 0:S.find(P=>P.id===l.value);c.value=V==null?void 0:V.toolbar}function w(f){const S=l.value;l.value=f,b(),t.emit("tabChange",{prevId:S,nextId:l.value})}function E(f){w(f)}function A(f){s.value.findIndex(V=>V.props.id===f.props.id)===-1&&s.value.push(f)}function I(f){s.value.findIndex(V=>V.props.id===f.props.id)!==-1&&(s.value.forEach(V=>{V.props.id===f.props.id&&(V=f)}),e.nextTick(()=>{v(o)}))}function D(f){f&&(f.stopPropagation(),f.preventDefault())}function M(f){var P;const S=a.designerItemElementRef.value.querySelector(".farris-tabs-content"),V=S==null?void 0:S.querySelector(`#${f}-design-item`);(P=V==null?void 0:V.componentInstance)!=null&&P.value.onRemoveComponent&&V.componentInstance.value.onRemoveComponent()}function R(f,S){var F;D(f),M(S);const V=a.schema.contents,P=V==null?void 0:V.findIndex(U=>U.id===S);P===-1||P===void 0||(V==null||V.splice(P,1),h(S),b(),(F=a==null?void 0:a.setupContext)==null||F.emit("selectionChange"),Ne.value++)}function H(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(S=>S.classList.remove("dgComponentFocused"));const f=document.getElementsByClassName("dgComponentSelected");Array.from(f).forEach(S=>S.classList.remove("dgComponentSelected"))}function k(f){f.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function g(f,S){var U;const{contents:V=[]}=a.schema,P=V==null?void 0:V.findIndex(J=>J.id===f),F=V[P];(U=a==null?void 0:a.setupContext)==null||U.emit("selectionChange",F.type,F,n.componentId,S)}function i(f,S){const V=S.getBoundingClientRect(),P=f.getBoundingClientRect(),F=P.left+P.width<=V.left+V.width,U=P.left+P.width>=V.left;return F&&U}function y(f){const S=f.querySelector(".component-btn-group");if(S){S.style.display="";const V=S.getBoundingClientRect(),P=S.querySelector("div");P&&(P.style.left=V.left-26+"px")}}function N(){o&&o.value&&o.value.addEventListener("scroll",f=>{const S=f.target.querySelector(".dgComponentSelected");if(S){const V=S.querySelector(".component-btn-group");i(S,f.target)?y(S):V&&(V.style.display="none")}})}function $(f,S,V){H(),D(f),k(f),g(S,V);const P=f.currentTarget;y(P)}function O(){if(o&&o.value){const f=o.value.querySelector(".f-state-active");if(f){const S=f.getBoundingClientRect(),V=f.parentElement.getBoundingClientRect();o.value.scrollLeft=S.left-V.left,y(f)}}}function B(f,S){D(f);const V=a.schema.contents,P=V==null?void 0:V.find(U=>U.id===S);if(!P)return;(!P.toolbar||!P.toolbar.buttons)&&(P.toolbar={buttons:[]});const F=se("tab-toolbar-item");F.id=`tab_toolbar_item_${Math.random().toString().slice(2,6)}`,F.appearance={class:"btn btn-secondary f-btn-ml"},P.toolbar.buttons.push(F),d.value=[...P.toolbar.buttons],c.value=P.toolbar,e.nextTick(()=>{O()})}return{activeId:l,addTab:A,changeTitleStyle:v,removeTab:x,selectTab:E,selectTabByTabId:w,tabPages:s,updateTab:I,toolbarItems:d,removeDesignTab:R,selectDesignTab:$,toolbarSchema:c,changeToolbarItems:b,addTabPageToolbar:B,listenTabNavElementScroll:N,setHorizontalScrollbarPosition:O}}const Jt=new Map([["buttons","items"],["appearance",pe]]);function Qt(n,t){return{class:t.class,style:t.style}}const Zt=new Map([["appearance",Qt]]);function Xe(n,t,o){return t}const Kt={$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",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"]},en={$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",default:"btn-secondary"}}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},Ye={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}},tn=Object.assign({},Ye,{componentId:{type:String,default:""}});ie(Ye,Kt,Jt,Xe);const Je={id:{type:String,default:""},items:{type:Object,default:{}},class:{type:String,default:""},text:{type:String,default:""},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},componentId:{type:String,default:""},alignment:{Type:String,default:"right"}};ie(Je,en,Zt,Xe);class Qe{constructor(t){L(this,"id","");L(this,"class","btn-secondary");L(this,"icon","");L(this,"groupId","");L(this,"order",-1);L(this,"asDropDownTop",!1);L(this,"text","");L(this,"visible",!0);L(this,"responsed",!1);L(this,"tipsEnable",!1);L(this,"tipsText","");L(this,"width",0);L(this,"onClick",()=>{});L(this,"options");this.options=t;const o=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(t).filter(a=>o.indexOf(a)>-1).forEach(a=>{this[a]=t[a]})}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:e.computed(()=>!0)}setWidth(t){this.width=parseInt(t,10)}getWidth(){return this.visible?this.width:!1}}class nn extends Qe{constructor(t){super(t)}}function on(){function n(t){const o=[];return t.reduce((a,s)=>(s.children&&s.children.length>0?a.push(new be(s)):a.push(new nn(s)),a),o),o}return{buildResponseToolbarItems:n}}const{buildResponseToolbarItems:an}=on();class be extends Qe{constructor(o){super(o);L(this,"placement","");L(this,"dropdownClass","");L(this,"menuClass","");L(this,"split",!1);L(this,"children",[]);L(this,"expanded",!1);const a=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(o).filter(s=>a.indexOf(s)>-1).forEach(s=>{this[s]=o[s]}),o.children&&o.children.length&&(this.children=an(o.children))}}function sn(){function n(o){const a={"f-icon":!0};if(o.icon){const s=o.icon.trim().split(" ");s&&s.length&&s.reduce((l,r)=>(l[r]=!0,l),a)}return a}function t(o){return!!(o.icon&&o.icon.trim())}return{iconClass:n,shouldShowIcon:t}}function rn(n,t){const o=e.inject("design-item-context"),a=e.inject("toolbar-item-handler",()=>{});function s(){a&&a()}function l(g){const i={"dropdown-menu":!0};if(g.class){const y=g.menuClass.split(" ");y&&y.length&&y.reduce((N,$)=>(N[$]=!0,N),i)}return i}function r(g){const i={disabled:!g.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},y=g.dropdownClass.split(" ");return y&&y.length&&y.reduce((N,$)=>(N[$]=!0,N),i),i}function c(g){const i={disabled:!g.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},y=g.class.split(" ");return y&&y.length&&y.reduce((N,$)=>(N[$]=!0,N),i),i}let d;const u=new Map;function p(g,i,y){var $;(($=g.target)==null?void 0:$.id)===i.id&&g.stopPropagation();const N=y?y.id:"__top_item__";if(i.children&&i.children.length&&(i.expanded=!i.expanded,i.expanded?u.set(N,i):u.delete(N)),u.has(N)&&u.get(N)!==i){const O=u.get(N);O&&(O.expanded=!1)}}function m(g){g&&(g.stopPropagation(),g.preventDefault())}function C(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(i=>i.classList.remove("dgComponentFocused"));const g=document.getElementsByClassName("dgComponentSelected");Array.from(g).forEach(i=>i.classList.remove("dgComponentSelected"))}function v(g){g.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function T(g){const{buttons:i=[]}=o.schema;let y=[];i.forEach(O=>{y=y.concat(O.children||[])});const N=y.findIndex(O=>O.id===g),$=N===-1?null:y[N];return{index:N,item:$}}function h(g){const{buttons:i=[]}=o.schema,y=i.findIndex($=>$.id===g),N=y===-1?null:i[y];return{index:y,item:N}}function x(g){var N;o.schema;const{index:i,item:y}=T(g);(N=o==null?void 0:o.setupContext)==null||N.emit("selectionChange",y==null?void 0:y.type,y)}const b=function(g){const{componentType:i}=g,y=se(i,g),N=i.toLowerCase().replace("-","_");return y&&!y.id&&y.type===i&&(y.id=`${N}_${Math.random().toString().slice(2,6)}`),y},w=function(){const g={componentType:"response-toolbar-item",parentComponentInstance:t.value,targetPosition:-1};return b(g)};function E(g,i){m(g),C(),v(g),x(i.id)}function A(g,i,y){m(g);const N=i.id,$=y&&y.id,{buttons:O=[]}=o.schema;if(!$)return;const{index:B}=h($);if(B===-1)return;const{index:f}=T(N);f!==-1&&(O[B].children.splice(f,1),s())}function I(g,i,y){m(g);const N=y&&y.id,{buttons:$=[]}=o.schema;if(!N)return;const{index:O}=h(N);if(O===-1)return;const B=w(),f=Object.assign({},B,{text:i.text});$[O].children.push(f),s()}function D(g,i,y){m(g);const N=y&&y.id,{buttons:$=[]}=o.schema;if(!N)return;const{index:O}=h(N);if(O===-1)return;const B=w(),f=Object.assign({},B,{text:"按钮"});$[O].children.push(f),s()}function M(g,i){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:y=>A(y,g,i)},[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:y=>I(y,g,i)},[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:y=>D(y,g,i)},[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 R(g){return g.children.map(i=>i.children&&i.children.length?e.createVNode("li",{class:r(i),id:i.id,onClick:y=>i.enable&&p(y,i,g)},[e.createVNode("span",{id:i.id,class:c(i),onMouseover:y=>i.enable&&p(y,i,g)},[i.text,e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),d(i,i)]):e.createVNode("li",{class:c(i),id:i.id,onClick:y=>E(y,i)},[M(i,g),n.shouldShowIcon(i)&&e.createVNode("i",{class:n.iconClass(i)},null),i.text]))}function H(g,i,y){const N={display:g.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},$=document.getElementsByTagName("body")[0].getClientRects()[0].width,O=i,B=O==null?void 0:O.getClientRects();if(O&&B&&B.length){const{top:f,width:S,left:V,right:P,height:F}=B[0],U=Math.ceil(F+f);N.top=`${U}px`,N.left=`${V}px`;const J=g.id+"_menu",ne=i?i.querySelector("#"+J):null;if(ne){N.display==="block"&&(ne.style.display="block");const ae=ne.getBoundingClientRect();if(y){N.top=`${f-6}px`;const q=Math.ceil(S+V);N.left=`${q}px`}$-V-S<ae.width&&(N.left=`${(y?V:P)-ae.width}px`)}}return N}d=function(g,i){var O,B;const y=e.getCurrentInstance(),N=i?i.id:g.id,$=(B=(O=y==null?void 0:y.exposed)==null?void 0:O.elementRef.value)==null?void 0:B.querySelector("#"+N);return e.createVNode("ul",{class:l(g),style:H(g,$,i),id:g.id+"_menu"},[R(g)])};function k(){u.forEach(g=>{g.expanded=!1}),u.clear()}return{renderDropdownMenu:d,clearAllDropDownMenu:k}}function ln(n,t,o){const a=e.ref(n.alignment),{renderDropdownMenu:s,clearAllDropDownMenu:l}=rn(t,o),r=e.inject("design-item-context"),c=e.inject("toolbar-item-handler",()=>{});function d(){c&&c()}function u(k){const g={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":a.value==="right","f-btn-mr":a.value==="left"},i=k.dropdownClass.split(" ");return i&&i.length&&i.reduce((y,N)=>(y[N]=!0,y),g),g}function p(k){const g={btn:!0,disabled:!k.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(k.icon&&k.icon.trim())};if(k.class){const i=k.class.split(" ");i&&i.length&&i.reduce((y,N)=>(y[N]=!0,y),g)}return g}function m(k){k&&(k.stopPropagation(),k.preventDefault())}function C(k,g){m(k);const i=g.expanded;document.body.click(),g.expanded=!i}const v=function(k){const{componentType:g}=k,i=se(g,k),y=g.toLowerCase().replace("-","_");return i&&!i.id&&i.type===g&&(i.id=`${y}_${Math.random().toString().slice(2,6)}`),i},T=function(){const k={componentType:"response-toolbar-item",parentComponentInstance:o.value,targetPosition:-1};return v(k)};function h(k){const g=r.schema.buttons||r.schema.contents,i=g==null?void 0:g.findIndex(N=>N.id===k),y=i===-1?null:g[i];return{index:i,toolbarItem:y}}function x(k,g){var B;const{index:i,toolbarItem:y}=h(g);if(i===-1)return;const N=y.text||"按钮",$=T(),O=Object.assign({},$,{text:N});(B=r.schema.buttons)==null||B.push(O),d()}function b(k,g){const{index:i,toolbarItem:y}=h(g);if(i===-1)return;const N=y.text||"按钮",$=T(),O=Object.assign({},$,{text:N}),B=r.schema.buttons[i].children||[];B.push(O),r.schema.buttons[i].children=B,d()}function w(k,g){const i=r.schema.buttons||r.schema.contents,y=i==null?void 0:i.findIndex(N=>N.id===g);y!==-1&&(i.splice(y,1),d())}function E(k){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:g=>w(g,k)},[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:g=>x(g,k)},[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:g=>b(g,k)},[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 A(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(g=>g.classList.remove("dgComponentFocused"));const k=document.getElementsByClassName("dgComponentSelected");Array.from(k).forEach(g=>g.classList.remove("dgComponentSelected"))}function I(k){k.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function D(k){var N;const g=r.schema.buttons||r.schema.contents,i=g==null?void 0:g.findIndex($=>$.id===k);if(i===-1)return;const y=g[i];(N=r==null?void 0:r.setupContext)==null||N.emit("selectionChange","response-toolbar-item",y)}function M(k,g){m(k),A(),I(k),m(k),C(k,g),D(g.id)}function R(k){return e.createVNode("div",{id:k.id,class:u(k)},[e.createVNode("div",{class:p(k),style:"display: flex;padding-right: 0.1rem;",onClick:g=>k.enable&&M(g,k)},[E(k.id),t.shouldShowIcon(k)&&e.createVNode("i",{class:t.iconClass(k)},null),e.createVNode("span",null,[k.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)]),s(k)])}function H(){l()}return{renderToolbarDropdown:R,clearAllDropDown:H}}class cn extends de{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearancePropConfig(t),this.getBehaviorProperties(t),this.propertyConfig}getAppearancePropConfig(t){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"}}}}getBasicPropConfig(t){this.propertyConfig.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",textField:"value",valueField:"key",data:[{key:"response-toolbar",value:Q["response-toolbar"].name}]}}}}}getBehaviorProperties(t){this.propertyConfig.categories.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:"左对齐"}]}},items:{title:"按钮",description:"The items of Response Toolbar.",type:"array",default:[],$converter:"/converter/buttons.converter",refreshPanelAfterChanged:!0}}}}}function dn(n,t){const o=n.schema;function a(p){return!1}function s(p,m){return m.text=p.label,m}function l(){return!1}function r(){return!1}function c(){return!0}function d(){return!0}function u(p){return new cn(p,t).getPropertyConfig(o)}return{canAccepts:a,checkCanAddComponent:c,checkCanDeleteComponent:r,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:d,onResolveNewComponentSchema:s,getPropsConfig:u}}const un={id:{type:String,default:""},componentId:{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}};function pn(n,t,o){var A;const a="",s=e.ref();function l(){return!0}function r(){return!1}function c(){return!0}function d(){return!0}function u(){return!0}function p(I){if(!I||!I.value)return null;const D=e.ref(I==null?void 0:I.value.parent),M=p(D);return M||null}function m(I=t){const{componentInstance:D,designerItemElementRef:M}=I;return!D||!D.value?null:D.value.canMove||D.value.canAdd||D.value.canDelete?M:m(I.parent)}function C(I){return!!o}function v(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function T(){}function h(I,D){}function x(I){const{componentType:D}=I,M=e.inject("designer-host-service");let R=se(D,I,M);const H=D.toLowerCase().replace(/-/g,"_");return R&&!R.id&&R.type===D&&(R.id=`${H}_${Math.random().toString().slice(2,6)}`),R}function b(I){}function w(...I){return[]}function E(){}return s.value={canMove:l(),canSelectParent:r(),canAdd:d(),canDelete:c(),canNested:!u(),contents:[],elementRef:n,parent:(A=t.parent)==null?void 0:A.componentInstance,schema:t.schema,styles:a,canAccepts:C,getBelongedComponentInstance:p,getDraggableDesignItemElement:m,getDraggingDisplayText:v,getPropConfig:w,getDragScopeElement:T,onAcceptMovedChildElement:h,onChildElementMovedOut:b,addNewChildComponentSchema:x,onRemoveComponent:E,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},s}const Ze=e.defineComponent({name:"FDesignerInnerItem",props:un,emits:["selectionChange","addComponent","removeComponent"],setup(n,t){const o=e.ref(n.canMove),a=e.ref(n.canAdd),s=e.ref(n.canDelete),l=e.ref(!1),r=e.ref(n.contentKey),c=e.ref(n.childType),d=e.ref(n.childLabel),u=e.ref(n.modelValue),p=e.ref(""),m=e.ref(),C=e.inject("canvas-dragula"),v=e.ref(),T=e.inject("design-item-context"),h={designerItemElementRef:m,componentInstance:v,schema:u.value,parent:T,setupContext:t};e.provide("design-item-context",h);const x=e.computed(()=>({"farris-component":!0,"flex-fill":n.id==="root-component","position-relative":o.value||s.value,"farris-nested":l.value,"can-move":o.value,"d-none":m.value&&m.value.classList.contains("d-none")})),b=e.computed(()=>{const i={};return p.value&&p.value.split(";").reduce((y,N)=>{const[$,O]=N.split(":");return $&&(y[$]=O),y},i),i});function w(i,y){if(T&&T.schema[r.value]){const N=T.schema[r.value].findIndex($=>$.id===y.id);if(N>-1){const $=T.schema[r.value].length,O=T.schema[r.value][N%$];T.designerItemElementRef.value.querySelector(`#${O.id}-design-item`),T.schema[r.value].splice(N,1),Ne.value++,t.emit("removeComponent")}}}function E(i){if(v.value.addNewChildComponentSchema){const y={componentType:c.value,label:d.value,parentComponentInstance:v.value,targetPosition:-1},N=v.value.addNewChildComponentSchema(y);u.value[r.value].push(N),t.emit("addComponent")}}function A(){return a.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:i=>{E()}},[e.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function I(i){return s.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:e.withModifiers(y=>w(y,i),["stop"])},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function D(){return o.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[e.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function M(i){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[A(),D(),I(i)])])}e.watch(()=>n.modelValue,i=>{u.value=i,h.schema=i});function R(i){const y=i.target;Xt(y)}function H(){var i,y;(y=(i=u.value)==null?void 0:i.contents)!=null&&y.length&&m.value&&m.value.addEventListener("scroll",R)}function k(){const i=m.value,y=e.ref(i.children[1]);return pn(y,h).value}e.onMounted(()=>{if(m.value){const i=m.value.querySelector(`[data-dragref='${u.value.id}-container']`);v.value=i&&i.componentInstance?i.componentInstance.value:k(),C&&i&&C.attachComponents(i,u.value),l.value=v.value.canNested!==void 0?v.value.canNested:l.value,a.value=v.value.canAdd!==void 0?v.value.canAdd:a.value,s.value=v.value.canDelete!==void 0?v.value.canDelete:s.value,o.value=v.value.canMove!==void 0?v.value.canMove:o.value,p.value=v.value.styles||"",m.value&&(m.value.componentInstance=v,m.value.designItemContext=h)}H(),Ne.value++}),e.onBeforeUnmount(()=>{m.value&&m.value.removeEventListener("scroll",R)});function g(i){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach($=>$.classList.remove("dgComponentFocused")),i&&(i.preventDefault(),i.stopPropagation());let y=h.designerItemElementRef;const N=m.value;if(N){const $=document.getElementsByClassName("dgComponentSelected");$&&$.length===1&&$[0]===m.value||(Array.from($).forEach(B=>B.classList.remove("dgComponentSelected")),N.classList.add("dgComponentFocused"),t.emit("selectionChange",u.value.type,u.value,n.componentId,v.value),y=v.value.getDraggableDesignItemElement(h),y&&y.value&&y.value.classList.add("dgComponentSelected"))}R({target:y==null?void 0:y.value})}return()=>e.createVNode("div",{id:`${n.id}-design-item`,ref:m,class:x.value,style:b.value,onClick:g},[M(u.value),t.slots.default&&t.slots.default()])}});class fn extends de{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearanceProperties(t),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(t){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识00",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0,$converter:"/converter/type.converter"},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(t){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}},setPropertyRelates(o,a){}}}getEventPropConfig(t){const o=[{label:"onClick",name:"点击事件"}],a=this,s=a.eventsEditorUtils.formProperties(t,a.viewModelId,o),l={};l[a.viewModelId]={type:"events-editor",editor:{initialData:s}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:l,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(r,c){const d=r.propertyValue;delete t[a.viewModelId],d&&(d.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(t,a.viewModelId,d.events,d))}}}}class mn extends de{constructor(t,o){super(t,o)}getPropertyConfig(t){return this.getBasicPropConfig(),this.getAppearanceProperties(t),this.getbBehaviorConfig(),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(){this.propertyConfig.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",textField:"value",valueField:"key",data:[{key:"response-toolbar-item",value:Q["response-toolbar-item"].name}]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}getbBehaviorConfig(){this.propertyConfig.categories.behavior={title:"行为",description:"Behavior",properties:{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0}}}}getAppearanceProperties(t){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"",$converter:"/converter/appearance.converter"}}}}getEventPropConfig(t){const o=[{label:"onClick",name:"点击事件"}],a=this,s=a.eventsEditorUtils.formProperties(t,a.viewModelId,o),l={};l[a.viewModelId]={type:"events-editor",editor:{initialData:s}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:l,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(r,c){const d=r.propertyValue;delete t[a.viewModelId],d&&(d.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(t,a.viewModelId,d.events,d))}}}}function hn(n,t){function o(c){return!1}function a(){return!1}function s(){return!0}function l(){return!1}function r(c){let d;switch(n.schema.type){case"tab-toolbar-item":d=new fn(c,t);break;default:d=new mn(c,t)}return d.getPropertyConfig(n.schema)}return{canAccepts:o,checkCanMoveComponent:a,checkCanDeleteComponent:s,checkCanAddComponent:l,getPropsConfig:r}}const gn=e.defineComponent({name:"FResponseToolbarItemDesign",props:Je,emits:["Click"],setup(n,t){e.ref(),e.ref();const o=e.ref(n.alignment),a={id:"__more_buttons__",text:"More"},s=e.ref(new be(a));e.computed(()=>s.value.children.length>0);const l=e.ref(),r=e.inject("designer-host-service"),c=e.inject("design-item-context"),d=hn(c,r),u=Pe.useDesignerInnerComponent(l,c,d);e.inject("toolbar-item-handler",()=>{}),e.onMounted(()=>{l.value.componentInstance=u}),t.expose(u.value);function p(){const v={"f-icon":!0},T=n.icon?n.icon.trim():"";return Ce.getCustomClass(v,T)}function m(){return!!(n.icon&&n.icon.trim())}function C(){const v={btn:!0,"f-rt-btn":!0,"f-btn-ml":o.value==="right","f-btn-mr":o.value==="left","btn-icontext":!!(n.icon&&n.icon.trim()),disabled:n.disabled===!0};return Ce.getCustomClass(v,n.class)}return()=>e.createVNode("div",{ref:l,"data-dragref":`${c.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[e.createVNode("button",{type:"button",class:C(),id:n.id},[m()&&e.createVNode("i",{class:p()},null),n.text])])}}),bn=e.defineComponent({name:"FResponseToolbarDesign",props:tn,emits:["Click"],setup(n,t){const o=e.ref(n.items);let a=new Array(o.value.length).fill(e.ref());const s=e.ref(),l=e.ref(),r=e.ref(n.alignment),c={id:"__more_buttons__",text:"More"},d=e.ref(new be(c)),u=sn();e.computed(()=>d.value.children.length>0);const p=e.ref(),m=e.inject("designer-host-service"),C=e.inject("design-item-context"),v=dn(C,m),T=Pe.useDesignerInnerComponent(p,C,v),h=e.inject("toolbar-item-handler",()=>{});e.onMounted(()=>{p.value.componentInstance=T}),t.expose(T.value);function x(){h&&h()}const b=e.computed(()=>{const i={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return Ce.getCustomClass(i,n.customClass)}),w=e.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":r.value==="right","justify-content-start":r.value==="left"})),{renderToolbarDropdown:E,clearAllDropDown:A}=ln(n,u,T);function I(){o.value.filter(i=>i.children&&i.children.length>0).forEach(i=>{i.expanded=!1}),d.value.expanded=!1,A()}const D=new Map,M=[];function R(i){const y=l.value;let N=i;const $=Array.from(y.children),O=$[$.length-1].id==="__more_buttons__"?$[$.length-1]:null;if(O){const P=O.computedStyleMap().get("margin-left"),F=O.computedStyleMap().get("margin-right"),U=(P?P.value:0)+O.getBoundingClientRect().width+(F?F.value:0);N-=U}const B=$.filter(P=>P.id!=="__more_buttons__");for(const P of B){const F=P.computedStyleMap().get("margin-left"),U=P.computedStyleMap().get("margin-right"),J=(F?F.value:0)+P.getBoundingClientRect().width+(U?U.value:0);N<J?(D.set(P.id,!0),M.push({id:P.id,width:J})):N-=J}if(M.length)for(let P=M.length-1;P>=0;P--){const F=M[P].width;if(N>=F)N-=F,D.delete(M[P].id),M.pop();else break}const f=Object.assign({},d.value);f.children=[];const S=new be(f),V=o.value.reduce((P,F)=>(D.has(F.id)&&S.children.push(F),F.visible=!D.has(F.id),P.push(F),P),[]);d.value=S,o.value=V}const H=new ResizeObserver(i=>{if(i.length){const N=i[0].contentRect.width,O=l.value.getBoundingClientRect().width;(N<O||M.length)&&R(N)}});e.onMounted(()=>{const i=s.value;H.observe(i),document.body.addEventListener("click",I)}),e.onUnmounted(()=>{H.disconnect(),document.body.removeEventListener("click",I)}),e.watch(()=>n.items,()=>{o.value=n.items},{deep:!0}),e.watch(o,i=>{a=new Array(o.value.length).fill(e.ref())});function k(i,y,N,$){C&&C.setupContext&&C.setupContext.emit("selectionChange",i,y,N,$)}function g(){const i=l.value.querySelector(".dgComponentFocused.dgComponentSelected");i==null||i.classList.remove("dgComponentSelected"),i==null||i.classList.remove("dgComponentFocused"),x()}return()=>e.createVNode("div",{ref:p,"data-dragref":`${C.schema.id}-container`,class:b.value},[e.createVNode("div",{ref:s,class:w.value},[e.createVNode("div",{ref:l,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[o.value.map((i,y)=>e.createVNode(Ze,{ref:a[y],class:"p-0 display-inline-block",modelValue:i,"onUpdate:modelValue":N=>i=N,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:n.componentId,id:i.id,style:"padding:0 !important;display:inline-block",onSelectionChange:k,onRemoveComponent:g},{default:()=>{var N;return[e.createVNode(gn,{id:i.id,disabled:i.disabled,text:i.text,icon:i.icon,class:((N=i.appearance)==null?void 0:N.class)||"btn-secondary",alignment:n.alignment||"right",componentId:n.componentId},null)]}}))])])])}});function yn(n,t,o,a,s){const{toolbarItems:l,toolbarSchema:r,changeToolbarItems:c}=n;function d(p,m,C,v){var T;(T=a.setupContext)==null||T.emit("selectionChange",p,m,C,v)}function u(){c()}return e.createVNode("div",{class:"farris-tabs-toolbar"},[e.createVNode("div",{class:"farris-tabs-inline-flex w-100",style:"flex:1"},[e.createVNode(Ze,{modelValue:r.value,"onUpdate:modelValue":p=>r.value=p,class:"w-100 position-relative",canAdd:!0,childType:"tab-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:r.value.id,onSelectionChange:d,componentId:s,onAddComponent:u},{default:()=>[e.createVNode(bn,{items:l.value,componentId:s},null)]})])])}const vn=e.defineComponent({name:"FTabsDesign",props:xe,emits:["tabChange","tabRemove"],setup(n,t){const o=e.ref(),a=e.inject("designer-host-service"),s=e.inject("design-item-context"),l=Ut(s,a),r=Ue(o,s,l),c=e.ref(n.tabType),d=e.shallowRef(),u=e.shallowRef(),p=Yt(n,t,d,s),{activeId:m,changeTitleStyle:C,tabPages:v,addTab:T,updateTab:h,selectTabByTabId:x,toolbarItems:b,listenTabNavElementScroll:w,toolbarSchema:E,setHorizontalScrollbarPosition:A}=p,I=ze(n,u,p),D=Fe(n,d,I,p),{previousButtonClass:M,nextButtonClass:R,nextButtonGroupClass:H,scrollTab:k,updateNavigationLayout:g}=D,i=He(n,p),{hideDropDown:y}=i,N=qt(n,d,D,I,p,r),$=N,O=Ae(n,d,D,I,p),B=new Map([["default",N],["one-page",$],["pills",O]]);e.computed(()=>{const W=v.value.find(Y=>Y.props.id===m.value);return W==null?void 0:W.slots});const f=e.computed(()=>{const W=v.value.find(K=>K.props.id===m.value);return(W==null?void 0:W.props.toolbarPosition)==="inHead"});e.provide("tabs",{activeId:m,addTab:T,updateTab:h,tabPages:v,tabType:c});function S(){const W=r.value.schema.contents||[];return W.length<1?null:W.find(K=>K.id===m.value)}function V(){var Y;const W=S();b.value=[...(Y=W==null?void 0:W.toolbar)==null?void 0:Y.buttons],E.value=W==null?void 0:W.toolbar,e.nextTick(()=>{A()})}e.provide("toolbar-item-handler",V);const P=e.computed(()=>n.fill||n.tabType==="fill"),F=e.computed(()=>n.tabType==="pills"),U=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":f.value,"farris-tabs-inContent":!f.value,"farris-tabs-nav-fill":P.value,"farris-tabs-nav-pills":F.value})),J=e.computed(()=>({width:f.value&&n.titleWidth?`${n.titleWidth}%`:""})),ne=e.computed(()=>({"farris-tabs":!0,"flex-column":n.position==="top","flex-column-reverse":n.position==="bottom","flex-row":n.position==="left","flex-row-reverse":n.position==="right","one-page":n.tabType==="one-page"}));e.onMounted(()=>{v.value.length&&(m.value=n.activeId||v.value[0].props.id,x(m.value)),e.nextTick(()=>{g()}),C(d),window.addEventListener("click",W=>{var Y;y.value||(Y=o.value)!=null&&Y.contains(W.target)||(y.value=!0)}),window.addEventListener("resize",()=>{g()}),w(),o.value.componentInstance=r});function ae(){return e.createVNode("button",{title:"left-arrow-button",type:"button",class:M.value,onClick:()=>{k(0,-1)}},null)}function q(){return e.createVNode("button",{title:"right-arrow-button",type:"button",class:R.value,onClick:()=>{k(0,1)}},null)}const{renderMorePagesButtton:G}=Le(n,i,D,p);function Z(){return!!b.value.length&&yn(p,r,l,s,n.componentId)}const le=B.get(n.tabType)||B.get("default");function Be(){var W,Y,K,ce;return e.createVNode("div",{class:U.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(Y=(W=t.slots).headerPrefix)==null?void 0:Y.call(W)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:J.value},[ae(),le&&le(),e.createVNode("div",{class:H.value},[q(),G()])]),Z(),e.createVNode("div",{class:"farris-tabs-header-post"},[(ce=(K=t.slots).headerSuffix)==null?void 0:ce.call(K)])])}function ye(){var W,Y;return e.createVNode("div",{class:"farris-tabs-content",ref:u},[(Y=(W=t.slots).default)==null?void 0:Y.call(W)])}return t.expose(r.value),r.value.updateToolbarItems=V,()=>e.createVNode("div",{class:ne.value,ref:o},[Be(),ye()])}});function Cn(n,t,o){return t?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function wn(n,t){return{buttons:t.buttons,buttonPosition:t.position}}const Tn=new Map([["appearance",pe],["expanded","expandStatus"],["enableAccordion",Cn],["toolbar",wn]]);function xn(n,t,o){const a=Math.random().toString().slice(2,6),s=o.parentComponentInstance;Object.assign(t,{id:`section-${a}`,appearance:{class:"f-section-in-mainsubcard"},enableAccordion:!1,mainTitle:o.mainTitle||t.mainTitle||"标题"});const l=n.getSchemaByType("content-container");Object.assign(l,{id:`container-${a}`,appearance:{class:"f-struct-wrapper"},contents:[t]});const r=s.schema;switch(r&&r.type){case Q["splitter-pane"].type:{t.appearance.class="f-section-in-main";break}}return l}function Sn(n,t,o){return o.parentComponentInstance?xn(n,t,o):t}const Mn={$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"},buttons:{type:"array",default:[]}},default:null}},required:["id","type","contents"]},Ke={contentClass:{type:String,default:""},customClass:{type:String,default:""},customStyle:{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}};ie(Ke,Mn,Tn,Sn);function Nn(n,t,o){let a;function s(d=1){const u=["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"],p=Array.from(document.body.querySelectorAll(u.join(","))).filter(C=>C).map(C=>{const{display:v,zIndex:T}=window.getComputedStyle(C);return v==="none"?0:parseInt(T,10)}).filter(C=>C);let m=Math.max(...p);return m<1040&&(m=1040),m+d}function l(){a=n.value.nextElementSibling;const d=document&&document.querySelector("body");d&&(d.appendChild(n.value),n.value.style.zIndex=s())}function r(){a?t.value.insertBefore(n.value,a):t.value.appendChild(n.value),n.value.style.zIndex=null}function c(){!n||!t.value||(o.value=!o.value,o.value?l():r())}return{onClickMaxMinIcon:c}}function et(n,t){const o=e.ref(n.buttons),a=e.computed(()=>n.buttonPosition==="inHead"?"right":"left"),s=e.computed(()=>"f-section-toolbar"+(n.buttonPosition==="inHead"?" f-section-header--toolbar":" f-section-content--toolbar")),l=e.computed(()=>n.buttons&&n.buttons.length>0&&n.buttonPosition==="inHead");function r(c){t.emit("Click",c)}return()=>l.value&&e.createVNode(ke,{customClass:s.value,items:o.value,onClick:r,alignment:a.value},null)}function Vn(n,t,o,a,s,l){e.ref(n.subTitle);const r=e.computed(()=>n.buttonPosition),c=et(n,t),{onClickMaxMinIcon:d}=Nn(a,s,l),u=e.computed(()=>!!n.subTitle),p=e.computed(()=>n.enableMaximize),m=e.computed(()=>n.enableAccordion!==""),C=e.computed(()=>{const E={"f-section-header":!0};return t.slots.header&&n.headerClass.split(" ").reduce((I,D)=>(I[D]=!0,I),E),E});function v(E){E.stopPropagation(),n.enableAccordion!==""&&(o.value=!o.value)}function T(){const E=e.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),A=e.computed(()=>({"f-icon":!0,"f-icon-maximize":!l.value,"f-icon-minimize":l.value}));return e.createVNode("div",{class:"f-max-accordion"},[p.value?e.createVNode("span",{class:A.value,onClick:d},null):"",m.value?e.createVNode("button",{class:E.value,onClick:v},[e.createVNode("span",null,[o.value?n.collapseLabel:n.expandLabel])]):""])}function h(){return t.slots.header?e.createVNode("div",{class:C.value},[t.slots.header()]):""}function x(){return e.createVNode("div",{class:"f-title",onClick:v},[e.createVNode("h4",{class:"f-title-text"},[n.mainTitle]),u.value&&e.createVNode("span",null,[n.subTitle])])}function b(){const E=e.computed(()=>{const A={"f-content":!0};return n.headerContentClass&&n.headerContentClass.split(" ").reduce((D,M)=>(D[M]=!0,D),A),A});return t.slots.headerContent?e.createVNode("div",{class:E.value},[t.slots.headerContent()]):""}function w(){return e.createVNode("div",{class:C.value},[t.slots.headerTitle?t.slots.headerTitle():x(),b(),r.value==="inHead"&&c(),(p.value||m.value)&&T()])}return()=>n.showHeader&&(t.slots.header?h():w())}const Bn=["moz","ms","webkit"];function kn(){let n=0;return t=>{const o=new Date().getTime(),a=Math.max(0,16-(o-n)),s=setTimeout(()=>{t(o+a)},a);return n=o+a,s}}function Pn(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const n=Bn.filter(t=>`${t}RequestAnimationFrame`in window)[0];return n?window[`${n}RequestAnimationFrame`]:kn()}Pn();function Ve(n,t){return((t==null?void 0:t.split(" "))||[]).reduce((a,s)=>(s&&(a[s]=!0),a),n),n}const In=e.defineComponent({name:"FSection",props:Ke,emits:[],setup(n,t){const o=e.ref(),a=e.ref(),s=e.ref(n.customClass),l=e.computed(()=>n.enableAccordion),r=e.ref(n.expandStatus),c=e.computed(()=>n.buttonPosition),d=e.ref(!1),u=Vn(n,t,r,o,a,d),p=et(n,t),m=e.computed(()=>{const x={"f-section":!0,"f-section-accordion":l.value==="default","f-state-collapse":(l.value==="default"||l.value==="custom")&&!r.value,"f-section-custom-accordion":l.value==="custom","f-section-fill":n.fill,"f-section-maximize":d.value};return Ve(x,s.value)}),C=e.computed(()=>Ve({"f-section-content":!0},n.contentClass)),v=e.computed(()=>Ve({"f-section-extend":!0},v.value));function T(){return t.slots.extend&&e.createVNode("div",{class:v.value},[t.slots.extend()])}function h(){return e.createVNode("div",{class:C.value},[c.value==="inContent"&&p(),t.slots.default&&t.slots.default()])}return e.watch(()=>n.expandStatus,(x,b)=>{x!==b&&(r.value=x)}),e.onMounted(()=>{o.value&&o.value&&(a.value=o.value.parentElement)}),()=>e.createVNode("div",{class:m.value,ref:o,style:n.customStyle},[u(),T(),h()])}});function En(){function n(t,o){var r;if(!t)return!1;const a=((r=t.targetContainer)==null?void 0:r.componentInstance)&&t.targetContainer.componentInstance.value;if(!a)return!1;const s=a.schema.type,l=o==null?void 0:o.formSchemaUtils.getComponentById(a.belongedComponentId);return!((t.componentCategory==="input"||t.componentType==="form-group")&&![Q["response-layout-item"].type,Q["response-form"].type].includes(s)||(t.componentType===Q.tabs.type||t.componentType===Q.section.type)&&((l==null?void 0:l.componentType)!=="frame"||![Q["content-container"].type,Q["splitter-pane"].type,Q["response-layout-item"].type].includes(s)))}return{basalDragulaRuleForContainer:n}}function jn(n,t){const o=new Ge,{canAccept:a}=o.getTemplateRule(n,t);function s(l){if(!En().basalDragulaRuleForContainer(l,t))return!1;const{schema:c}=n;return c.contents&&c.contents.length>0?!1:a}return{canAccepts:s}}function Dn(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const Rn=e.defineComponent({name:"FTabPageDesign",props:me,emits:[],setup(n,t){const o=e.ref(),a=e.inject("design-item-context"),s=e.inject("designer-host-service"),l=jn(a,s),r=Ue(o,a,l);r.value.canNested=!1,r.value.canDelete=!1,r.value.canMove=!1,t.expose(r.value);const c=e.inject("tabs"),d=e.ref(!0),u={slots:t.slots,props:n},p=e.ref((c==null?void 0:c.tabType.value)||"default");e.onMounted(()=>{o.value.componentInstance=r;const w=c.tabPages.value.findIndex(E=>E.props.id===n.id);!w||w===-1?c==null||c.addTab(u):w>-1&&(d.value=!1,console.warn(`已经存在id为${n.id}的页签啦`))}),e.onUnmounted(()=>{});const m=e.computed(()=>(n==null?void 0:n.id)===(c==null?void 0:c.activeId.value)),C=e.computed(()=>({display:m.value?"":"none"}));e.watch(()=>n,w=>{c==null||c.updateTab({props:w,slots:t.slots})},{immediate:!0,deep:!0});function v(){var E,A;const w=(A=(E=t.slots).default)==null?void 0:A.call(E);return e.createVNode(In,{"main-title":n.title,class:"farris-tab-page"},Dn(w)?w:{default:()=>[w]})}const T=e.computed(()=>({"farris-tab-page":!0,"drag-container":!0}));function h(){var E,A;const w=(A=(E=t.slots).default)==null?void 0:A.call(E);return e.createVNode("div",{ref:o,class:T.value,"data-dragref":`${a.schema.id}-container`,style:C.value},[w])}const b=new Map([["default",h],["one-page",v]]).get(p.value)||h;return()=>d.value?b():null}}),$n=ie({text:{type:String,default:""},icon:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tab-toolbar-item.schema.json",title:"tab-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:"tab-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"按钮",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},Te,pt);oe.install=n=>{n.component(oe.name,oe),n.component(he.name,he)},oe.register=(n,t,o,a)=>{n.tabs=oe,n["tab-page"]=he,t.tabs=Re,t["tab-page"]=Se,a.tabs={eventHandlerResolver:Oe}},oe.registerDesigner=(n,t,o)=>{n.tabs=vn,n["tab-page"]=Rn,t.tabs=$e,t["tab-page"]=Se,t["tab-toolbar-item"]=$n},z.FTabPage=he,z.FTabs=oe,z.default=oe,z.eventHandlerResolver=Oe,z.tabPageProps=me,z.tabPagePropsResolver=Se,z.tabsDesignProps=xe,z.tabsDesignPropsResolver=$e,z.tabsProps=fe,z.tabsPropsResolver=Re,Object.defineProperties(z,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});