@farris/ui-vue 1.7.1 → 1.7.2-beta.1

package/designer/response-toolbar/index.umd.cjs

@@ -1 +1 @@
-(function(ee,X){typeof exports=="object"&&typeof module<"u"?X(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("vue"),require("../../components/locale/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("lodash-es"),require("../tabs/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","vue","../../components/locale/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","lodash-es","../tabs/index.umd.js"],X):(ee=typeof globalThis<"u"?globalThis:ee||self,X(ee["response-toolbar"]={},ee.common,ee.dynamicResolver,ee.responseToolbar,ee.Vue,ee.locale,ee.designerCanvas,ee.propertyPanel,ee.LodashES,ee.designer$1))})(this,function(ee,X,ue,qe,a,lt,ye,Fe,we,at){"use strict";var Jt=Object.defineProperty;var Kt=(ee,X,ue)=>X in ee?Jt(ee,X,{enumerable:!0,configurable:!0,writable:!0,value:ue}):ee[X]=ue;var K=(ee,X,ue)=>Kt(ee,typeof X!="symbol"?X+"":X,ue);const ct=new Map([["buttons","items"],["appearance",ue.resolveAppearance]]);function Ie(e,x,t){return x}const dt={$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:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},ut={$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:""}}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"],events:{onClick:"点击事件"}},ft=Object.assign({},qe.responseToolbarProps,{componentId:{type:String,default:""}}),Pe=ue.createPropsResolver(qe.responseToolbarProps,dt,ct,Ie),We={id:{type:String,default:""},item:{type:Object,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:""},expanded:{type:Boolean,default:!1},alignment:{Type:String,default:"right"},split:{type:Boolean,default:!1},isDP:{type:Boolean,default:!1},isDPItem:{type:Boolean,default:!1}},ze=Object.assign({},We,{item:{type:Object,default:{}},items:{type:Object,default:{}},class:{type:String,default:"btn-secondary"},alignment:{Type:String,default:"right"}}),pt=ue.createPropsResolver(ze,ut,void 0,Ie),ht=ue.createResponseToolbarEventHandlerResolver(),gt={id:{type:String,default:""},customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]},visible:{type:Boolean,default:!0}};class Ge{constructor(x){K(this,"id","");K(this,"class","btn-secondary");K(this,"icon","");K(this,"groupId","");K(this,"order",-1);K(this,"asDropDownTop",!1);K(this,"text","");K(this,"visible",!0);K(this,"shown",!0);K(this,"responsed",!1);K(this,"tipsEnable",!1);K(this,"tipsText","");K(this,"width",0);K(this,"dropdownClass","");K(this,"onClick",()=>{});K(this,"options");var g,d;this.options=x;const t=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","dropdownClass","onClick"];Object.keys(x).filter(r=>t.indexOf(r)>-1).forEach(r=>{r==="visible"?this[r]=x[r]===void 0?!0:x[r]:this[r]=x[r]}),this.shown=this.visible,(g=x.appearance)!=null&&g.class&&(this.class=(d=x.appearance)==null?void 0:d.class)}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:a.computed(()=>!0)}setWidth(x){this.width=parseInt(x,10)}getWidth(){return this.visible?this.width:!1}}class bt extends Ge{constructor(x){super(x)}}function Ue(){function e(x){const t=[];return x.reduce((g,d)=>(d.children&&d.children.length>0?g.push(new De(d)):g.push(new bt(d)),g),t),t}return{buildResponseToolbarItems:e}}const{buildResponseToolbarItems:mt}=Ue();class De extends Ge{constructor(t){super(t);K(this,"placement","");K(this,"visible",!0);K(this,"dropdownClass","");K(this,"menuClass","");K(this,"split",!1);K(this,"children",[]);K(this,"expanded",!1);K(this,"shown",!0);const g=["visible","icon","isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(t).filter(d=>g.indexOf(d)>-1).forEach(d=>{d==="visible"?this[d]=t[d]===void 0?!0:t[d]:this[d]=t[d]}),this.shown=this.visible,t.children&&t.children.length&&(this.children=mt(t.children))}}function Ee(){function e(t){const g={"f-icon":!0};if(t.icon){const d=t.icon.trim().split(" ");d&&d.length&&d.reduce((r,D)=>(r[D]=!0,r),g)}return g}function x(t){return!!(t.icon&&t.icon.trim())}return{iconClass:e,shouldShowIcon:x}}function vt(e,x){function t(h){const n={"dropdown-menu":!0};return X.getCustomClass(n,h.menuClass)}function g(h){const n={disabled:!h.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0,"text-truncate":!0};return X.getCustomClass(n,h.dropdownClass)}function d(h){const n={disabled:!h.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0};return X.getCustomClass(n,h.dropdownClass)}function r(h){const n={disabled:!h.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0,"f-rt-toggle":!h.split,"btn-icontext":!!(h.icon&&h.icon.trim()),"dropdown-toggle":!h.split,"btn-secondary":!0};return X.getCustomClass(n,h.dropdownClass)}function D(h){const n={"f-rt-btn":!0,"text-truncate":!0,"btn-icontext":!!(h.icon&&h.icon.trim()),"d-block":!0};return X.getCustomClass(n,h.dropdownClass)}let C;const b=new Map;let M="";function E(h){M="#"+h}function u(h,n,L){h.stopPropagation();const P=L?L.id:"__top_item__";if(n.children&&n.children.length&&(n.expanded=!n.expanded,n.expanded)){if(b.has(P)&&b.get(P)!==n){const p=b.get(P);p&&(p.expanded=!1,b.delete(P))}b.set(P,n)}}function l(h,n){document.body.click(),n.enable&&(h.stopPropagation(),typeof n.onClick=="function"&&n.onClick(h,n.id),e.emit("click",h,n.id))}function f(h,n){const L=h.target;L.className.indexOf("dropdown-item")<0||(L.title=L.scrollWidth>L.clientWidth?n:"")}function i(h,n,L){if(n.tipsEnable&&n.tipsText){const P=a.reactive({content:n.tipsText,enable:n.tipsEnable});return a.withDirectives(a.createVNode("li",{class:d(n),id:n.id,key:n.id+"_"+L,onClick:p=>l(p,n)},[a.createVNode("span",{class:D(n)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text])]),[[a.resolveDirective("tooltip"),P]])}return a.createVNode("li",{class:d(n),id:n.id,onClick:P=>l(P,n)},[a.createVNode("span",{class:D(n),onMouseenter:P=>f(P,n.text)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text])])}function o(h,n,L){n.enable&&(typeof n.onClick=="function"&&L.onClick(h,n.id),e.emit("click",h,n.id),L.split||u(h,n,L))}function S(h,n,L){h&&h.stopPropagation(),u(h,n,L)}function B(h,n){h.stopPropagation();const L=n.id;if(n.children&&n.children.length&&n.expanded&&b.has(L)){const P=b.get(L);P&&(P.expanded=!1,b.delete(L))}}function z(h,n,L){if(n.tipsEnable&&n.tipsText){const P=a.reactive({content:n.tipsText,enable:n.tipsEnable});return a.createVNode("li",{class:g(n),id:n.id,key:n.id+"_"+L,onClick:p=>o(p,n,h)},[a.withDirectives(a.createVNode("span",{class:r(n)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text]),[[a.resolveDirective("tooltip"),P]]),n.split&&a.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:p=>S(p,n,h)},null),C(n,n)])}return a.createVNode("li",{class:g(n),id:n.id,onClick:P=>o(P,n,h),onMouseenter:P=>f(P,n.text)},[a.createVNode("span",{class:r(n)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text]),n.split&&a.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:P=>S(P,n,h)},null),C(n,n)])}function O(h){return h.children.filter(n=>n.visible).map((n,L)=>n.children&&n.children.length?z(h,n,L):i(h,n,L))}function k(h,n){if(!h)return 1080;let L=-1;const P=h.children.length;for(let p=0;p<P;p++)if(h.children[p].id===n){L=p;break}return 1080+P-L}function m(h,n,L){var q,U;const P={display:h.expanded?"block":"none",position:"fixed",maxWidth:"300px",minWidth:"120px",zIndex:1080,overflowY:"auto",maxHeight:"none"},p=document.querySelector(M);if(!p)return P;const y=a.getCurrentInstance();let s=(U=(q=y==null?void 0:y.exposed)==null?void 0:q.elementRef.value)==null?void 0:U.querySelector("#"+n);if(s||(s=p==null?void 0:p.querySelector("#"+n)),!s)return P;const v=window.innerWidth,I=window.innerHeight,N=s==null?void 0:s.getClientRects();if(s&&N&&N.length){const{top:Y,width:$,left:V,right:Q,height:G}=N[0],H=Math.ceil(G+Y);P.top=`${H}px`,P.left=`${V}px`;const F=h.id+"_menu",oe=(s==null?void 0:s.querySelector("#"+F))||(p==null?void 0:p.querySelector("#"+F))||null;if(oe){oe.style.visibility="hidden",oe.style.display="block";const ae=oe.offsetHeight;P.zIndex=h.expanded?k(p,F):1080,P.display==="block"&&(oe.style.display="block");const w=oe.getBoundingClientRect();if(L){P.top=`${Y-6}px`;const T=Math.ceil($+V);P.left=`${T}px`}v-V-$<w.width&&(P.left=`${(L?V:Q)-w.width}px`),I-Y-G<ae?Y>ae?(P.top=`${Y-ae-6}px`,P.maxHeight=`${Y-16}px`):(P.maxHeight=`${I-H}px`,Y>I-Y-G&&(P.top="10px",P.maxHeight=`${Y-16}px`)):P.maxHeight=`${I-H}px`,oe.style.visibility="visible"}}return P}C=function(h,n){const L=n?n.id:h.id;return a.createVNode(a.Teleport,{to:M,disabled:!h.expanded},{default:()=>[a.createVNode("ul",{class:t(h),style:m(h,L,n),id:h.id+"_menu",onWheel:P=>B(P,h)},[O(h)])]})};function R(){b.forEach(h=>{h.expanded=!1}),b.clear()}return{renderDropdownMenu:C,clearAllDropDownMenu:R,updateContainerId:E}}function yt(e,x,t){const g=a.ref(e.alignment),{renderDropdownMenu:d,clearAllDropDownMenu:r,updateContainerId:D}=vt(x,t);function C(o){const S={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":g.value==="right"||g.value==="center","f-btn-mr":g.value==="left"};return X.getCustomClass(S,o.dropdownClass)}function b(o){const S={btn:!0,disabled:!o.enable,"f-rt-btn":!0,"btn-icontext":!!(o.icon&&o.icon.trim())&&o.text,"f-rt-toggle":!o.split,"dropdown-toggle":!o.split,"f-btn-icon":o.icon&&!o.text};return X.getCustomClass(S,o.class)}function M(o){const S={btn:!0,"dropdown-toggle":!0,"dropdown-toggle-split":!0};return X.getCustomClass(S,o.class)}function E(o){return o.split?{display:"flex"}:{display:"flex","border-radius":"6px"}}function u(o,S){o.stopPropagation();const B=S.expanded;document.body.click(),typeof S.onClick=="function"&&S.onClick(o,S.id),x.emit("click",o,S.id),S.split||(S.expanded=!B)}function l(o,S){o.stopPropagation();const B=S.expanded;document.body.click(),S.expanded=!B}function f(o,S=!0){if(o.tipsEnable&&o.tipsText){const B=a.reactive({content:o.tipsText,enable:o.tipsEnable});return a.createVNode("div",{id:o.id,class:C(o)},[a.withDirectives(a.createVNode("div",{class:b(o),style:E(o),onClick:z=>o.enable&&u(z,o)},[t.shouldShowIcon(o)&&a.createVNode("i",{class:t.iconClass(o)},null),o.text&&a.createVNode("span",null,[o.text])]),[[a.resolveDirective("tooltip"),B]]),o.split&&a.createVNode("button",{class:M(o),style:"border-radius:0 6px 6px 0;",onClick:z=>l(z,o)},null),S&&d(o)])}return a.createVNode("div",{id:o.id,class:C(o)},[a.createVNode("div",{class:b(o),style:E(o),onClick:B=>o.enable&&u(B,o)},[t.shouldShowIcon(o)&&a.createVNode("i",{class:t.iconClass(o)},null),o.text&&a.createVNode("span",null,[o.text])]),o.split&&a.createVNode("button",{class:M(o),style:"border-radius:0 6px 6px 0;",onClick:B=>l(B,o)},null),S&&d(o)])}function i(){r()}return{renderToolbarDropdown:f,clearAllDropDown:i,updateContainerId:D}}const{buildResponseToolbarItems:Ye}=Ue(),wt=a.defineComponent({name:"FResponseToolbar",props:gt,emits:["click"],setup(e,x){const t=a.ref(Ye(e.items)),g=a.ref(),d=a.ref(),r=a.ref(),D=X.isMobilePhone(),C={id:"__more_buttons__",text:D?"":lt.LocaleService.getLocaleValue("responseToolbar.more"),icon:D?"f-icon-more-horizontal":""},b=a.ref(new De(C)),M=Object.assign({},C,{id:C.id+"width"}),E=a.ref(-1),u=Ee();let l=!1;const{guid:f,uuid:i}=X.useGuid(),o=e.id?e.id:"toolbar-"+f(),S=a.ref(),B="dropdown-container-"+o+"-"+i(4),{renderToolbarDropdown:z,clearAllDropDown:O,updateContainerId:k}=yt(e,x,u);k(B);const m=a.computed(()=>b.value.children.length>0),R=a.computed(()=>e.visible?b.value.children.length>0?!0:t.value.findIndex(w=>w.shown&&w.children&&w.children.length>0)>-1:!1);function h(){e.visible&&!S.value&&document&&(S.value=document.createElement("div"),S.value.id=B,document.body.appendChild(S.value))}h();function n(){S.value&&document.body.contains(S.value)&&(document.body.removeChild(S.value),S.value=null)}a.watch(R,(w,T)=>{w?h():n()});const L=a.computed(()=>{const w={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0,"f-response-toolbar-sm":e.buttonSize==="sm","f-response-toolbar-lg":e.buttonSize==="lg","d-none":!e.visible};return X.getCustomClass(w,e.customClass)}),P=a.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":e.alignment==="right","justify-content-start":e.alignment==="left","justify-content-center":e.alignment==="center"}));function p(w){w&&w.target.closest("ul.dropdown-menu")&&w.type==="wheel"||(t.value.filter(T=>T.children&&T.children.length>0).forEach(T=>{T.expanded=!1}),b.value.expanded=!1,O())}function y(w,T){var ne;const A={btn:!0,"f-rt-btn":!0,"f-btn-ml":e.alignment==="right"||T>0&&e.alignment==="center","f-btn-mr":e.alignment==="left","btn-icontext":!!(w.icon&&w.icon.trim())},te=((ne=w==null?void 0:w.appearance)==null?void 0:ne.class)||w.class||"btn-secondary";return X.getCustomClass(A,te)}function s(w,T){document.body.click(),typeof T.onClick=="function"&&T.onClick(w,T.id),x.emit("click",w,T.id)}function v(w,T){if(w.tipsEnable&&w.tipsText){const A=a.reactive({content:w.tipsText,enable:w.tipsEnable});return a.withDirectives(a.createVNode("button",{type:"button",class:y(w,T),id:w.id,disabled:!w.enable,onClick:te=>s(te,w)},[u.shouldShowIcon(w)&&a.createVNode("i",{class:u.iconClass(w)},null),w.text]),[[a.resolveDirective("tooltip"),A]])}return a.createVNode("button",{type:"button",class:y(w,T),id:w.id,disabled:!w.enable,onClick:A=>s(A,w)},[u.shouldShowIcon(w)&&a.createVNode("i",{class:u.iconClass(w)},null),w.text])}let I=new Map,N=[];function q(w){const T=Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-left"))),A=Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-right")));return(T||0)+w.getBoundingClientRect().width+(A||0)}function U(w,T,A){if(T<E.value){let te=A-1;for(;te>=0;te--){const ne=w[te],re=q(ne);if(T+=re,T>=E.value)break}A=te}return T-=E.value,A=A<0?0:A,{start:A,space:T}}function Y(w){const T=r.value;let A=w;const ne=Array.from(T.children).filter(ce=>ce.id!=="__more_buttons__"),re=ne.length;let Ce=!1,se=0;for(;se<re;se++){const ce=ne[se],xe=q(ce);if(xe<=A)A-=xe;else{const he=U(ne,A,se);se=he.start,A=he.space,Ce=!0;break}}if(!Ce&&N.length>0){const ce=U(ne,A,se);se=ce.start,A=ce.space}const ke=N.length>0;for(;se<re;se++){const ce=ne[se],xe=q(ce);I.set(ce.id,!0);const he=N.find(Re=>Re.id===ce.id);he?he.width=xe:N[ke?"unshift":"push"]({id:ce.id,width:xe})}return A}function $(){I=new Map,N=[]}function V(w=!1){const T=Object.assign({},b.value);T.children=[];const A=new De(T),te=t.value.reduce((ne,re)=>{const Ce=e.items.find(se=>se.id===re.id);return w?(A.children.push(re),re.shown=!1,ne):(I.has(re.id)?(A.children.push(re),re.shown=!1):re.shown=Ce.visible!==!1,ne.push(re),ne)},[]);b.value=A,t.value=te}function Q(w){if(D){$(),V(!0);return}let T=Y(w);if(N.length){let A=0;for(;A<N.length;A++){const te=e.items.find(ne=>ne.id===N[A].id);if(te&&te.visible!==!1){const ne=N[A].width;if(T>=ne||A===N.length-1&&T+E.value>=ne)T-=ne;else break}}for(let te=0;te<A;te++)I.delete(N[te].id);N.splice(0,A-1)}V()}function G(){if(g.value&&E.value<0){const w=g.value.querySelector("#"+M.id);if(!w)return;w.getBoundingClientRect().width===0?E.value=-1:E.value=q(w)}}function H(w=-1){if(w===0||!r.value||!d.value)return;w<0&&(w=d.value.getBoundingClientRect().width);const T=r.value.getBoundingClientRect().width;if(D){Q(w),p();return}(w>=0&&w<T||N.length)&&(G(),Q(w),p())}function F(){return E.value<0&&a.createVNode("div",{style:"position:fixed;top:-40px;visibility:hidden;"},[z(new De(M))])}const oe=new ResizeObserver(w=>{if(w.length){if(D)return;const A=w[0].contentRect.width;H(A)}});function ae(){d.value&&!l&&(oe.observe(d.value),l=!0)}return a.onMounted(()=>{G(),H(),ae(),document.body.addEventListener("click",p),document.body.addEventListener("wheel",p)}),a.onUnmounted(()=>{oe.disconnect(),n(),document.body.removeEventListener("click",p),document.body.removeEventListener("wheel",p)}),a.watch(()=>e.items,()=>{t.value=Ye(e.items),b.value.children=[],a.nextTick(()=>{G(),$(),H()})},{deep:!0}),a.watch(()=>e.visible,w=>{w&&a.nextTick(()=>{G(),H(),ae()})}),x.expose({elementRef:g}),()=>a.createVNode("div",{class:L.value,id:o,ref:g,style:{"overflow-y":E.value<0?"hidden":"initial"}},[e.visible&&F(),e.visible&&a.createVNode("div",{ref:d,class:P.value},[a.createVNode("div",{ref:r,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[t.value.filter(w=>w.shown).map((w,T)=>w.children&&w.children.length>0?z(w):v(w,T)),m.value&&z(b.value)])])])}});class Ct extends Fe.BaseControlProperty{constructor(t,g,d="response-toolbar"){super(t,g);K(this,"toolbarType","response-toolbar");this.toolbarType=d}getPropertyConfig(t){return this.propertyConfig.categories.basic=this.getBasicPropConfig(t),this.toolbarType!=="tab-toolbar"&&this.getAppearancePropConfig(t),this.propertyConfig.categories.behavior=this.getBehaviorConfig(t),this.propertyConfig}getAppearancePropConfig(t){this.propertyConfig.categories.appearance={title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}}}}getBehaviorProperties(t){this.propertyConfig.categories.behavior={title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"在工具栏区域内按钮组的位置",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}}function xt(e,x,t){const g=e.schema;function d(){var o,S,B;let i=((o=e.parent)==null?void 0:o.schema.type)||"";i==="drawer"&&(((S=e.parent)==null?void 0:S.schema.headerToolbar.id)===g.id?i="drawer-header-toolbar":((B=e.parent)==null?void 0:B.schema.footerToolbar.id)===g.id&&(i="drawer-footer-toolbar")),["page-header","tabs","section","drawer-header-toolbar","drawer-footer-toolbar"].findIndex(z=>z===i)===-1&&(i=""),t.toolbarPosition=i}d();function r(i){return!1}function D(i,o){return o.text=i.label,o}function C(){return!1}function b(){return!1}function M(){return!1}function E(){return!0}function u(i){return new Ct(i,x,g.type).getPropertyConfig(g)}function l(i){var z;i&&(i.stopPropagation(),i.preventDefault());const{schema:o}=e;o.buttons||(o.buttons=[]);let S="";if(o.type)S=o.type+"-item";else switch((z=e.parent)==null?void 0:z.schema.type){case"tabs":S="tab-toolbar-item";break;case"section":S="section-toolbar-item";break;case"drawer":S="drawer-toolbar-item";break;default:S="response-toolbar-item"}const B=ue.getSchemaByType(S);B.id=`toolbar_item_${Math.random().toString().slice(2,6)}`,o.buttons.push(B),t.updateToolbarItems(),t.changeSelectedId("")}function f(){return[{id:"appendItem",title:"新增按钮",text:"",icon:"f-icon f-icon-plus-circle text-white",onClick:i=>l(i)}]}return{canAccepts:r,checkCanAddComponent:M,checkCanDeleteComponent:b,checkCanMoveComponent:C,hideNestedPaddingInDesginerView:E,onResolveNewComponentSchema:D,getPropsConfig:u,getCustomButtons:f}}var be=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Tt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Se(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var Xe={exports:{}};(function(e,x){(function(t){e.exports=t()})(function(){return function(){function t(g,d,r){function D(M,E){if(!d[M]){if(!g[M]){var u=typeof Se=="function"&&Se;if(!E&&u)return u(M,!0);if(C)return C(M,!0);var l=new Error("Cannot find module '"+M+"'");throw l.code="MODULE_NOT_FOUND",l}var f=d[M]={exports:{}};g[M][0].call(f.exports,function(i){var o=g[M][1][i];return D(o||i)},f,f.exports,t,g,d,r)}return d[M].exports}for(var C=typeof Se=="function"&&Se,b=0;b<r.length;b++)D(r[b]);return D}return t}()({1:[function(t,g,d){var r={},D="(?:^|\\s)",C="(?:\\s|$)";function b(u){var l=r[u];return l?l.lastIndex=0:r[u]=l=new RegExp(D+u+C,"g"),l}function M(u,l){var f=u.className;f.length?b(l).test(f)||(u.className+=" "+l):u.className=l}function E(u,l){u.className=u.className.replace(b(l)," ").trim()}g.exports={add:M,rm:E}},{}],2:[function(t,g,d){(function(r){var D=t("contra/emitter"),C=t("crossvent"),b=t("./classes"),M=document,E=M.documentElement;function u(p,y){var s=arguments.length;s===1&&Array.isArray(p)===!1&&(y=p,p=[]);var v,I,N,q,U,Y,$,V,Q,G=null,H,F,oe=!1,ae=0,w,T=y||{};T.moves===void 0&&(T.moves=z),T.accepts===void 0&&(T.accepts=z),T.invalid===void 0&&(T.invalid=$t),T.containers===void 0&&(T.containers=p||[]),T.isContainer===void 0&&(T.isContainer=B),T.copy===void 0&&(T.copy=!1),T.copySortSource===void 0&&(T.copySortSource=!1),T.revertOnSpill===void 0&&(T.revertOnSpill=!1),T.removeOnSpill===void 0&&(T.removeOnSpill=!1),T.direction===void 0&&(T.direction="vertical"),T.ignoreInputTextSelection===void 0&&(T.ignoreInputTextSelection=!0),T.mirrorContainer===void 0&&(T.mirrorContainer=M.body);var A=D({containers:T.containers,start:At,end:Ke,cancel:ot,remove:nt,destroy:se,canMove:Re,dragging:!1});return T.removeOnSpill===!0&&A.on("over",Lt).on("out",qt),ne(),A;function te(c){return A.containers.indexOf(c)!==-1||T.isContainer(c)}function ne(c){var j=c?"remove":"add";i(E,j,"mousedown",ce),i(E,j,"mouseup",Be)}function re(c){var j=c?"remove":"add";i(E,j,"mousemove",xe)}function Ce(c){var j=c?"remove":"add";C[j](E,"selectstart",ke),C[j](E,"click",ke)}function se(){ne(!0),Be({})}function ke(c){H&&c.preventDefault()}function ce(c){q=c.clientX,U=c.clientY;var j=o(c)!==1||c.metaKey||c.ctrlKey;if(!j){var _=c.target,W=he(_);W&&(H=W,re(),c.type==="mousedown"&&(R(_)?_.focus():c.preventDefault()))}}function xe(c){if(H){if(o(c)===0){Be({});return}if(!(c.clientX!==void 0&&Math.abs(c.clientX-q)<=(T.slideFactorX||0)&&c.clientY!==void 0&&Math.abs(c.clientY-U)<=(T.slideFactorY||0))){if(T.ignoreInputTextSelection){var j=P("clientX",c)||0,_=P("clientY",c)||0,W=M.elementFromPoint(j,_);if(R(W))return}var Z=H;re(!0),Ce(),Ke(),Je(Z),b.add(V||N,"gu-transit"),Wt(),Ft(),ae=0,Ae(c)}}}function he(c){if(!(A.dragging&&v)&&!te(c)){for(var j=c;m(c)&&te(m(c))===!1;)if(T.invalid(c,j)||(c=m(c),!c))return;var _=m(c);if(_&&!T.invalid(c,j)){var W=T.moves(c,_,j,n(c));if(W)return{item:c,source:_}}}}function Re(c){return!!he(c)}function At(c){var j=he(c);j&&Je(j)}function Je(c){Zt(c.item,c.source)&&(V=c.item.cloneNode(!0),A.emit("cloned",V,c.item,"copy")),I=c.source,N=c.item,Y=$=n(c.item),A.dragging=!0,A.emit("drag",N,I)}function $t(){return!1}function Ke(){if(A.dragging){var c=V||N;tt(c,m(c))}}function et(){H=!1,re(!0),Ce(!0)}function Be(c){if(et(),!!A.dragging){var j=V||N,_=P("clientX",c)||0,W=P("clientY",c)||0,Z=S(v,_,W),J=rt(Z,_,W);J&&(V&&T.copySortSource||!V||J!==I)?tt(j,J):T.removeOnSpill?nt():ot()}}function tt(c,j){var _=m(c);V&&T.copySortSource&&j===I&&_.removeChild(N),_e(j)?A.emit("cancel",c,I):A.emit("drop",c,j,I,$),Oe()}function nt(){if(A.dragging){var c=V||N,j=m(c);j&&j.removeChild(c),A.emit(V?"cancel":"remove",c,j,I),Oe()}}function ot(c){if(A.dragging){var j=arguments.length>0?c:T.revertOnSpill,_=V||N,W=m(_),Z=_e(W);Z===!1&&j&&(V?W&&W.removeChild(V):I.insertBefore(_,Y)),Z||j?A.emit("cancel",_,I,I):A.emit("drop",_,W,I,$),Oe()}}function Oe(){var c=V||N;et(),zt(),Gt(),c&&b.rm(c,"gu-transit"),Q&&clearTimeout(Q),A.dragging=!1,G&&A.emit("out",c,G,I),A.emit("dragend",c,ae),I=N=V=Y=$=Q=G=null}function _e(c,j){var _;return j!==void 0?_=j:v?_=$:_=n(V||N),c===I&&_===Y}function rt(c,j,_){for(var W=c;W&&!Z();)W=m(W);return W;function Z(){var J=te(W);if(J===!1)return!1;var ge=it(W,c),de=st(W,ge,j,_),pe=_e(W,de);return pe?!0:T.accepts(N,W,I,de)}}function Ae(c){if(!v)return;c.preventDefault();var j=P("clientX",c)||0,_=P("clientY",c)||0;v.style.left=j-2+"px",v.style.top=_-2+"px";var W=V||N,Z=S(v,j,_),J=rt(Z,j,_),ge=J!==null&&J!==G;(ge||J===null)&&(fe(),G=J,ve()),Qt(Z,_);var de=m(W);if(J===I&&V&&!T.copySortSource){de&&de.removeChild(W);return}var pe,me=it(J,Z);if(oe=Ut(me,J),me!==null)pe=st(J,me,j,_);else if(T.revertOnSpill===!0&&!V)pe=Y,J=I;else{V&&de&&de.removeChild(W),V&&F&&(F.style.display="none");return}F.style.display="block",Vt(pe,W,ge),pe?Xt(me,pe):Ht(J);function ie(le){A.emit(le,W,G,I)}function ve(){ge&&ie("over")}function fe(){G&&ie("out")}}function Vt(c,j,_){(c===j||c===n(j))&&($=n(j)),(c===null&&_||c!==j&&c!==n(j))&&($=c)}function Lt(c){b.rm(c,"gu-hide")}function qt(c){A.dragging&&b.add(c,"gu-hide")}function Ft(){v||(v=document.createElement("div"),v.style="background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;",v.innerHTML=T.getMirrorText&&T.getMirrorText(N)||"控件",b.add(v,"gu-mirror"),T.mirrorContainer.appendChild(v),i(E,"add","mousemove",Ae),b.add(T.mirrorContainer,"gu-unselectable"),A.emit("cloned",v,N,"mirror"))}function Wt(){if(F=document.createElement("div"),b.add(F,"gu-insertion"),N){var c=N.getBoundingClientRect();F.style.left=c.left+"px",F.style.top=c.top+"px"}oe=!1,T.mirrorContainer.appendChild(F)}function zt(){v&&(b.rm(T.mirrorContainer,"gu-unselectable"),i(E,"remove","mousemove",Ae),m(v).removeChild(v),v=null)}function Gt(){F&&(m(F).removeChild(F),F=null)}function it(c,j){for(var _=j;_!==c&&m(_)!==c;)_=m(_);return _===E?null:_}function Ut(c,j){if(!j)return oe;var _=c||j&&j.lastElementChild;if(!_)return!0;var W=getComputedStyle(c),Z=/^inline/.test(W.getPropertyValue("display"))||/^(left|right)$/.test(W.getPropertyValue("float"));if(Z)return!0;if(j){var J=getComputedStyle(j),ge=J.getPropertyValue("display");if(/flex$/.test(ge)){var de=J.getPropertyValue("flex-direction")||"row";if(de==="row"||de==="row-reverse")return!Yt(j)}return!1}return!0}function Yt(c){if(!c.children||!c.children.length)return!1;for(const j of Array.from(c.children)){const W=(j.className&&j.className.split(" ")||[]).filter(Z=>/^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(Z));if(!W.length)return!1;for(const Z of W){const J=Z.slice(Z.lastIndexOf("-")+1);if(parseInt(J,10)!==12)return!1}}return!0}function Xt(c,j){const _=j.getBoundingClientRect();if(F.style.left=_.left+"px",F.style.top=_.top+"px",oe){if(F.style.height=_.height+"px",F.style.width="4px",c){const W=c.getBoundingClientRect();W.top!==_.top&&(F.style.left=W.right+"px",F.style.top=W.top+"px",F.style.height=W.height+"px")}}else if(F.style.height="4px",F.style.width=_.width+"px",w){const W=w.getBoundingClientRect();_.top<W.top&&(F.style.display="none")}j===N&&N&&(F.style.display="none")}function Ht(c){$=null;var j=c.lastElementChild;if(j){var _=j.getBoundingClientRect();oe?(F.style.left=_.right+"px",F.style.top=_.top+"px",F.style.height=_.height+"px",F.style.width="4px"):(F.style.left=_.left+"px",F.style.top=_.bottom+"px",F.style.height="4px",F.style.width=_.width+"px"),j===N&&N&&(F.style.display="none")}else F.style.display="none"}function Qt(c,j){if(!T.mirrorContainer.contains(c)||!window.scrollContainerList||!Array.from(window.scrollContainerList).length||(w=l(c),!w||!w.contains(c)))return;const _=document.querySelector(".dgComponentSelected"),W=w.getBoundingClientRect();if(j-30<W.top&&w.scrollTop>0){let Z=w.scrollTop<10?w.scrollTop:10;w.scrollBy(0,-1*Z),_&&w.contains(_)&&(ae=ae+-1*Z)}if(j+30>W.bottom&&w.scrollTop<w.scrollHeight-w.clientHeight){const Z=w.scrollHeight-w.clientHeight-w.scrollTop;let J=Z<10?Z:10;w.scrollBy(0,J),_&&w.contains(_)&&(ae=ae+J)}}function st(c,j,_,W){var Z=T.direction==="horizontal",J=T.direction==="mixed",ge=j!==c?pe():de();return ge;function de(){var ie=c.children.length,ve,fe,le;for(ve=0;ve<ie;ve++)if(fe=c.children[ve],le=fe.getBoundingClientRect(),Z&&le.left+le.width/2>_||!J&&!Z&&le.top+le.height/2>W||J&&le.left+le.width>_&&le.top+le.height>W)return fe;return null}function pe(){var ie=j.getBoundingClientRect();if(J){var ve=W-ie.top,fe=_-ie.left,le=ie.bottom-W,$e=ie.right-_,Ve=Math.min(fe,$e,ve,le),Le;return oe?Le=$e<fe:Le=le===Ve||$e===Ve||fe===Ve,me(Le)}return me(Z?_>ie.left+O(ie)/2:W>ie.top+k(ie)/2)}function me(ie){return ie?n(j):j}}function Zt(c,j){return typeof T.copy=="boolean"?T.copy:T.copy(c,j)}}function l(p){const y=Array.from(window.scrollContainerList);if(y.length===1){const v=Array.from(window.scrollContainerList)[0];return document.getElementById(v)}const s=f(y);for(const v of s)if(v.contains(p))return v;return null}function f(p){const y=[];return p.forEach(s=>{const v=document.getElementById(s);v&&y.push(v)}),y.sort((s,v)=>s.contains(v)?1:v.contains(s)?-1:0),y}function i(p,y,s,v){var I={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},N={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},q={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};r.navigator.pointerEnabled?C[y](p,N[s],v):r.navigator.msPointerEnabled?C[y](p,q[s],v):(C[y](p,I[s],v),C[y](p,s,v))}function o(p){if(p.touches!==void 0)return p.touches.length;if(p.which!==void 0&&p.which!==0)return p.which;if(p.buttons!==void 0)return p.buttons;var y=p.button;if(y!==void 0)return y&1?1:y&2?3:y&4?2:0}function S(p,y,s){p=p||{};var v=p.className||"",I;return p.className+=" gu-hide",I=M.elementFromPoint(y,s),p.className=v,I}function B(){return!1}function z(){return!0}function O(p){return p.width||p.right-p.left}function k(p){return p.height||p.bottom-p.top}function m(p){return p.parentNode===M?null:p.parentNode}function R(p){return p.tagName==="INPUT"||p.tagName==="TEXTAREA"||p.tagName==="SELECT"||h(p)}function h(p){return!p||p.contentEditable==="false"?!1:p.contentEditable==="true"?!0:h(m(p))}function n(p){return p.nextElementSibling||y();function y(){var s=p;do s=s.nextSibling;while(s&&s.nodeType!==1);return s}}function L(p){return p.targetTouches&&p.targetTouches.length?p.targetTouches[0]:p.changedTouches&&p.changedTouches.length?p.changedTouches[0]:p}function P(p,y){var s=L(y),v={pageX:"clientX",pageY:"clientY"};return p in v&&!(p in s)&&v[p]in s&&(p=v[p]),s[p]}g.exports=u}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./classes":1,"contra/emitter":5,crossvent:6}],3:[function(t,g,d){g.exports=function(D,C){return Array.prototype.slice.call(D,C)}},{}],4:[function(t,g,d){var r=t("ticky");g.exports=function(C,b,M){C&&r(function(){C.apply(M||null,b||[])})}},{ticky:10}],5:[function(t,g,d){var r=t("atoa"),D=t("./debounce");g.exports=function(b,M){var E=M||{},u={};return b===void 0&&(b={}),b.on=function(l,f){return u[l]?u[l].push(f):u[l]=[f],b},b.once=function(l,f){return f._once=!0,b.on(l,f),b},b.off=function(l,f){var i=arguments.length;if(i===1)delete u[l];else if(i===0)u={};else{var o=u[l];if(!o)return b;o.splice(o.indexOf(f),1)}return b},b.emit=function(){var l=r(arguments);return b.emitterSnapshot(l.shift()).apply(this,l)},b.emitterSnapshot=function(l){var f=(u[l]||[]).slice(0);return function(){var i=r(arguments),o=this||b;if(l==="error"&&E.throws!==!1&&!f.length)throw i.length===1?i[0]:i;return f.forEach(function(B){E.async?D(B,i,o):B.apply(o,i),B._once&&b.off(l,B)}),b}},b}},{"./debounce":4,atoa:3}],6:[function(t,g,d){(function(r){var D=t("custom-event"),C=t("./eventmap"),b=r.document,M=l,E=i,u=[];r.addEventListener||(M=f,E=o),g.exports={add:M,remove:E,fabricate:S};function l(m,R,h,n){return m.addEventListener(R,h,n)}function f(m,R,h){return m.attachEvent("on"+R,z(m,R,h))}function i(m,R,h,n){return m.removeEventListener(R,h,n)}function o(m,R,h){var n=O(m,R,h);if(n)return m.detachEvent("on"+R,n)}function S(m,R,h){var n=C.indexOf(R)===-1?P():L();m.dispatchEvent?m.dispatchEvent(n):m.fireEvent("on"+R,n);function L(){var p;return b.createEvent?(p=b.createEvent("Event"),p.initEvent(R,!0,!0)):b.createEventObject&&(p=b.createEventObject()),p}function P(){return new D(R,{detail:h})}}function B(m,R,h){return function(L){var P=L||r.event;P.target=P.target||P.srcElement,P.preventDefault=P.preventDefault||function(){P.returnValue=!1},P.stopPropagation=P.stopPropagation||function(){P.cancelBubble=!0},P.which=P.which||P.keyCode,h.call(m,P)}}function z(m,R,h){var n=O(m,R,h)||B(m,R,h);return u.push({wrapper:n,element:m,type:R,fn:h}),n}function O(m,R,h){var n=k(m,R,h);if(n){var L=u[n].wrapper;return u.splice(n,1),L}}function k(m,R,h){var n,L;for(n=0;n<u.length;n++)if(L=u[n],L.element===m&&L.type===R&&L.fn===h)return n}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./eventmap":7,"custom-event":8}],7:[function(t,g,d){(function(r){var D=[],C="",b=/^on/;for(C in r)b.test(C)&&D.push(C.slice(2));g.exports=D}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],8:[function(t,g,d){(function(r){var D=r.CustomEvent;function C(){try{var b=new D("cat",{detail:{foo:"bar"}});return b.type==="cat"&&b.detail.foo==="bar"}catch{}return!1}g.exports=C()?D:typeof document<"u"&&typeof document.createEvent=="function"?function(M,E){var u=document.createEvent("CustomEvent");return E?u.initCustomEvent(M,E.bubbles,E.cancelable,E.detail):u.initCustomEvent(M,!1,!1,void 0),u}:function(M,E){var u=document.createEventObject();return u.type=M,E?(u.bubbles=!!E.bubbles,u.cancelable=!!E.cancelable,u.detail=E.detail):(u.bubbles=!1,u.cancelable=!1,u.detail=void 0),u}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],9:[function(t,g,d){var r=g.exports={},D,C;function b(){throw new Error("setTimeout has not been defined")}function M(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?D=setTimeout:D=b}catch{D=b}try{typeof clearTimeout=="function"?C=clearTimeout:C=M}catch{C=M}})();function E(k){if(D===setTimeout)return setTimeout(k,0);if((D===b||!D)&&setTimeout)return D=setTimeout,setTimeout(k,0);try{return D(k,0)}catch{try{return D.call(null,k,0)}catch{return D.call(this,k,0)}}}function u(k){if(C===clearTimeout)return clearTimeout(k);if((C===M||!C)&&clearTimeout)return C=clearTimeout,clearTimeout(k);try{return C(k)}catch{try{return C.call(null,k)}catch{return C.call(this,k)}}}var l=[],f=!1,i,o=-1;function S(){!f||!i||(f=!1,i.length?l=i.concat(l):o=-1,l.length&&B())}function B(){if(!f){var k=E(S);f=!0;for(var m=l.length;m;){for(i=l,l=[];++o<m;)i&&i[o].run();o=-1,m=l.length}i=null,f=!1,u(k)}}r.nextTick=function(k){var m=new Array(arguments.length-1);if(arguments.length>1)for(var R=1;R<arguments.length;R++)m[R-1]=arguments[R];l.push(new z(k,m)),l.length===1&&!f&&E(B)};function z(k,m){this.fun=k,this.array=m}z.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={};function O(){}r.on=O,r.addListener=O,r.once=O,r.off=O,r.removeListener=O,r.removeAllListeners=O,r.emit=O,r.prependListener=O,r.prependOnceListener=O,r.listeners=function(k){return[]},r.binding=function(k){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(k){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}},{}],10:[function(t,g,d){(function(r){var D=typeof r=="function",C;D?C=function(b){r(b)}:C=function(b){setTimeout(b,0)},g.exports=C}).call(this,t("timers").setImmediate)},{timers:11}],11:[function(t,g,d){(function(r,D){var C=t("process/browser.js").nextTick,b=Function.prototype.apply,M=Array.prototype.slice,E={},u=0;d.setTimeout=function(){return new l(b.call(setTimeout,window,arguments),clearTimeout)},d.setInterval=function(){return new l(b.call(setInterval,window,arguments),clearInterval)},d.clearTimeout=d.clearInterval=function(f){f.close()};function l(f,i){this._id=f,this._clearFn=i}l.prototype.unref=l.prototype.ref=function(){},l.prototype.close=function(){this._clearFn.call(window,this._id)},d.enroll=function(f,i){clearTimeout(f._idleTimeoutId),f._idleTimeout=i},d.unenroll=function(f){clearTimeout(f._idleTimeoutId),f._idleTimeout=-1},d._unrefActive=d.active=function(f){clearTimeout(f._idleTimeoutId);var i=f._idleTimeout;i>=0&&(f._idleTimeoutId=setTimeout(function(){f._onTimeout&&f._onTimeout()},i))},d.setImmediate=typeof r=="function"?r:function(f){var i=u++,o=arguments.length<2?!1:M.call(arguments,1);return E[i]=!0,C(function(){E[i]&&(o?f.apply(null,o):f.call(null),d.clearImmediate(i))}),i},d.clearImmediate=typeof D=="function"?D:function(f){delete E[f]}}).call(this,t("timers").setImmediate,t("timers").clearImmediate)},{"process/browser.js":9,timers:11}]},{},[2])(2)})})(Xe);var Dt=Xe.exports;const He=Tt(Dt);function St(e){let x;function t(d,r,D,C){const b=e.schema;if(!(b!=null&&b.buttons))return;let M;if(D){const f=D.getAttribute("id");M=Array.from(r.children).findIndex(i=>i.getAttribute("id")===f)}else M=Array.from(r.children).length;const E=d.getAttribute("id"),u=Array.from(r.children).findIndex(f=>f.getAttribute("id")===E),l=b.buttons[u];u!==M&&u>-1&&M>-1&&(u<M&&(M=M-1),b.buttons.splice(u,1),b.buttons.splice(M,0,l),C(),a.nextTick(()=>{const f=r.querySelector(".dgComponentSelected");f!=null&&f.className.includes("dgComponentSelected")&&(f.classList.remove("dgComponentSelected"),f.classList.remove("dgComponentFocused"),f.click()),ye.canvasChanged.value++}))}function g(d,r,D){x&&x.destroy(),!(!He||!d||!r)&&(x=He([d],{mirrorContainer:r,direction:"horizontal",getMirrorText(C){return C.innerText},moves(C,b,M){let E=!0;return M.classList.contains("dropdown-item")?(E=!1,E):(C.classList.contains("no-drag")&&(E=!1),E)}}).on("drop",(C,b,M,E)=>t(C,b,E,D)))}return{dragulaInstance:x,initDragula:g}}function kt(e,x,t){const{renderToolbarItemDesigner:g,actionHandlers:d}=t;let r;function D(O){r=O}function C(O,k=null){const m=x.value.find(R=>R.id===O.id);if(m.isDP)if(document.body.click(),typeof k=="boolean")m.expanded=k;else{const R=O.expanded;m.expanded=!R}}d.toggleDropdownMenu=C;function b(O){var m;const k={"dropdown-menu":!0};if(O.class){const R=(m=O.menuClass)==null?void 0:m.split(" ");R&&R.length&&R.reduce((h,n)=>(h[n]=!0,h),k)}return k}function M(O){var R;const k={disabled:O.disabled===!1,"dropdown-submenu":!0,"f-rt-dropdown":!0,"text-truncate":!0},m=(R=O.dropdownClass)==null?void 0:R.split(" ");return m&&m.length&&m.reduce((h,n)=>(h[n]=!0,h),k),k}function E(O){const k={disabled:!1,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0,"text-truncate":!0},m=(O.class||"").split(" ");return m&&m.length&&m.reduce((R,h)=>(R[h]=!0,R),k),k}let u;const l=new Map;function f(O,k,m){O.stopPropagation();const R=m?m.id:"__top_item__";if(k.children&&k.children.length&&(k.expanded=!k.expanded,k.expanded)){if(l.has(R)&&l.get(R)!==k){const h=l.get(R);h&&(h.expanded=!1,l.delete(R))}l.set(R,k)}}function i(O){var k;return(k=O.children)==null?void 0:k.map((m,R)=>m.children&&m.children.length?a.createVNode("li",{class:M(m),id:m.id},[a.createVNode("span",{class:E(m),onClick:h=>f(h,m,O)},[m.text,a.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),u(m,m)]):g(m,R,!0))}function o(O){return O==="page-header"||O==="drawer-header-toolbar"}function S(O,k,m,R){const{height:L,left:P,top:p}=R[0],{width:y,height:s}=m.getBoundingClientRect(),{marginTop:v,marginBottom:I}=getComputedStyle(m),N=Math.ceil(parseFloat(v))+Math.ceil(parseFloat(I)),q=p+L,U=k==null?void 0:k.getBoundingClientRect();function Y(){let G=0,H="left";const F=U?U.right:window.innerWidth,oe=U?U.left:0;return G=F-P-10,F-P<y&&P-oe>F-P&&(H="right",G=P-oe-10),{hposition:H,maxWidth:Math.min(G,300)}}let $=0,V="bottom";if(O==="tabs"||O==="section")$=k.getBoundingClientRect().bottom-q-N-10;else{const G=U?U.bottom:window.innerHeight;$=o(O)?G-q:p,$=$-N-10,V=o(O)?"bottom":"top"}const Q=Y();return{position:V+"-"+Q.hposition,maxWidth:Q.maxWidth,maxHeight:$}}function B(O){var n,L,P,p;const k="300px",m={display:O.expanded===!0?"block":"none",position:"absolute",maxWidth:k,minWidth:"120px"};if(!(r!=null&&r.value))return m;const R=r.value.querySelector("#"+O.id),h=R==null?void 0:R.getClientRects();if(R&&h&&h.length>0){const y=R?R.querySelector("#"+O.id+"_menu"):null;if(!y||O.expanded!==!0)return m;y.style.visibility="hidden",y.style.display="block",y.style.maxHeight="auto",y.style.maxWidth=k;let s;switch(d.toolbarPosition){case"tabs":s=(n=r.value)==null?void 0:n.closest(".farris-tabs");break;case"section":s=(L=r.value)==null?void 0:L.closest(".f-section");break;case"drawer-header-toolbar":case"drawer-footer-toolbar":s=(P=r.value)==null?void 0:P.closest(".f-drawer-container");break;default:s=(p=r.value)==null?void 0:p.closest(".f-page")}const v=S(d.toolbarPosition,s,y,h),{position:I,maxHeight:N,maxWidth:q}=v;y.style.visibility="visible";const U={left:I.indexOf("left")>-1?0:"unset",right:I.indexOf("left")>-1?"unset":0,bottom:I.indexOf("bottom")>-1?"unset":"100%",top:I.indexOf("bottom")>-1?"!00%":"unset",maxWidth:q?q+"px":"300px",maxHeight:N?N+"px":"auto",overflowY:N?"auto":"unset"};Object.assign(m,U)}return m}d.changeMenuPosition=B,u=function(O,k){return a.createVNode("ul",{class:b(O),style:B(O),id:O.id+"_menu"},[i(O)])};function z(O=""){O&&l.has(O)?l.forEach((k,m)=>{m!==O&&(k.expanded=!1,l.delete(m))}):(l.forEach(k=>{k.expanded=!1}),l.clear())}return{renderDropdownMenu:u,clearAllDropDownMenu:z,setResponseToolbarRef:D}}class It extends Fe.BaseControlProperty{constructor(t,g,d="response-toolbar-item"){super(t,g);K(this,"toolbarType","response-toolbar-item");this.toolbarType=d}getPropertyConfig(t,g=!1){this.propertyConfig.categories.basic=this.getBasicPropConfig(t),this.propertyConfig.categories.basic.properties.text={title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},this.propertyConfig.categories.basic.setPropertyRelates=r=>{if(r)switch(r&&r.propertyID){case"text":{r.needRefreshControlTree=!0;break}}},this.getAppearanceProperties(t,g);const d=this.getPropertyEditorParams(t,["Const","Variable","StateMachine","Expression"],"disabled");return this.propertyConfig.categories.behavior=this.getBehaviorConfig(t,"",{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0,editor:d}}),this.getEventPropConfig(t),this.propertyConfig}getAppearanceProperties(t,g=!1){this.propertyConfig.categories.appearance={title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"",$converter:"/converter/appearance.converter",parentPropertyID:"appearance",visible:!g},icon:{title:"图标",type:"string",description:""},split:{title:"下拉按钮分离",type:"boolean",description:"启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",visible:!!(t.children&&t.children.length>0)},tipsEnable:{title:"启用提示",type:"boolean",description:"当启用提示时，鼠标滑过按钮会有消息提示框",refreshPanelAfterChanged:!0,visible:this.toolbarType==="response-toolbar-item"},tipsText:{title:"提示消息内容",type:"string",description:"消息提示框内的展示内容",visible:t.tipsEnable===!0}}}}getEventPropConfig(t){const g=[{label:"onClick",name:"点击事件"}],d=this,r=d.eventsEditorUtils.formProperties(t,d.viewModelId,g),D=d.createBaseEventProperty(r);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:D,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(C,b){const M=C.propertyValue;delete t[d.viewModelId],M&&(M.setPropertyRelates=this.setPropertyRelates,d.eventsEditorUtils.saveRelatedParameters(t,d.viewModelId,M.events,M))}}}}function Me(e,x){if(!e)return!1;const t=x||[];return(t==null?void 0:t.findIndex(d=>d.id===e))===-1}function Qe(e,x){const t=x||[];let g={parentIndex:-1,itemIndex:-1};return t.some((d,r)=>{if(d.children&&d.children.length>0){const D=d.children.findIndex(C=>C.id===e);return D>-1?(g={parentIndex:r,itemIndex:D},!0):!1}}),g}function Ze(e,x){const t=x||[];let g={parentIndex:-1,itemIndex:-1};const d=t==null?void 0:t.findIndex(r=>r.id===e);return d>-1?{parent:null,item:t[d]}:(t.some((r,D)=>{if(r.children&&r.children.length>0){const C=r.children.findIndex(b=>b.id===e);return C>-1?(g={parentIndex:D,itemIndex:C},!0):!1}}),g.parentIndex<0?{parent:null,item:null}:{parent:t[g.parentIndex],item:t[g.parentIndex].children[g.itemIndex]})}function Pt(e,x){const t=x||[],g=t==null?void 0:t.findIndex(d=>d.id===e);return g>-1&&t[g].children&&t[g].children.length>0?t[g].expanded===!0:!1}function Et(e,x){let t;function g(u){const{properties:l,title:f,ignore:i}=u,o=i&&Array.isArray(i),S=Object.keys(l).reduce((B,z)=>((!o||!i.find(O=>O===z))&&(B[z]=l[z].type==="object"&&l[z].properties?g(l[z]):we.cloneDeep(l[z].default)),B),{});if(f&&(!o||!i.find(B=>B==="id"))){const B=f.toLowerCase().replace(/-/g,"_");S.id=`${B}_${Math.random().toString().slice(2,6)}`}return S}function d(u){const{properties:l,title:f,required:i}=u;if(i&&Array.isArray(i)){const o=i.reduce((S,B)=>(S[B]=l[B].type==="object"&&l[B].properties?g(l[B]):we.cloneDeep(l[B].default),S),{});if(f&&i.find(S=>S==="id")){const S=f.toLowerCase().replace(/-/g,"_");o.id=`${S}_${Math.random().toString().slice(2,6)}`}return o}return{type:f}}function r(u,l={},f){const i=e[u];if(i){let o=d(i);const S=x[u];return o=S?S({getSchemaByType:r},o,l,f):o,t!=null&&t.appendIdentifyForNewControl&&t.appendIdentifyForNewControl(o),o}return null}function D(u,l){const f=g(l);return Object.keys(f).reduce((i,o)=>(Object.prototype.hasOwnProperty.call(u,o)&&(i[o]&&we.isPlainObject(i[o])&&we.isPlainObject(u[o]||!u[o])?Object.assign(i[o],u[o]||{}):i[o]=u[o]),i),f),f}function C(u,l){return Object.keys(u).filter(i=>u[i]!=null).reduce((i,o)=>{if(l.has(o)){const S=l.get(o);if(typeof S=="string")i[S]=u[o];else{const B=S(o,u[o],u);Object.assign(i,B)}}else i[o]=u[o];return i},{})}function b(u,l,f=new Map){const i=D(u,l);return C(i,f)}function M(u){var f;const l=u.type;if(l){const i=e[l];if(!i)return u;const o=D(u,i),S=((f=u.editor)==null?void 0:f.type)||"";if(S){const B=e[S],z=D(u.editor,B);o.editor=z}return o}return u}function E(u){t=u}return{getSchemaByType:r,resolveSchemaWithDefaultValue:M,resolveSchemaToProps:b,mappingSchemaToProps:C,setDesignerContext:E}}const Mt={},Nt={},{getSchemaByType:jt}=Et(Mt,Nt);function Rt(e,x,t){function g(y){return!1}function d(){return!1}function r(){return!1}function D(){return!1}function C(){return t.toolbarContext.schema.buttons||[]}function b(y,s=""){setTimeout(()=>{var q,U;const v=(q=e.parent)==null?void 0:q.designerItemElementRef.value;let I;s&&(I=v==null?void 0:v.querySelector("#"+s));const N=(U=I||v)==null?void 0:U.querySelector("#"+y);N==null||N.click()},0)}function M(y,s){s.disabled&&s.disabled.expressionId&&(s.disabled.expressionId=`${s.id}_disabled`),s.visible&&s.visible.expressionId&&(s.visible.expressionId=`${s.id}_visible`);const v=x.formSchemaUtils.getExpressions(),I=v.find(q=>q.target===y.id);if(!I||!I.rules||!I.rules.length)return;const N={target:s.id,rules:[],targetType:"Button"};I.rules.forEach(q=>{const U=Object.assign(we.cloneDeep(q),{id:`${s.id}_${q.type}`});N.rules.push(U)}),v.push(N)}function E(){var I;const y=e.schema,s=Object.assign(we.cloneDeep(y),{id:`${e.schema.type}-cloned-${Math.random().toString(36).slice(2,6)}`,onClick:null});(I=x==null?void 0:x.designerContext)!=null&&I.appendIdentifyForNewControl&&x.designerContext.appendIdentifyForNewControl(s);let v=[];return s.children&&s.children.length&&(v=s.children.map(N=>{var U;const q=we.cloneDeep(N);return Object.assign(q,{id:`${e.schema.type}-cloned-${Math.random().toString(36).slice(2,6)}`,onClick:null}),(U=x==null?void 0:x.designerContext)!=null&&U.appendIdentifyForNewControl&&x.designerContext.appendIdentifyForNewControl(q),M(N,q),q}),s.children=v),M(y,s),s}function u(){const y=e.schema.type||"response-toolbar-item",s=jt(y),v=y.toLowerCase().replace("-","_");return s&&!s.id&&s.type===y&&(s.id=`${v}_${Math.random().toString().slice(2,6)}`,s.text="按钮"),s}function l(y){const s=C(),v=s==null?void 0:s.findIndex(N=>N.id===y),I=v===-1?null:s[v];return{index:v,toolbarItem:I}}function f(){const y=e.schema.id,s=C();return Me(y,s)}function i(y){const s=x.formSchemaUtils.getExpressions();if(!s||!s.length)return;const v=I=>{const N=s&&s.findIndex(q=>q.target===I.id);N>-1&&s.splice(N,1)};v(y),y.children&&y.children.length&&y.children.forEach(I=>{v(I)})}function o(y){t.changeSelectedId(y)}function S(y){x.formSchemaUtils.removeCommunicationInComponent(y),y.children&&y.children.length&&y.children.forEach(s=>{x.formSchemaUtils.removeCommunicationInComponent(s)})}function B(){var I,N,q;if((I=x==null?void 0:x.designerContext)!=null&&I.checkCanDeleteControl&&!x.designerContext.checkCanDeleteControl(e.schema))return;const y=C(),{parentIndex:s,itemIndex:v}=Qe(e.schema.id,y);s===-1||v===-1||(i(e.schema),S(e.schema),y[s].children.splice(v,1),t.updateToolbarItems(),(N=e.setupContext)==null||N.emit("removeComponent"),(q=e.setupContext)==null||q.emit("selectionChange"),ye.canvasChanged.value++)}function z(){var I,N,q;if((I=x==null?void 0:x.designerContext)!=null&&I.checkCanDeleteControl&&!x.designerContext.checkCanDeleteControl(e.schema))return;const y=e.schema.id,s=C(),v=s==null?void 0:s.findIndex(U=>U.id===y);v!==-1&&(i(s[v]),S(s[v]),s==null||s.splice(v,1),t.updateToolbarItems(),(N=e.setupContext)==null||N.emit("removeComponent"),(q=e.setupContext)==null||q.emit("selectionChange"),ye.canvasChanged.value++)}function O(y="Append"){var U;const s=C(),{parentIndex:v,itemIndex:I}=Qe(e.schema.id,s);if(v===-1||I===-1)return;const N=u(),q=y==="Copy"?E():Object.assign({},N);s[v].children.splice(I+1,0,q),t.updateToolbarItems(),o(q.id),(U=e.setupContext)==null||U.emit("addComponent")}function k(y,s){const{index:v}=l(s);if(v===-1)return{index:v,schema:null};const I=u(),N=y==="Copy"?E():Object.assign({},I);return{index:v,schema:N}}function m(){var I;const y=e.schema.id,{index:s,schema:v}=k("Copy",y);v&&(C().splice(s+1,0,v),t.updateToolbarItems(),b(v.id),(I=e.setupContext)==null||I.emit("addComponent"))}function R(){var I;const y=e.schema.id,{index:s,schema:v}=k("Append",y);if(v&&e.parent){const q=C()[s].children||[];q.push(v);const U=C();U[s].children=q,t.updateToolbarItems(),o(v.id),(I=e.setupContext)==null||I.emit("addComponent")}}function h(y){let s;switch(e.schema.type){case"tab-toolbar-item":s=new at.TabToolbarItemProperty(y,x);break;default:s=new It(y,x,e.schema.type)}return s.getPropertyConfig(e.schema,f())}function n(y){y.stopPropagation(),y.stopImmediatePropagation()}function L(){const y=[{id:"delete",title:"删除",text:"",icon:"f-icon-yxs_delete",onClick:s=>{n(s),f()?B():z()}},{id:"copy",title:"复制",icon:"f-icon-yxs_copy",onClick:s=>{n(s);const{activeElement:v}=document,I=v?v.tagName.toLowerCase():"";I&&I==="input"||I==="textarea"?(v==null||v.blur(),a.nextTick(()=>{f()?O("Copy"):m()})):f()?O("Copy"):m()}}];return y.push(f()?{id:"appendSiblingButton",title:"",text:"新增同级",icon:"f-icon-plus-circle",onClick:s=>{n(s),O()}}:{id:"appendChildButton",title:"",text:"新增子级",icon:"f-icon-plus-circle",onClick:s=>{n(s),R()}}),y}function P(){const{schema:y}=e;i(y)}function p(){var y,s,v,I;if(e&&x){const{formSchemaUtils:N}=x,{schema:q}=e;switch(q.type){case"response-toolbar-item":{N.getControlBasicInfoMap().set(q.id,{componentTitle:q.text,parentPathName:q.text});break}case"tab-toolbar-item":case"section-toolbar-item":case"drawer-toolbar-item":{let U;const Y=(y=e.parent)==null?void 0:y.parent;(Y==null?void 0:Y.schema.type)==="tabs"||(Y==null?void 0:Y.schema.type)==="section"||(Y==null?void 0:Y.schema.type)==="drawer"?U=(s=Y.componentInstance)==null?void 0:s.value:U=(I=(v=Y==null?void 0:Y.parent)==null?void 0:v.componentInstance)==null?void 0:I.value,U!=null&&U.setComponentBasicInfoMap&&U.setComponentBasicInfoMap()}}}}return{canAccepts:g,checkCanMoveComponent:d,checkCanDeleteComponent:r,checkCanAddComponent:D,getPropsConfig:h,getCustomButtons:L,onRemoveComponent:P,setComponentBasicInfoMap:p}}const Ne=a.defineComponent({name:"FResponseToolbarItemDesign",props:ze,emits:["Click","dropdown","clearAll"],setup(e,x){const t=a.ref(e.alignment),g=Ee(),d=a.ref(),r=a.inject("designer-host-service"),D=a.inject("design-item-context"),C=a.inject("toolbar-item-action"),b=Rt(D,r,C),M=ye.useDesignerInnerComponent(d,D,b);a.onMounted(()=>{d.value.componentInstance=M}),x.expose(M.value);function E(){const k={"f-icon":!0},m=e.icon?e.icon.trim():"";return X.getCustomClass(k,m)}function u(){return!!(e.icon&&e.icon.trim())}const l=a.computed(()=>{const k={btn:!0,"f-rt-btn":!0,"f-btn-ml":!e.isDP&&(t.value==="right"||t.value==="center"),"f-btn-mr":!e.isDP&&t.value==="left","btn-icontext":!!(e.icon&&e.icon.trim()),disabled:e.disabled===!0,"no-drag":!0,"text-truncate":!0};return X.getCustomClass(k,e.class)}),f=a.computed(()=>e.split?{display:"flex","align-items":"center"}:{display:"flex","align-items":"center","border-radius":"6px","padding-right":"0.1rem","border-top-right-radius":"6px","border-bottom-right-radius":"6px"}),i=a.computed(()=>{const k={btn:!0,"dropdown-toggle":!0,"f-btn-mr":t.value==="left","dropdown-toggle-split":!0,"no-drag":!0};return X.getCustomClass(k,e.class)}),o=a.computed(()=>{let k={btn:!e.isDPItem,disabled:e.disabled===!0,"dropdown-item":e.isDPItem,"f-rt-btn":!0,"text-truncate":!0,"btn-icontext":!e.isDPItem&&!!(e.icon&&e.icon.trim()),"dropdown-item-icontext":e.isDPItem&&!!(e.icon&&e.icon.trim()),"no-drag":!0};return e.isDPItem||(k=X.getCustomClass(k,e.class||"")),e.isDP&&(k=X.getCustomClass(k,e.dropdownClass||"")),k});function S(k,m){m&&m.stopPropagation(),x.emit(k,{id:e.id,isDP:e.isDP})}function B(){return{"btn-group":!0,"no-drag":!0,"f-rt-dropdown":!0,"f-btn-ml":t.value==="right"||t.value==="center","f-btn-mr":t.value==="left"}}function z(){return a.createVNode("div",{ref:d,"data-dragref":`${D.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[a.createVNode("div",{class:B(),id:e.id},[a.createVNode("div",{class:l.value,style:f.value,onClick:()=>S("clearAll")},[g.shouldShowIcon(e)&&a.createVNode("i",{class:g.iconClass(e)},null),a.createVNode("span",null,[e.text]),!e.split&&a.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down",style:"margin:0 0.5rem 0 0.25rem;",onClick:k=>S("dropdown",k)},null)]),e.split&&a.createVNode("button",{class:i.value,style:"border-radius:0 6px 6px 0;",onClick:k=>S("dropdown",k)},null),C.renderDropdownMenu(e.item,e.item)])])}function O(){return a.createVNode("li",{ref:d,"data-dragref":`${D.schema.id}-container`,id:e.id,class:o.value},[g.shouldShowIcon(e)&&a.createVNode("i",{class:g.iconClass(e)},null),e.text])}return()=>e.isDP?z():e.isDPItem?O():a.createVNode("div",{ref:d,"data-dragref":`${D.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[a.createVNode("button",{type:"button",class:l.value,id:e.id,onClick:()=>S("clearAll")},[u()&&a.createVNode("i",{class:E()},null),e.text])])}});function Bt(e,x,t,g){function d(l,f,i,o){g.changeSelectedId((f==null?void 0:f.id)||""),t&&t.setupContext&&t.setupContext.emit("selectionChange",l,f,i,o)}function r(){}function D(l){const f=l.expanded;g.clearAllDropdown(),g.toggleDropdownMenu(l,!f)}function C(l){g.clearAllDropdown(l.isDP?l.id:"")}function b(l,f=""){const i=e.items||[],o=f||l,S=i.find(B=>B.id===o);return f?S.children.find(B=>B.id===l):S}function M(l,f=!1){if(!f)return;const i=l.target;i!=null&&i.classList.contains("dgComponentFocused")&&(i==null||i.classList.add("dgComponentSelected"))}function E(l,f=!1){if(!f)return;const i=l.target;i!=null&&i.classList.contains("dgComponentFocused")&&(i==null||i.classList.remove("dgComponentSelected"))}function u(l,f,i=!1){const o=b(l.id,l.parent),S=a.ref(o);return a.createVNode(ye.FDesignerInnerItem,{key:o.id,class:["p-0",i?"d-block no-drag":"d-inline-block"],modelValue:S.value,"onUpdate:modelValue":B=>S.value=B,canMove:!1,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:e.componentId,id:o.id,onSelectionChange:d,onRemoveComponent:r,onMouseenter:B=>M(B,i),onMouseleave:B=>E(B,i)},{default:()=>{var B;return[a.createVNode(Ne,{id:o.id,disabled:o.disabled,text:o.text,icon:o.icon,isDP:l.isDP,item:l,split:o.split,isDPItem:l.isDPItem,class:((B=l.appearance)==null?void 0:B.class)||"btn-secondary",alignment:e.alignment||"right",onDropdown:()=>D(l),onClearAll:z=>C(z),componentId:e.componentId},null)]}})}return{renderToolbarItemDesigner:u,actionHandlers:g}}function je(e,x=!1,t=""){const g=[];return e.reduce((d,r)=>{if(r.children&&r.children.length>0){const D=je(r.children,!0,r.id);d.push(Object.assign({},r,{children:D,isDPItem:!1,isDP:!0,parent:"",expanded:!1}))}else d.push(Object.assign({},r,{isDPItem:x,isDP:!1,parent:t}));return d},g),g}const Te=a.defineComponent({name:"FResponseToolbarDesign",props:ft,emits:["Click"],setup(e,x){const t=a.ref(je(e.items)),g=a.ref(),d=a.ref(),r=a.ref(),D=a.ref("");let C=0;const b=15,M=a.inject("designer-host-service"),E=a.inject("design-item-context"),u={clearAllDropdown:$=>{},toggleDropdownMenu:$=>{},updateToolbarItems:()=>{},changeSelectedId:$=>{D.value=$},renderDropdownMenu:($,V)=>{},toolbarContext:E,changeMenuPosition:($,V,Q)=>({}),toolbarPosition:""},l=xt(E,M,u),f=ye.useDesignerComponent(r,E,l),i=a.inject("toolbar-item-handler"),{initDragula:o,dragulaInstance:S}=St(E),B=Ee(),z=Bt(e,d,E,u),O=kt(B,t,z),{renderToolbarItemDesigner:k}=z,{clearAllDropDownMenu:m,renderDropdownMenu:R,setResponseToolbarRef:h}=O;a.provide("toolbar-item-action",u),u.renderDropdownMenu=R,h(r),i&&(i.changeSelectedId=function($){D.value=$});function n(){const $=d.value.querySelector(".dgComponentSelected");$&&ye.setPositionForSelectedElement($)}function L(){if(D.value)if(Me(D.value,t.value)){const{parent:$,item:V}=Ze(D.value,t.value);$&&(u.toggleDropdownMenu($,!0),setTimeout(()=>{var H;const Q=r.value.querySelector("#"+$.id),G=Q==null?void 0:Q.querySelector("#"+V.id);(((H=G==null?void 0:G.parentElement)==null?void 0:H.className)||"").indexOf("dgComponentFocused")<0&&(G==null||G.click())},0))}else n()}function P($=""){t.value.filter(V=>V.id!==$&&V.children&&V.children.length>0).forEach(V=>{V.expanded=!1}),m($)}u.clearAllDropdown=P;function p(){i&&i.updateToolbarItems&&i.updateToolbarItems()}u.updateToolbarItems=p;function y($){if($){const V=r.value.querySelector("#"+$.id),Q=V.querySelector("#"+$.id+"_menu"),G=u.changeMenuPosition($,V);Object.keys(G).forEach(H=>{Q.style[H]=G[H]})}}function s(){const Q=d.value.clientWidth,G=d.value.querySelectorAll(".farris-component>.f-rt-btn");G&&G.forEach(F=>{F.style.maxWidth=Q-12+"px"});const H=d.value.querySelectorAll(".farris-component>.f-rt-dropdown");H&&H.forEach(F=>{F.querySelector(".dropdown-toggle-split")?F.querySelector(".f-rt-btn").style.maxWidth=Q-38+"px":F.style.maxWidth=Q-12+"px"})}const v=new ResizeObserver($=>{var V;if($.length){const G=$[0].contentRect.width;if(G===0){C=0;return}if(Math.abs(G-C)>b){if(C=G,Me(D.value,t.value)){const{parent:H,item:F}=Ze(D.value,t.value);y(H)}else if(Pt(D.value,t.value)){const H=(V=t.value)==null?void 0:V.find(F=>F.id===D.value);y(H)}else P();s()}}});a.onMounted(()=>{v.observe(r.value),C=r.value.clientWidth,r.value.componentInstance=f,o(d.value,g.value,p)}),a.onUnmounted(()=>{v.disconnect(),S&&S.destroy&&S.destroy()}),x.expose(f.value);const I=a.computed(()=>{const $={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0,"f-response-toolbar-sm":e.buttonSize==="sm","f-response-toolbar-lg":e.buttonSize==="lg"};return X.getCustomClass($,e.customClass)}),N=a.computed(()=>({"text-left":e.alignment==="left","text-right":e.alignment==="right","justify-content-end":e.alignment==="right","justify-content-start":e.alignment==="left","justify-content-center":e.alignment==="center","no-drag":!0,"w-100":!0}));a.watch(()=>e.items,()=>{t.value=je(e.items),a.nextTick(()=>{L(),s()})},{deep:!0});function q($){$&&($.stopPropagation(),$.preventDefault());const{schema:V}=E;V.buttons||(V.buttons=[]);let Q="";switch(u.toolbarPosition){case"drawer-header-toolbar":case"drawer-footer-toolbar":Q="drawer-toolbar-item";break;case"tabs":Q="tab-toolbar-item";break;case"section":Q="section-toolbar-item";break;default:Q="response-toolbar-item"}const G=ue.getSchemaByType(Q);G.id=`toolbar_item_${Math.random().toString().slice(2,6)}`,V.buttons.push(G)}function U(){return a.createVNode("li",{style:"border-width: 1px;border-style: dashed;display: inline-block;padding: 0 8px;line-height: 24px; border-radius: 3px; cursor: default;color: #B4BCCC;",onClick:q},[a.createVNode("span",{class:"f-icon f-icon-amplification mr-1",style:"font-size: 12px;"},null),a.createVNode("span",{class:"farris-tag-add-text"},[a.createTextVNode("添加按钮")])])}function Y(){return t.value.map(($,V)=>k($,V))}return()=>{var $;return a.createVNode("div",{ref:r,"data-dragref":`${E.schema.id}-container`,class:I.value,id:e.id},[a.createVNode("div",{ref:g,class:N.value,onClick:V=>P(V)},[a.createVNode("div",{ref:d,class:"d-block f-response-content"},[($=t.value)!=null&&$.length?Y():U()])])])}}}),Ot=Pe;Te.register=(e,x,t,g)=>{e["response-toolbar"]=wt,x["response-toolbar"]=Pe,g["response-toolbar"]={eventHandlerResolver:ht}},Te.registerDesigner=(e,x,t)=>{e["response-toolbar"]=Te,x["response-toolbar"]=Pe,e["response-toolbar-item"]=Ne,x["response-toolbar-item"]=pt};const _t=X.withInstall(Te);ee.FResponseToolbarDesign=Te,ee.FResponseToolbarItemDesign=Ne,ee.commonToolbarItemDesignProps=We,ee.default=_t,ee.responseToolbarResolver=Ot,ee.schemaResolver=Ie,Object.defineProperties(ee,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(ee,X){typeof exports=="object"&&typeof module<"u"?X(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("vue"),require("../../components/locale/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("lodash-es"),require("../../components/tabs/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","vue","../../components/locale/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","lodash-es","../../components/tabs/index.umd.js"],X):(ee=typeof globalThis<"u"?globalThis:ee||self,X(ee["response-toolbar"]={},ee.common,ee.dynamicResolver,ee.responseToolbar,ee.Vue,ee.locale,ee.designerCanvas,ee.propertyPanel,ee.LodashES,ee.tabs))})(this,function(ee,X,ue,qe,a,lt,ye,Fe,we,at){"use strict";var Jt=Object.defineProperty;var Kt=(ee,X,ue)=>X in ee?Jt(ee,X,{enumerable:!0,configurable:!0,writable:!0,value:ue}):ee[X]=ue;var K=(ee,X,ue)=>Kt(ee,typeof X!="symbol"?X+"":X,ue);const ct=new Map([["buttons","items"],["appearance",ue.resolveAppearance]]);function Ie(e,x,t){return x}const dt={$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:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},ut={$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:""}}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"],events:{onClick:"点击事件"}},ft=Object.assign({},qe.responseToolbarProps,{componentId:{type:String,default:""}}),Pe=ue.createPropsResolver(qe.responseToolbarProps,dt,ct,Ie),We={id:{type:String,default:""},item:{type:Object,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:""},expanded:{type:Boolean,default:!1},alignment:{Type:String,default:"right"},split:{type:Boolean,default:!1},isDP:{type:Boolean,default:!1},isDPItem:{type:Boolean,default:!1}},ze=Object.assign({},We,{item:{type:Object,default:{}},items:{type:Object,default:{}},class:{type:String,default:"btn-secondary"},alignment:{Type:String,default:"right"}}),pt=ue.createPropsResolver(ze,ut,void 0,Ie),ht=ue.createResponseToolbarEventHandlerResolver(),gt={id:{type:String,default:""},customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]},visible:{type:Boolean,default:!0}};class Ge{constructor(x){K(this,"id","");K(this,"class","btn-secondary");K(this,"icon","");K(this,"groupId","");K(this,"order",-1);K(this,"asDropDownTop",!1);K(this,"text","");K(this,"visible",!0);K(this,"shown",!0);K(this,"responsed",!1);K(this,"tipsEnable",!1);K(this,"tipsText","");K(this,"width",0);K(this,"dropdownClass","");K(this,"onClick",()=>{});K(this,"options");var g,d;this.options=x;const t=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","dropdownClass","onClick"];Object.keys(x).filter(r=>t.indexOf(r)>-1).forEach(r=>{r==="visible"?this[r]=x[r]===void 0?!0:x[r]:this[r]=x[r]}),this.shown=this.visible,(g=x.appearance)!=null&&g.class&&(this.class=(d=x.appearance)==null?void 0:d.class)}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:a.computed(()=>!0)}setWidth(x){this.width=parseInt(x,10)}getWidth(){return this.visible?this.width:!1}}class bt extends Ge{constructor(x){super(x)}}function Ue(){function e(x){const t=[];return x.reduce((g,d)=>(d.children&&d.children.length>0?g.push(new De(d)):g.push(new bt(d)),g),t),t}return{buildResponseToolbarItems:e}}const{buildResponseToolbarItems:mt}=Ue();class De extends Ge{constructor(t){super(t);K(this,"placement","");K(this,"visible",!0);K(this,"dropdownClass","");K(this,"menuClass","");K(this,"split",!1);K(this,"children",[]);K(this,"expanded",!1);K(this,"shown",!0);const g=["visible","icon","isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(t).filter(d=>g.indexOf(d)>-1).forEach(d=>{d==="visible"?this[d]=t[d]===void 0?!0:t[d]:this[d]=t[d]}),this.shown=this.visible,t.children&&t.children.length&&(this.children=mt(t.children))}}function Ee(){function e(t){const g={"f-icon":!0};if(t.icon){const d=t.icon.trim().split(" ");d&&d.length&&d.reduce((r,D)=>(r[D]=!0,r),g)}return g}function x(t){return!!(t.icon&&t.icon.trim())}return{iconClass:e,shouldShowIcon:x}}function vt(e,x){function t(h){const n={"dropdown-menu":!0};return X.getCustomClass(n,h.menuClass)}function g(h){const n={disabled:!h.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0,"text-truncate":!0};return X.getCustomClass(n,h.dropdownClass)}function d(h){const n={disabled:!h.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0};return X.getCustomClass(n,h.dropdownClass)}function r(h){const n={disabled:!h.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0,"f-rt-toggle":!h.split,"btn-icontext":!!(h.icon&&h.icon.trim()),"dropdown-toggle":!h.split,"btn-secondary":!0};return X.getCustomClass(n,h.dropdownClass)}function D(h){const n={"f-rt-btn":!0,"text-truncate":!0,"btn-icontext":!!(h.icon&&h.icon.trim()),"d-block":!0};return X.getCustomClass(n,h.dropdownClass)}let C;const b=new Map;let M="";function E(h){M="#"+h}function u(h,n,L){h.stopPropagation();const P=L?L.id:"__top_item__";if(n.children&&n.children.length&&(n.expanded=!n.expanded,n.expanded)){if(b.has(P)&&b.get(P)!==n){const p=b.get(P);p&&(p.expanded=!1,b.delete(P))}b.set(P,n)}}function l(h,n){document.body.click(),n.enable&&(h.stopPropagation(),typeof n.onClick=="function"&&n.onClick(h,n.id),e.emit("click",h,n.id))}function f(h,n){const L=h.target;L.className.indexOf("dropdown-item")<0||(L.title=L.scrollWidth>L.clientWidth?n:"")}function i(h,n,L){if(n.tipsEnable&&n.tipsText){const P=a.reactive({content:n.tipsText,enable:n.tipsEnable});return a.withDirectives(a.createVNode("li",{class:d(n),id:n.id,key:n.id+"_"+L,onClick:p=>l(p,n)},[a.createVNode("span",{class:D(n)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text])]),[[a.resolveDirective("tooltip"),P]])}return a.createVNode("li",{class:d(n),id:n.id,onClick:P=>l(P,n)},[a.createVNode("span",{class:D(n),onMouseenter:P=>f(P,n.text)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text])])}function o(h,n,L){n.enable&&(typeof n.onClick=="function"&&L.onClick(h,n.id),e.emit("click",h,n.id),L.split||u(h,n,L))}function S(h,n,L){h&&h.stopPropagation(),u(h,n,L)}function B(h,n){h.stopPropagation();const L=n.id;if(n.children&&n.children.length&&n.expanded&&b.has(L)){const P=b.get(L);P&&(P.expanded=!1,b.delete(L))}}function z(h,n,L){if(n.tipsEnable&&n.tipsText){const P=a.reactive({content:n.tipsText,enable:n.tipsEnable});return a.createVNode("li",{class:g(n),id:n.id,key:n.id+"_"+L,onClick:p=>o(p,n,h)},[a.withDirectives(a.createVNode("span",{class:r(n)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text]),[[a.resolveDirective("tooltip"),P]]),n.split&&a.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:p=>S(p,n,h)},null),C(n,n)])}return a.createVNode("li",{class:g(n),id:n.id,onClick:P=>o(P,n,h),onMouseenter:P=>f(P,n.text)},[a.createVNode("span",{class:r(n)},[x.shouldShowIcon(n)&&a.createVNode("i",{class:x.iconClass(n)},null),n.text]),n.split&&a.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:P=>S(P,n,h)},null),C(n,n)])}function O(h){return h.children.filter(n=>n.visible).map((n,L)=>n.children&&n.children.length?z(h,n,L):i(h,n,L))}function k(h,n){if(!h)return 1080;let L=-1;const P=h.children.length;for(let p=0;p<P;p++)if(h.children[p].id===n){L=p;break}return 1080+P-L}function m(h,n,L){var q,U;const P={display:h.expanded?"block":"none",position:"fixed",maxWidth:"300px",minWidth:"120px",zIndex:1080,overflowY:"auto",maxHeight:"none"},p=document.querySelector(M);if(!p)return P;const y=a.getCurrentInstance();let s=(U=(q=y==null?void 0:y.exposed)==null?void 0:q.elementRef.value)==null?void 0:U.querySelector("#"+n);if(s||(s=p==null?void 0:p.querySelector("#"+n)),!s)return P;const v=window.innerWidth,I=window.innerHeight,N=s==null?void 0:s.getClientRects();if(s&&N&&N.length){const{top:Y,width:V,left:$,right:Q,height:G}=N[0],H=Math.ceil(G+Y);P.top=`${H}px`,P.left=`${$}px`;const F=h.id+"_menu",oe=(s==null?void 0:s.querySelector("#"+F))||(p==null?void 0:p.querySelector("#"+F))||null;if(oe){oe.style.visibility="hidden",oe.style.display="block";const ae=oe.offsetHeight;P.zIndex=h.expanded?k(p,F):1080,P.display==="block"&&(oe.style.display="block");const w=oe.getBoundingClientRect();if(L){P.top=`${Y-6}px`;const T=Math.ceil(V+$);P.left=`${T}px`}v-$-V<w.width&&(P.left=`${(L?$:Q)-w.width}px`),I-Y-G<ae?Y>ae?(P.top=`${Y-ae-6}px`,P.maxHeight=`${Y-16}px`):(P.maxHeight=`${I-H}px`,Y>I-Y-G&&(P.top="10px",P.maxHeight=`${Y-16}px`)):P.maxHeight=`${I-H}px`,oe.style.visibility="visible"}}return P}C=function(h,n){const L=n?n.id:h.id;return a.createVNode(a.Teleport,{to:M,disabled:!h.expanded},{default:()=>[a.createVNode("ul",{class:t(h),style:m(h,L,n),id:h.id+"_menu",onWheel:P=>B(P,h)},[O(h)])]})};function R(){b.forEach(h=>{h.expanded=!1}),b.clear()}return{renderDropdownMenu:C,clearAllDropDownMenu:R,updateContainerId:E}}function yt(e,x,t){const g=a.ref(e.alignment),{renderDropdownMenu:d,clearAllDropDownMenu:r,updateContainerId:D}=vt(x,t);function C(o){const S={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":g.value==="right"||g.value==="center","f-btn-mr":g.value==="left"};return X.getCustomClass(S,o.dropdownClass)}function b(o){const S={btn:!0,disabled:!o.enable,"f-rt-btn":!0,"btn-icontext":!!(o.icon&&o.icon.trim())&&o.text,"f-rt-toggle":!o.split,"dropdown-toggle":!o.split,"f-btn-icon":o.icon&&!o.text};return X.getCustomClass(S,o.class)}function M(o){const S={btn:!0,"dropdown-toggle":!0,"dropdown-toggle-split":!0};return X.getCustomClass(S,o.class)}function E(o){return o.split?{display:"flex"}:{display:"flex","border-radius":"6px"}}function u(o,S){o.stopPropagation();const B=S.expanded;document.body.click(),typeof S.onClick=="function"&&S.onClick(o,S.id),x.emit("click",o,S.id),S.split||(S.expanded=!B)}function l(o,S){o.stopPropagation();const B=S.expanded;document.body.click(),S.expanded=!B}function f(o,S=!0){if(o.tipsEnable&&o.tipsText){const B=a.reactive({content:o.tipsText,enable:o.tipsEnable});return a.createVNode("div",{id:o.id,class:C(o)},[a.withDirectives(a.createVNode("div",{class:b(o),style:E(o),onClick:z=>o.enable&&u(z,o)},[t.shouldShowIcon(o)&&a.createVNode("i",{class:t.iconClass(o)},null),o.text&&a.createVNode("span",null,[o.text])]),[[a.resolveDirective("tooltip"),B]]),o.split&&a.createVNode("button",{class:M(o),style:"border-radius:0 6px 6px 0;",onClick:z=>l(z,o)},null),S&&d(o)])}return a.createVNode("div",{id:o.id,class:C(o)},[a.createVNode("div",{class:b(o),style:E(o),onClick:B=>o.enable&&u(B,o)},[t.shouldShowIcon(o)&&a.createVNode("i",{class:t.iconClass(o)},null),o.text&&a.createVNode("span",null,[o.text])]),o.split&&a.createVNode("button",{class:M(o),style:"border-radius:0 6px 6px 0;",onClick:B=>l(B,o)},null),S&&d(o)])}function i(){r()}return{renderToolbarDropdown:f,clearAllDropDown:i,updateContainerId:D}}const{buildResponseToolbarItems:Ye}=Ue(),wt=a.defineComponent({name:"FResponseToolbar",props:gt,emits:["click"],setup(e,x){const t=a.ref(Ye(e.items)),g=a.ref(),d=a.ref(),r=a.ref(),D=X.isMobilePhone(),C={id:"__more_buttons__",text:D?"":lt.LocaleService.getLocaleValue("responseToolbar.more"),icon:D?"f-icon-more-horizontal":""},b=a.ref(new De(C)),M=Object.assign({},C,{id:C.id+"width"}),E=a.ref(-1),u=Ee();let l=!1;const{guid:f,uuid:i}=X.useGuid(),o=e.id?e.id:"toolbar-"+f(),S=a.ref(),B="dropdown-container-"+o+"-"+i(4),{renderToolbarDropdown:z,clearAllDropDown:O,updateContainerId:k}=yt(e,x,u);k(B);const m=a.computed(()=>b.value.children.length>0),R=a.computed(()=>e.visible?b.value.children.length>0?!0:t.value.findIndex(w=>w.shown&&w.children&&w.children.length>0)>-1:!1);function h(){e.visible&&!S.value&&document&&(S.value=document.createElement("div"),S.value.id=B,document.body.appendChild(S.value))}h();function n(){S.value&&document.body.contains(S.value)&&(document.body.removeChild(S.value),S.value=null)}a.watch(R,(w,T)=>{w?h():n()});const L=a.computed(()=>{const w={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0,"f-response-toolbar-sm":e.buttonSize==="sm","f-response-toolbar-lg":e.buttonSize==="lg","d-none":!e.visible};return X.getCustomClass(w,e.customClass)}),P=a.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":e.alignment==="right","justify-content-start":e.alignment==="left","justify-content-center":e.alignment==="center"}));function p(w){w&&w.target.closest("ul.dropdown-menu")&&w.type==="wheel"||(t.value.filter(T=>T.children&&T.children.length>0).forEach(T=>{T.expanded=!1}),b.value.expanded=!1,O())}function y(w,T){var ne;const A={btn:!0,"f-rt-btn":!0,"f-btn-ml":e.alignment==="right"||T>0&&e.alignment==="center","f-btn-mr":e.alignment==="left","btn-icontext":!!(w.icon&&w.icon.trim())},te=((ne=w==null?void 0:w.appearance)==null?void 0:ne.class)||w.class||"btn-secondary";return X.getCustomClass(A,te)}function s(w,T){document.body.click(),typeof T.onClick=="function"&&T.onClick(w,T.id),x.emit("click",w,T.id)}function v(w,T){if(w.tipsEnable&&w.tipsText){const A=a.reactive({content:w.tipsText,enable:w.tipsEnable});return a.withDirectives(a.createVNode("button",{type:"button",class:y(w,T),id:w.id,disabled:!w.enable,onClick:te=>s(te,w)},[u.shouldShowIcon(w)&&a.createVNode("i",{class:u.iconClass(w)},null),w.text]),[[a.resolveDirective("tooltip"),A]])}return a.createVNode("button",{type:"button",class:y(w,T),id:w.id,disabled:!w.enable,onClick:A=>s(A,w)},[u.shouldShowIcon(w)&&a.createVNode("i",{class:u.iconClass(w)},null),w.text])}let I=new Map,N=[];function q(w){const T=Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-left"))),A=Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-right")));return(T||0)+w.getBoundingClientRect().width+(A||0)}function U(w,T,A){if(T<E.value){let te=A-1;for(;te>=0;te--){const ne=w[te],re=q(ne);if(T+=re,T>=E.value)break}A=te}return T-=E.value,A=A<0?0:A,{start:A,space:T}}function Y(w){const T=r.value;let A=w;const ne=Array.from(T.children).filter(ce=>ce.id!=="__more_buttons__"),re=ne.length;let Ce=!1,se=0;for(;se<re;se++){const ce=ne[se],xe=q(ce);if(xe<=A)A-=xe;else{const he=U(ne,A,se);se=he.start,A=he.space,Ce=!0;break}}if(!Ce&&N.length>0){const ce=U(ne,A,se);se=ce.start,A=ce.space}const ke=N.length>0;for(;se<re;se++){const ce=ne[se],xe=q(ce);I.set(ce.id,!0);const he=N.find(Re=>Re.id===ce.id);he?he.width=xe:N[ke?"unshift":"push"]({id:ce.id,width:xe})}return A}function V(){I=new Map,N=[]}function $(w=!1){const T=Object.assign({},b.value);T.children=[];const A=new De(T),te=t.value.reduce((ne,re)=>{const Ce=e.items.find(se=>se.id===re.id);return w?(A.children.push(re),re.shown=!1,ne):(I.has(re.id)?(A.children.push(re),re.shown=!1):re.shown=Ce.visible!==!1,ne.push(re),ne)},[]);b.value=A,t.value=te}function Q(w){if(D){V(),$(!0);return}let T=Y(w);if(N.length){let A=0;for(;A<N.length;A++){const te=e.items.find(ne=>ne.id===N[A].id);if(te&&te.visible!==!1){const ne=N[A].width;if(T>=ne||A===N.length-1&&T+E.value>=ne)T-=ne;else break}}for(let te=0;te<A;te++)I.delete(N[te].id);N.splice(0,A-1)}$()}function G(){if(g.value&&E.value<0){const w=g.value.querySelector("#"+M.id);if(!w)return;w.getBoundingClientRect().width===0?E.value=-1:E.value=q(w)}}function H(w=-1){if(w===0||!r.value||!d.value)return;w<0&&(w=d.value.getBoundingClientRect().width);const T=r.value.getBoundingClientRect().width;if(D){Q(w),p();return}(w>=0&&w<T||N.length)&&(G(),Q(w),p())}function F(){return E.value<0&&a.createVNode("div",{style:"position:fixed;top:-40px;visibility:hidden;"},[z(new De(M))])}const oe=new ResizeObserver(w=>{if(w.length){if(D)return;const A=w[0].contentRect.width;H(A)}});function ae(){d.value&&!l&&(oe.observe(d.value),l=!0)}return a.onMounted(()=>{G(),H(),ae(),document.body.addEventListener("click",p),document.body.addEventListener("wheel",p)}),a.onUnmounted(()=>{oe.disconnect(),n(),document.body.removeEventListener("click",p),document.body.removeEventListener("wheel",p)}),a.watch(()=>e.items,()=>{t.value=Ye(e.items),b.value.children=[],a.nextTick(()=>{G(),V(),H()})},{deep:!0}),a.watch(()=>e.visible,w=>{w&&a.nextTick(()=>{G(),H(),ae()})}),x.expose({elementRef:g}),()=>a.createVNode("div",{class:L.value,id:o,ref:g,style:{"overflow-y":E.value<0?"hidden":"initial"}},[e.visible&&F(),e.visible&&a.createVNode("div",{ref:d,class:P.value},[a.createVNode("div",{ref:r,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[t.value.filter(w=>w.shown).map((w,T)=>w.children&&w.children.length>0?z(w):v(w,T)),m.value&&z(b.value)])])])}});class Ct extends Fe.BaseControlProperty{constructor(t,g,d="response-toolbar"){super(t,g);K(this,"toolbarType","response-toolbar");this.toolbarType=d}getPropertyConfig(t){return this.propertyConfig.categories.basic=this.getBasicPropConfig(t),this.toolbarType!=="tab-toolbar"&&this.getAppearancePropConfig(t),this.propertyConfig.categories.behavior=this.getBehaviorConfig(t),this.propertyConfig}getAppearancePropConfig(t){this.propertyConfig.categories.appearance={title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}}}}getBehaviorProperties(t){this.propertyConfig.categories.behavior={title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"在工具栏区域内按钮组的位置",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}}function xt(e,x,t){const g=e.schema;function d(){var o,S,B;let i=((o=e.parent)==null?void 0:o.schema.type)||"";i==="drawer"&&(((S=e.parent)==null?void 0:S.schema.headerToolbar.id)===g.id?i="drawer-header-toolbar":((B=e.parent)==null?void 0:B.schema.footerToolbar.id)===g.id&&(i="drawer-footer-toolbar")),["page-header","tabs","section","drawer-header-toolbar","drawer-footer-toolbar"].findIndex(z=>z===i)===-1&&(i=""),t.toolbarPosition=i}d();function r(i){return!1}function D(i,o){return o.text=i.label,o}function C(){return!1}function b(){return!1}function M(){return!1}function E(){return!0}function u(i){return new Ct(i,x,g.type).getPropertyConfig(g)}function l(i){var z;i&&(i.stopPropagation(),i.preventDefault());const{schema:o}=e;o.buttons||(o.buttons=[]);let S="";if(o.type)S=o.type+"-item";else switch((z=e.parent)==null?void 0:z.schema.type){case"tabs":S="tab-toolbar-item";break;case"section":S="section-toolbar-item";break;case"drawer":S="drawer-toolbar-item";break;default:S="response-toolbar-item"}const B=ue.getSchemaByType(S);B.id=`toolbar_item_${Math.random().toString().slice(2,6)}`,o.buttons.push(B),t.updateToolbarItems(),t.changeSelectedId("")}function f(){return[{id:"appendItem",title:"新增按钮",text:"",icon:"f-icon f-icon-plus-circle text-white",onClick:i=>l(i)}]}return{canAccepts:r,checkCanAddComponent:M,checkCanDeleteComponent:b,checkCanMoveComponent:C,hideNestedPaddingInDesginerView:E,onResolveNewComponentSchema:D,getPropsConfig:u,getCustomButtons:f}}var be=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Tt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Se(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var Xe={exports:{}};(function(e,x){(function(t){e.exports=t()})(function(){return function(){function t(g,d,r){function D(M,E){if(!d[M]){if(!g[M]){var u=typeof Se=="function"&&Se;if(!E&&u)return u(M,!0);if(C)return C(M,!0);var l=new Error("Cannot find module '"+M+"'");throw l.code="MODULE_NOT_FOUND",l}var f=d[M]={exports:{}};g[M][0].call(f.exports,function(i){var o=g[M][1][i];return D(o||i)},f,f.exports,t,g,d,r)}return d[M].exports}for(var C=typeof Se=="function"&&Se,b=0;b<r.length;b++)D(r[b]);return D}return t}()({1:[function(t,g,d){var r={},D="(?:^|\\s)",C="(?:\\s|$)";function b(u){var l=r[u];return l?l.lastIndex=0:r[u]=l=new RegExp(D+u+C,"g"),l}function M(u,l){var f=u.className;f.length?b(l).test(f)||(u.className+=" "+l):u.className=l}function E(u,l){u.className=u.className.replace(b(l)," ").trim()}g.exports={add:M,rm:E}},{}],2:[function(t,g,d){(function(r){var D=t("contra/emitter"),C=t("crossvent"),b=t("./classes"),M=document,E=M.documentElement;function u(p,y){var s=arguments.length;s===1&&Array.isArray(p)===!1&&(y=p,p=[]);var v,I,N,q,U,Y,V,$,Q,G=null,H,F,oe=!1,ae=0,w,T=y||{};T.moves===void 0&&(T.moves=z),T.accepts===void 0&&(T.accepts=z),T.invalid===void 0&&(T.invalid=Vt),T.containers===void 0&&(T.containers=p||[]),T.isContainer===void 0&&(T.isContainer=B),T.copy===void 0&&(T.copy=!1),T.copySortSource===void 0&&(T.copySortSource=!1),T.revertOnSpill===void 0&&(T.revertOnSpill=!1),T.removeOnSpill===void 0&&(T.removeOnSpill=!1),T.direction===void 0&&(T.direction="vertical"),T.ignoreInputTextSelection===void 0&&(T.ignoreInputTextSelection=!0),T.mirrorContainer===void 0&&(T.mirrorContainer=M.body);var A=D({containers:T.containers,start:At,end:Ke,cancel:ot,remove:nt,destroy:se,canMove:Re,dragging:!1});return T.removeOnSpill===!0&&A.on("over",Lt).on("out",qt),ne(),A;function te(c){return A.containers.indexOf(c)!==-1||T.isContainer(c)}function ne(c){var j=c?"remove":"add";i(E,j,"mousedown",ce),i(E,j,"mouseup",Be)}function re(c){var j=c?"remove":"add";i(E,j,"mousemove",xe)}function Ce(c){var j=c?"remove":"add";C[j](E,"selectstart",ke),C[j](E,"click",ke)}function se(){ne(!0),Be({})}function ke(c){H&&c.preventDefault()}function ce(c){q=c.clientX,U=c.clientY;var j=o(c)!==1||c.metaKey||c.ctrlKey;if(!j){var _=c.target,W=he(_);W&&(H=W,re(),c.type==="mousedown"&&(R(_)?_.focus():c.preventDefault()))}}function xe(c){if(H){if(o(c)===0){Be({});return}if(!(c.clientX!==void 0&&Math.abs(c.clientX-q)<=(T.slideFactorX||0)&&c.clientY!==void 0&&Math.abs(c.clientY-U)<=(T.slideFactorY||0))){if(T.ignoreInputTextSelection){var j=P("clientX",c)||0,_=P("clientY",c)||0,W=M.elementFromPoint(j,_);if(R(W))return}var Z=H;re(!0),Ce(),Ke(),Je(Z),b.add($||N,"gu-transit"),Wt(),Ft(),ae=0,Ae(c)}}}function he(c){if(!(A.dragging&&v)&&!te(c)){for(var j=c;m(c)&&te(m(c))===!1;)if(T.invalid(c,j)||(c=m(c),!c))return;var _=m(c);if(_&&!T.invalid(c,j)){var W=T.moves(c,_,j,n(c));if(W)return{item:c,source:_}}}}function Re(c){return!!he(c)}function At(c){var j=he(c);j&&Je(j)}function Je(c){Zt(c.item,c.source)&&($=c.item.cloneNode(!0),A.emit("cloned",$,c.item,"copy")),I=c.source,N=c.item,Y=V=n(c.item),A.dragging=!0,A.emit("drag",N,I)}function Vt(){return!1}function Ke(){if(A.dragging){var c=$||N;tt(c,m(c))}}function et(){H=!1,re(!0),Ce(!0)}function Be(c){if(et(),!!A.dragging){var j=$||N,_=P("clientX",c)||0,W=P("clientY",c)||0,Z=S(v,_,W),J=rt(Z,_,W);J&&($&&T.copySortSource||!$||J!==I)?tt(j,J):T.removeOnSpill?nt():ot()}}function tt(c,j){var _=m(c);$&&T.copySortSource&&j===I&&_.removeChild(N),_e(j)?A.emit("cancel",c,I):A.emit("drop",c,j,I,V),Oe()}function nt(){if(A.dragging){var c=$||N,j=m(c);j&&j.removeChild(c),A.emit($?"cancel":"remove",c,j,I),Oe()}}function ot(c){if(A.dragging){var j=arguments.length>0?c:T.revertOnSpill,_=$||N,W=m(_),Z=_e(W);Z===!1&&j&&($?W&&W.removeChild($):I.insertBefore(_,Y)),Z||j?A.emit("cancel",_,I,I):A.emit("drop",_,W,I,V),Oe()}}function Oe(){var c=$||N;et(),zt(),Gt(),c&&b.rm(c,"gu-transit"),Q&&clearTimeout(Q),A.dragging=!1,G&&A.emit("out",c,G,I),A.emit("dragend",c,ae),I=N=$=Y=V=Q=G=null}function _e(c,j){var _;return j!==void 0?_=j:v?_=V:_=n($||N),c===I&&_===Y}function rt(c,j,_){for(var W=c;W&&!Z();)W=m(W);return W;function Z(){var J=te(W);if(J===!1)return!1;var ge=it(W,c),de=st(W,ge,j,_),pe=_e(W,de);return pe?!0:T.accepts(N,W,I,de)}}function Ae(c){if(!v)return;c.preventDefault();var j=P("clientX",c)||0,_=P("clientY",c)||0;v.style.left=j-2+"px",v.style.top=_-2+"px";var W=$||N,Z=S(v,j,_),J=rt(Z,j,_),ge=J!==null&&J!==G;(ge||J===null)&&(fe(),G=J,ve()),Qt(Z,_);var de=m(W);if(J===I&&$&&!T.copySortSource){de&&de.removeChild(W);return}var pe,me=it(J,Z);if(oe=Ut(me,J),me!==null)pe=st(J,me,j,_);else if(T.revertOnSpill===!0&&!$)pe=Y,J=I;else{$&&de&&de.removeChild(W),$&&F&&(F.style.display="none");return}F.style.display="block",$t(pe,W,ge),pe?Xt(me,pe):Ht(J);function ie(le){A.emit(le,W,G,I)}function ve(){ge&&ie("over")}function fe(){G&&ie("out")}}function $t(c,j,_){(c===j||c===n(j))&&(V=n(j)),(c===null&&_||c!==j&&c!==n(j))&&(V=c)}function Lt(c){b.rm(c,"gu-hide")}function qt(c){A.dragging&&b.add(c,"gu-hide")}function Ft(){v||(v=document.createElement("div"),v.style="background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;",v.innerHTML=T.getMirrorText&&T.getMirrorText(N)||"控件",b.add(v,"gu-mirror"),T.mirrorContainer.appendChild(v),i(E,"add","mousemove",Ae),b.add(T.mirrorContainer,"gu-unselectable"),A.emit("cloned",v,N,"mirror"))}function Wt(){if(F=document.createElement("div"),b.add(F,"gu-insertion"),N){var c=N.getBoundingClientRect();F.style.left=c.left+"px",F.style.top=c.top+"px"}oe=!1,T.mirrorContainer.appendChild(F)}function zt(){v&&(b.rm(T.mirrorContainer,"gu-unselectable"),i(E,"remove","mousemove",Ae),m(v).removeChild(v),v=null)}function Gt(){F&&(m(F).removeChild(F),F=null)}function it(c,j){for(var _=j;_!==c&&m(_)!==c;)_=m(_);return _===E?null:_}function Ut(c,j){if(!j)return oe;var _=c||j&&j.lastElementChild;if(!_)return!0;var W=getComputedStyle(c),Z=/^inline/.test(W.getPropertyValue("display"))||/^(left|right)$/.test(W.getPropertyValue("float"));if(Z)return!0;if(j){var J=getComputedStyle(j),ge=J.getPropertyValue("display");if(/flex$/.test(ge)){var de=J.getPropertyValue("flex-direction")||"row";if(de==="row"||de==="row-reverse")return!Yt(j)}return!1}return!0}function Yt(c){if(!c.children||!c.children.length)return!1;for(const j of Array.from(c.children)){const W=(j.className&&j.className.split(" ")||[]).filter(Z=>/^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(Z));if(!W.length)return!1;for(const Z of W){const J=Z.slice(Z.lastIndexOf("-")+1);if(parseInt(J,10)!==12)return!1}}return!0}function Xt(c,j){const _=j.getBoundingClientRect();if(F.style.left=_.left+"px",F.style.top=_.top+"px",oe){if(F.style.height=_.height+"px",F.style.width="4px",c){const W=c.getBoundingClientRect();W.top!==_.top&&(F.style.left=W.right+"px",F.style.top=W.top+"px",F.style.height=W.height+"px")}}else if(F.style.height="4px",F.style.width=_.width+"px",w){const W=w.getBoundingClientRect();_.top<W.top&&(F.style.display="none")}j===N&&N&&(F.style.display="none")}function Ht(c){V=null;var j=c.lastElementChild;if(j){var _=j.getBoundingClientRect();oe?(F.style.left=_.right+"px",F.style.top=_.top+"px",F.style.height=_.height+"px",F.style.width="4px"):(F.style.left=_.left+"px",F.style.top=_.bottom+"px",F.style.height="4px",F.style.width=_.width+"px"),j===N&&N&&(F.style.display="none")}else F.style.display="none"}function Qt(c,j){if(!T.mirrorContainer.contains(c)||!window.scrollContainerList||!Array.from(window.scrollContainerList).length||(w=l(c),!w||!w.contains(c)))return;const _=document.querySelector(".dgComponentSelected"),W=w.getBoundingClientRect();if(j-30<W.top&&w.scrollTop>0){let Z=w.scrollTop<10?w.scrollTop:10;w.scrollBy(0,-1*Z),_&&w.contains(_)&&(ae=ae+-1*Z)}if(j+30>W.bottom&&w.scrollTop<w.scrollHeight-w.clientHeight){const Z=w.scrollHeight-w.clientHeight-w.scrollTop;let J=Z<10?Z:10;w.scrollBy(0,J),_&&w.contains(_)&&(ae=ae+J)}}function st(c,j,_,W){var Z=T.direction==="horizontal",J=T.direction==="mixed",ge=j!==c?pe():de();return ge;function de(){var ie=c.children.length,ve,fe,le;for(ve=0;ve<ie;ve++)if(fe=c.children[ve],le=fe.getBoundingClientRect(),Z&&le.left+le.width/2>_||!J&&!Z&&le.top+le.height/2>W||J&&le.left+le.width>_&&le.top+le.height>W)return fe;return null}function pe(){var ie=j.getBoundingClientRect();if(J){var ve=W-ie.top,fe=_-ie.left,le=ie.bottom-W,Ve=ie.right-_,$e=Math.min(fe,Ve,ve,le),Le;return oe?Le=Ve<fe:Le=le===$e||Ve===$e||fe===$e,me(Le)}return me(Z?_>ie.left+O(ie)/2:W>ie.top+k(ie)/2)}function me(ie){return ie?n(j):j}}function Zt(c,j){return typeof T.copy=="boolean"?T.copy:T.copy(c,j)}}function l(p){const y=Array.from(window.scrollContainerList);if(y.length===1){const v=Array.from(window.scrollContainerList)[0];return document.getElementById(v)}const s=f(y);for(const v of s)if(v.contains(p))return v;return null}function f(p){const y=[];return p.forEach(s=>{const v=document.getElementById(s);v&&y.push(v)}),y.sort((s,v)=>s.contains(v)?1:v.contains(s)?-1:0),y}function i(p,y,s,v){var I={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},N={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},q={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};r.navigator.pointerEnabled?C[y](p,N[s],v):r.navigator.msPointerEnabled?C[y](p,q[s],v):(C[y](p,I[s],v),C[y](p,s,v))}function o(p){if(p.touches!==void 0)return p.touches.length;if(p.which!==void 0&&p.which!==0)return p.which;if(p.buttons!==void 0)return p.buttons;var y=p.button;if(y!==void 0)return y&1?1:y&2?3:y&4?2:0}function S(p,y,s){p=p||{};var v=p.className||"",I;return p.className+=" gu-hide",I=M.elementFromPoint(y,s),p.className=v,I}function B(){return!1}function z(){return!0}function O(p){return p.width||p.right-p.left}function k(p){return p.height||p.bottom-p.top}function m(p){return p.parentNode===M?null:p.parentNode}function R(p){return p.tagName==="INPUT"||p.tagName==="TEXTAREA"||p.tagName==="SELECT"||h(p)}function h(p){return!p||p.contentEditable==="false"?!1:p.contentEditable==="true"?!0:h(m(p))}function n(p){return p.nextElementSibling||y();function y(){var s=p;do s=s.nextSibling;while(s&&s.nodeType!==1);return s}}function L(p){return p.targetTouches&&p.targetTouches.length?p.targetTouches[0]:p.changedTouches&&p.changedTouches.length?p.changedTouches[0]:p}function P(p,y){var s=L(y),v={pageX:"clientX",pageY:"clientY"};return p in v&&!(p in s)&&v[p]in s&&(p=v[p]),s[p]}g.exports=u}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./classes":1,"contra/emitter":5,crossvent:6}],3:[function(t,g,d){g.exports=function(D,C){return Array.prototype.slice.call(D,C)}},{}],4:[function(t,g,d){var r=t("ticky");g.exports=function(C,b,M){C&&r(function(){C.apply(M||null,b||[])})}},{ticky:10}],5:[function(t,g,d){var r=t("atoa"),D=t("./debounce");g.exports=function(b,M){var E=M||{},u={};return b===void 0&&(b={}),b.on=function(l,f){return u[l]?u[l].push(f):u[l]=[f],b},b.once=function(l,f){return f._once=!0,b.on(l,f),b},b.off=function(l,f){var i=arguments.length;if(i===1)delete u[l];else if(i===0)u={};else{var o=u[l];if(!o)return b;o.splice(o.indexOf(f),1)}return b},b.emit=function(){var l=r(arguments);return b.emitterSnapshot(l.shift()).apply(this,l)},b.emitterSnapshot=function(l){var f=(u[l]||[]).slice(0);return function(){var i=r(arguments),o=this||b;if(l==="error"&&E.throws!==!1&&!f.length)throw i.length===1?i[0]:i;return f.forEach(function(B){E.async?D(B,i,o):B.apply(o,i),B._once&&b.off(l,B)}),b}},b}},{"./debounce":4,atoa:3}],6:[function(t,g,d){(function(r){var D=t("custom-event"),C=t("./eventmap"),b=r.document,M=l,E=i,u=[];r.addEventListener||(M=f,E=o),g.exports={add:M,remove:E,fabricate:S};function l(m,R,h,n){return m.addEventListener(R,h,n)}function f(m,R,h){return m.attachEvent("on"+R,z(m,R,h))}function i(m,R,h,n){return m.removeEventListener(R,h,n)}function o(m,R,h){var n=O(m,R,h);if(n)return m.detachEvent("on"+R,n)}function S(m,R,h){var n=C.indexOf(R)===-1?P():L();m.dispatchEvent?m.dispatchEvent(n):m.fireEvent("on"+R,n);function L(){var p;return b.createEvent?(p=b.createEvent("Event"),p.initEvent(R,!0,!0)):b.createEventObject&&(p=b.createEventObject()),p}function P(){return new D(R,{detail:h})}}function B(m,R,h){return function(L){var P=L||r.event;P.target=P.target||P.srcElement,P.preventDefault=P.preventDefault||function(){P.returnValue=!1},P.stopPropagation=P.stopPropagation||function(){P.cancelBubble=!0},P.which=P.which||P.keyCode,h.call(m,P)}}function z(m,R,h){var n=O(m,R,h)||B(m,R,h);return u.push({wrapper:n,element:m,type:R,fn:h}),n}function O(m,R,h){var n=k(m,R,h);if(n){var L=u[n].wrapper;return u.splice(n,1),L}}function k(m,R,h){var n,L;for(n=0;n<u.length;n++)if(L=u[n],L.element===m&&L.type===R&&L.fn===h)return n}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./eventmap":7,"custom-event":8}],7:[function(t,g,d){(function(r){var D=[],C="",b=/^on/;for(C in r)b.test(C)&&D.push(C.slice(2));g.exports=D}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],8:[function(t,g,d){(function(r){var D=r.CustomEvent;function C(){try{var b=new D("cat",{detail:{foo:"bar"}});return b.type==="cat"&&b.detail.foo==="bar"}catch{}return!1}g.exports=C()?D:typeof document<"u"&&typeof document.createEvent=="function"?function(M,E){var u=document.createEvent("CustomEvent");return E?u.initCustomEvent(M,E.bubbles,E.cancelable,E.detail):u.initCustomEvent(M,!1,!1,void 0),u}:function(M,E){var u=document.createEventObject();return u.type=M,E?(u.bubbles=!!E.bubbles,u.cancelable=!!E.cancelable,u.detail=E.detail):(u.bubbles=!1,u.cancelable=!1,u.detail=void 0),u}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],9:[function(t,g,d){var r=g.exports={},D,C;function b(){throw new Error("setTimeout has not been defined")}function M(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?D=setTimeout:D=b}catch{D=b}try{typeof clearTimeout=="function"?C=clearTimeout:C=M}catch{C=M}})();function E(k){if(D===setTimeout)return setTimeout(k,0);if((D===b||!D)&&setTimeout)return D=setTimeout,setTimeout(k,0);try{return D(k,0)}catch{try{return D.call(null,k,0)}catch{return D.call(this,k,0)}}}function u(k){if(C===clearTimeout)return clearTimeout(k);if((C===M||!C)&&clearTimeout)return C=clearTimeout,clearTimeout(k);try{return C(k)}catch{try{return C.call(null,k)}catch{return C.call(this,k)}}}var l=[],f=!1,i,o=-1;function S(){!f||!i||(f=!1,i.length?l=i.concat(l):o=-1,l.length&&B())}function B(){if(!f){var k=E(S);f=!0;for(var m=l.length;m;){for(i=l,l=[];++o<m;)i&&i[o].run();o=-1,m=l.length}i=null,f=!1,u(k)}}r.nextTick=function(k){var m=new Array(arguments.length-1);if(arguments.length>1)for(var R=1;R<arguments.length;R++)m[R-1]=arguments[R];l.push(new z(k,m)),l.length===1&&!f&&E(B)};function z(k,m){this.fun=k,this.array=m}z.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={};function O(){}r.on=O,r.addListener=O,r.once=O,r.off=O,r.removeListener=O,r.removeAllListeners=O,r.emit=O,r.prependListener=O,r.prependOnceListener=O,r.listeners=function(k){return[]},r.binding=function(k){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(k){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}},{}],10:[function(t,g,d){(function(r){var D=typeof r=="function",C;D?C=function(b){r(b)}:C=function(b){setTimeout(b,0)},g.exports=C}).call(this,t("timers").setImmediate)},{timers:11}],11:[function(t,g,d){(function(r,D){var C=t("process/browser.js").nextTick,b=Function.prototype.apply,M=Array.prototype.slice,E={},u=0;d.setTimeout=function(){return new l(b.call(setTimeout,window,arguments),clearTimeout)},d.setInterval=function(){return new l(b.call(setInterval,window,arguments),clearInterval)},d.clearTimeout=d.clearInterval=function(f){f.close()};function l(f,i){this._id=f,this._clearFn=i}l.prototype.unref=l.prototype.ref=function(){},l.prototype.close=function(){this._clearFn.call(window,this._id)},d.enroll=function(f,i){clearTimeout(f._idleTimeoutId),f._idleTimeout=i},d.unenroll=function(f){clearTimeout(f._idleTimeoutId),f._idleTimeout=-1},d._unrefActive=d.active=function(f){clearTimeout(f._idleTimeoutId);var i=f._idleTimeout;i>=0&&(f._idleTimeoutId=setTimeout(function(){f._onTimeout&&f._onTimeout()},i))},d.setImmediate=typeof r=="function"?r:function(f){var i=u++,o=arguments.length<2?!1:M.call(arguments,1);return E[i]=!0,C(function(){E[i]&&(o?f.apply(null,o):f.call(null),d.clearImmediate(i))}),i},d.clearImmediate=typeof D=="function"?D:function(f){delete E[f]}}).call(this,t("timers").setImmediate,t("timers").clearImmediate)},{"process/browser.js":9,timers:11}]},{},[2])(2)})})(Xe);var Dt=Xe.exports;const He=Tt(Dt);function St(e){let x;function t(d,r,D,C){const b=e.schema;if(!(b!=null&&b.buttons))return;let M;if(D){const f=D.getAttribute("id");M=Array.from(r.children).findIndex(i=>i.getAttribute("id")===f)}else M=Array.from(r.children).length;const E=d.getAttribute("id"),u=Array.from(r.children).findIndex(f=>f.getAttribute("id")===E),l=b.buttons[u];u!==M&&u>-1&&M>-1&&(u<M&&(M=M-1),b.buttons.splice(u,1),b.buttons.splice(M,0,l),C(),a.nextTick(()=>{const f=r.querySelector(".dgComponentSelected");f!=null&&f.className.includes("dgComponentSelected")&&(f.classList.remove("dgComponentSelected"),f.classList.remove("dgComponentFocused"),f.click()),ye.canvasChanged.value++}))}function g(d,r,D){x&&x.destroy(),!(!He||!d||!r)&&(x=He([d],{mirrorContainer:r,direction:"horizontal",getMirrorText(C){return C.innerText},moves(C,b,M){let E=!0;return M.classList.contains("dropdown-item")?(E=!1,E):(C.classList.contains("no-drag")&&(E=!1),E)}}).on("drop",(C,b,M,E)=>t(C,b,E,D)))}return{dragulaInstance:x,initDragula:g}}function kt(e,x,t){const{renderToolbarItemDesigner:g,actionHandlers:d}=t;let r;function D(O){r=O}function C(O,k=null){const m=x.value.find(R=>R.id===O.id);if(m.isDP)if(document.body.click(),typeof k=="boolean")m.expanded=k;else{const R=O.expanded;m.expanded=!R}}d.toggleDropdownMenu=C;function b(O){var m;const k={"dropdown-menu":!0};if(O.class){const R=(m=O.menuClass)==null?void 0:m.split(" ");R&&R.length&&R.reduce((h,n)=>(h[n]=!0,h),k)}return k}function M(O){var R;const k={disabled:O.disabled===!1,"dropdown-submenu":!0,"f-rt-dropdown":!0,"text-truncate":!0},m=(R=O.dropdownClass)==null?void 0:R.split(" ");return m&&m.length&&m.reduce((h,n)=>(h[n]=!0,h),k),k}function E(O){const k={disabled:!1,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0,"text-truncate":!0},m=(O.class||"").split(" ");return m&&m.length&&m.reduce((R,h)=>(R[h]=!0,R),k),k}let u;const l=new Map;function f(O,k,m){O.stopPropagation();const R=m?m.id:"__top_item__";if(k.children&&k.children.length&&(k.expanded=!k.expanded,k.expanded)){if(l.has(R)&&l.get(R)!==k){const h=l.get(R);h&&(h.expanded=!1,l.delete(R))}l.set(R,k)}}function i(O){var k;return(k=O.children)==null?void 0:k.map((m,R)=>m.children&&m.children.length?a.createVNode("li",{class:M(m),id:m.id},[a.createVNode("span",{class:E(m),onClick:h=>f(h,m,O)},[m.text,a.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),u(m,m)]):g(m,R,!0))}function o(O){return O==="page-header"||O==="drawer-header-toolbar"}function S(O,k,m,R){const{height:L,left:P,top:p}=R[0],{width:y,height:s}=m.getBoundingClientRect(),{marginTop:v,marginBottom:I}=getComputedStyle(m),N=Math.ceil(parseFloat(v))+Math.ceil(parseFloat(I)),q=p+L,U=k==null?void 0:k.getBoundingClientRect();function Y(){let G=0,H="left";const F=U?U.right:window.innerWidth,oe=U?U.left:0;return G=F-P-10,F-P<y&&P-oe>F-P&&(H="right",G=P-oe-10),{hposition:H,maxWidth:Math.min(G,300)}}let V=0,$="bottom";if(O==="tabs"||O==="section")V=k.getBoundingClientRect().bottom-q-N-10;else{const G=U?U.bottom:window.innerHeight;V=o(O)?G-q:p,V=V-N-10,$=o(O)?"bottom":"top"}const Q=Y();return{position:$+"-"+Q.hposition,maxWidth:Q.maxWidth,maxHeight:V}}function B(O){var n,L,P,p;const k="300px",m={display:O.expanded===!0?"block":"none",position:"absolute",maxWidth:k,minWidth:"120px"};if(!(r!=null&&r.value))return m;const R=r.value.querySelector("#"+O.id),h=R==null?void 0:R.getClientRects();if(R&&h&&h.length>0){const y=R?R.querySelector("#"+O.id+"_menu"):null;if(!y||O.expanded!==!0)return m;y.style.visibility="hidden",y.style.display="block",y.style.maxHeight="auto",y.style.maxWidth=k;let s;switch(d.toolbarPosition){case"tabs":s=(n=r.value)==null?void 0:n.closest(".farris-tabs");break;case"section":s=(L=r.value)==null?void 0:L.closest(".f-section");break;case"drawer-header-toolbar":case"drawer-footer-toolbar":s=(P=r.value)==null?void 0:P.closest(".f-drawer-container");break;default:s=(p=r.value)==null?void 0:p.closest(".f-page")}const v=S(d.toolbarPosition,s,y,h),{position:I,maxHeight:N,maxWidth:q}=v;y.style.visibility="visible";const U={left:I.indexOf("left")>-1?0:"unset",right:I.indexOf("left")>-1?"unset":0,bottom:I.indexOf("bottom")>-1?"unset":"100%",top:I.indexOf("bottom")>-1?"!00%":"unset",maxWidth:q?q+"px":"300px",maxHeight:N?N+"px":"auto",overflowY:N?"auto":"unset"};Object.assign(m,U)}return m}d.changeMenuPosition=B,u=function(O,k){return a.createVNode("ul",{class:b(O),style:B(O),id:O.id+"_menu"},[i(O)])};function z(O=""){O&&l.has(O)?l.forEach((k,m)=>{m!==O&&(k.expanded=!1,l.delete(m))}):(l.forEach(k=>{k.expanded=!1}),l.clear())}return{renderDropdownMenu:u,clearAllDropDownMenu:z,setResponseToolbarRef:D}}class It extends Fe.BaseControlProperty{constructor(t,g,d="response-toolbar-item"){super(t,g);K(this,"toolbarType","response-toolbar-item");this.toolbarType=d}getPropertyConfig(t,g=!1){this.propertyConfig.categories.basic=this.getBasicPropConfig(t),this.propertyConfig.categories.basic.properties.text={title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},this.propertyConfig.categories.basic.setPropertyRelates=r=>{if(r)switch(r&&r.propertyID){case"text":{r.needRefreshControlTree=!0;break}}},this.getAppearanceProperties(t,g);const d=this.getPropertyEditorParams(t,["Const","Variable","StateMachine","Expression"],"disabled");return this.propertyConfig.categories.behavior=this.getBehaviorConfig(t,"",{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0,editor:d}}),this.getEventPropConfig(t),this.propertyConfig}getAppearanceProperties(t,g=!1){this.propertyConfig.categories.appearance={title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"",$converter:"/converter/appearance.converter",parentPropertyID:"appearance",visible:!g},icon:{title:"图标",type:"string",description:""},split:{title:"下拉按钮分离",type:"boolean",description:"启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",visible:!!(t.children&&t.children.length>0)},tipsEnable:{title:"启用提示",type:"boolean",description:"当启用提示时，鼠标滑过按钮会有消息提示框",refreshPanelAfterChanged:!0,visible:this.toolbarType==="response-toolbar-item"},tipsText:{title:"提示消息内容",type:"string",description:"消息提示框内的展示内容",visible:t.tipsEnable===!0}}}}getEventPropConfig(t){const g=[{label:"onClick",name:"点击事件"}],d=this,r=d.eventsEditorUtils.formProperties(t,d.viewModelId,g),D=d.createBaseEventProperty(r);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:D,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(C,b){const M=C.propertyValue;delete t[d.viewModelId],M&&(M.setPropertyRelates=this.setPropertyRelates,d.eventsEditorUtils.saveRelatedParameters(t,d.viewModelId,M.events,M))}}}}function Me(e,x){if(!e)return!1;const t=x||[];return(t==null?void 0:t.findIndex(d=>d.id===e))===-1}function Qe(e,x){const t=x||[];let g={parentIndex:-1,itemIndex:-1};return t.some((d,r)=>{if(d.children&&d.children.length>0){const D=d.children.findIndex(C=>C.id===e);return D>-1?(g={parentIndex:r,itemIndex:D},!0):!1}}),g}function Ze(e,x){const t=x||[];let g={parentIndex:-1,itemIndex:-1};const d=t==null?void 0:t.findIndex(r=>r.id===e);return d>-1?{parent:null,item:t[d]}:(t.some((r,D)=>{if(r.children&&r.children.length>0){const C=r.children.findIndex(b=>b.id===e);return C>-1?(g={parentIndex:D,itemIndex:C},!0):!1}}),g.parentIndex<0?{parent:null,item:null}:{parent:t[g.parentIndex],item:t[g.parentIndex].children[g.itemIndex]})}function Pt(e,x){const t=x||[],g=t==null?void 0:t.findIndex(d=>d.id===e);return g>-1&&t[g].children&&t[g].children.length>0?t[g].expanded===!0:!1}function Et(e,x){let t;function g(u){const{properties:l,title:f,ignore:i}=u,o=i&&Array.isArray(i),S=Object.keys(l).reduce((B,z)=>((!o||!i.find(O=>O===z))&&(B[z]=l[z].type==="object"&&l[z].properties?g(l[z]):we.cloneDeep(l[z].default)),B),{});if(f&&(!o||!i.find(B=>B==="id"))){const B=f.toLowerCase().replace(/-/g,"_");S.id=`${B}_${Math.random().toString().slice(2,6)}`}return S}function d(u){const{properties:l,title:f,required:i}=u;if(i&&Array.isArray(i)){const o=i.reduce((S,B)=>(S[B]=l[B].type==="object"&&l[B].properties?g(l[B]):we.cloneDeep(l[B].default),S),{});if(f&&i.find(S=>S==="id")){const S=f.toLowerCase().replace(/-/g,"_");o.id=`${S}_${Math.random().toString().slice(2,6)}`}return o}return{type:f}}function r(u,l={},f){const i=e[u];if(i){let o=d(i);const S=x[u];return o=S?S({getSchemaByType:r},o,l,f):o,t!=null&&t.appendIdentifyForNewControl&&t.appendIdentifyForNewControl(o),o}return null}function D(u,l){const f=g(l);return Object.keys(f).reduce((i,o)=>(Object.prototype.hasOwnProperty.call(u,o)&&(i[o]&&we.isPlainObject(i[o])&&we.isPlainObject(u[o]||!u[o])?Object.assign(i[o],u[o]||{}):i[o]=u[o]),i),f),f}function C(u,l){return Object.keys(u).filter(i=>u[i]!=null).reduce((i,o)=>{if(l.has(o)){const S=l.get(o);if(typeof S=="string")i[S]=u[o];else{const B=S(o,u[o],u);Object.assign(i,B)}}else i[o]=u[o];return i},{})}function b(u,l,f=new Map){const i=D(u,l);return C(i,f)}function M(u){var f;const l=u.type;if(l){const i=e[l];if(!i)return u;const o=D(u,i),S=((f=u.editor)==null?void 0:f.type)||"";if(S){const B=e[S],z=D(u.editor,B);o.editor=z}return o}return u}function E(u){t=u}return{getSchemaByType:r,resolveSchemaWithDefaultValue:M,resolveSchemaToProps:b,mappingSchemaToProps:C,setDesignerContext:E}}const Mt={},Nt={},{getSchemaByType:jt}=Et(Mt,Nt);function Rt(e,x,t){function g(y){return!1}function d(){return!1}function r(){return!1}function D(){return!1}function C(){return t.toolbarContext.schema.buttons||[]}function b(y,s=""){setTimeout(()=>{var q,U;const v=(q=e.parent)==null?void 0:q.designerItemElementRef.value;let I;s&&(I=v==null?void 0:v.querySelector("#"+s));const N=(U=I||v)==null?void 0:U.querySelector("#"+y);N==null||N.click()},0)}function M(y,s){s.disabled&&s.disabled.expressionId&&(s.disabled.expressionId=`${s.id}_disabled`),s.visible&&s.visible.expressionId&&(s.visible.expressionId=`${s.id}_visible`);const v=x.formSchemaUtils.getExpressions(),I=v.find(q=>q.target===y.id);if(!I||!I.rules||!I.rules.length)return;const N={target:s.id,rules:[],targetType:"Button"};I.rules.forEach(q=>{const U=Object.assign(we.cloneDeep(q),{id:`${s.id}_${q.type}`});N.rules.push(U)}),v.push(N)}function E(){var I;const y=e.schema,s=Object.assign(we.cloneDeep(y),{id:`${e.schema.type}-cloned-${Math.random().toString(36).slice(2,6)}`,onClick:null});(I=x==null?void 0:x.designerContext)!=null&&I.appendIdentifyForNewControl&&x.designerContext.appendIdentifyForNewControl(s);let v=[];return s.children&&s.children.length&&(v=s.children.map(N=>{var U;const q=we.cloneDeep(N);return Object.assign(q,{id:`${e.schema.type}-cloned-${Math.random().toString(36).slice(2,6)}`,onClick:null}),(U=x==null?void 0:x.designerContext)!=null&&U.appendIdentifyForNewControl&&x.designerContext.appendIdentifyForNewControl(q),M(N,q),q}),s.children=v),M(y,s),s}function u(){const y=e.schema.type||"response-toolbar-item",s=jt(y),v=y.toLowerCase().replace("-","_");return s&&!s.id&&s.type===y&&(s.id=`${v}_${Math.random().toString().slice(2,6)}`,s.text="按钮"),s}function l(y){const s=C(),v=s==null?void 0:s.findIndex(N=>N.id===y),I=v===-1?null:s[v];return{index:v,toolbarItem:I}}function f(){const y=e.schema.id,s=C();return Me(y,s)}function i(y){const s=x.formSchemaUtils.getExpressions();if(!s||!s.length)return;const v=I=>{const N=s&&s.findIndex(q=>q.target===I.id);N>-1&&s.splice(N,1)};v(y),y.children&&y.children.length&&y.children.forEach(I=>{v(I)})}function o(y){t.changeSelectedId(y)}function S(y){x.formSchemaUtils.removeCommunicationInComponent(y),y.children&&y.children.length&&y.children.forEach(s=>{x.formSchemaUtils.removeCommunicationInComponent(s)})}function B(){var I,N,q;if((I=x==null?void 0:x.designerContext)!=null&&I.checkCanDeleteControl&&!x.designerContext.checkCanDeleteControl(e.schema))return;const y=C(),{parentIndex:s,itemIndex:v}=Qe(e.schema.id,y);s===-1||v===-1||(i(e.schema),S(e.schema),y[s].children.splice(v,1),t.updateToolbarItems(),(N=e.setupContext)==null||N.emit("removeComponent"),(q=e.setupContext)==null||q.emit("selectionChange"),ye.canvasChanged.value++)}function z(){var I,N,q;if((I=x==null?void 0:x.designerContext)!=null&&I.checkCanDeleteControl&&!x.designerContext.checkCanDeleteControl(e.schema))return;const y=e.schema.id,s=C(),v=s==null?void 0:s.findIndex(U=>U.id===y);v!==-1&&(i(s[v]),S(s[v]),s==null||s.splice(v,1),t.updateToolbarItems(),(N=e.setupContext)==null||N.emit("removeComponent"),(q=e.setupContext)==null||q.emit("selectionChange"),ye.canvasChanged.value++)}function O(y="Append"){var U;const s=C(),{parentIndex:v,itemIndex:I}=Qe(e.schema.id,s);if(v===-1||I===-1)return;const N=u(),q=y==="Copy"?E():Object.assign({},N);s[v].children.splice(I+1,0,q),t.updateToolbarItems(),o(q.id),(U=e.setupContext)==null||U.emit("addComponent")}function k(y,s){const{index:v}=l(s);if(v===-1)return{index:v,schema:null};const I=u(),N=y==="Copy"?E():Object.assign({},I);return{index:v,schema:N}}function m(){var I;const y=e.schema.id,{index:s,schema:v}=k("Copy",y);v&&(C().splice(s+1,0,v),t.updateToolbarItems(),b(v.id),(I=e.setupContext)==null||I.emit("addComponent"))}function R(){var I;const y=e.schema.id,{index:s,schema:v}=k("Append",y);if(v&&e.parent){const q=C()[s].children||[];q.push(v);const U=C();U[s].children=q,t.updateToolbarItems(),o(v.id),(I=e.setupContext)==null||I.emit("addComponent")}}function h(y){let s;switch(e.schema.type){case"tab-toolbar-item":s=new at.TabToolbarItemProperty(y,x);break;default:s=new It(y,x,e.schema.type)}return s.getPropertyConfig(e.schema,f())}function n(y){y.stopPropagation(),y.stopImmediatePropagation()}function L(){const y=[{id:"delete",title:"删除",text:"",icon:"f-icon-yxs_delete",onClick:s=>{n(s),f()?B():z()}},{id:"copy",title:"复制",icon:"f-icon-yxs_copy",onClick:s=>{n(s);const{activeElement:v}=document,I=v?v.tagName.toLowerCase():"";I&&I==="input"||I==="textarea"?(v==null||v.blur(),a.nextTick(()=>{f()?O("Copy"):m()})):f()?O("Copy"):m()}}];return y.push(f()?{id:"appendSiblingButton",title:"",text:"新增同级",icon:"f-icon-plus-circle",onClick:s=>{n(s),O()}}:{id:"appendChildButton",title:"",text:"新增子级",icon:"f-icon-plus-circle",onClick:s=>{n(s),R()}}),y}function P(){const{schema:y}=e;i(y)}function p(){var y,s,v,I;if(e&&x){const{formSchemaUtils:N}=x,{schema:q}=e;switch(q.type){case"response-toolbar-item":{N.getControlBasicInfoMap().set(q.id,{componentTitle:q.text,parentPathName:q.text});break}case"tab-toolbar-item":case"section-toolbar-item":case"drawer-toolbar-item":{let U;const Y=(y=e.parent)==null?void 0:y.parent;(Y==null?void 0:Y.schema.type)==="tabs"||(Y==null?void 0:Y.schema.type)==="section"||(Y==null?void 0:Y.schema.type)==="drawer"?U=(s=Y.componentInstance)==null?void 0:s.value:U=(I=(v=Y==null?void 0:Y.parent)==null?void 0:v.componentInstance)==null?void 0:I.value,U!=null&&U.setComponentBasicInfoMap&&U.setComponentBasicInfoMap()}}}}return{canAccepts:g,checkCanMoveComponent:d,checkCanDeleteComponent:r,checkCanAddComponent:D,getPropsConfig:h,getCustomButtons:L,onRemoveComponent:P,setComponentBasicInfoMap:p}}const Ne=a.defineComponent({name:"FResponseToolbarItemDesign",props:ze,emits:["Click","dropdown","clearAll"],setup(e,x){const t=a.ref(e.alignment),g=Ee(),d=a.ref(),r=a.inject("designer-host-service"),D=a.inject("design-item-context"),C=a.inject("toolbar-item-action"),b=Rt(D,r,C),M=ye.useDesignerInnerComponent(d,D,b);a.onMounted(()=>{d.value.componentInstance=M}),x.expose(M.value);function E(){const k={"f-icon":!0},m=e.icon?e.icon.trim():"";return X.getCustomClass(k,m)}function u(){return!!(e.icon&&e.icon.trim())}const l=a.computed(()=>{const k={btn:!0,"f-rt-btn":!0,"f-btn-ml":!e.isDP&&(t.value==="right"||t.value==="center"),"f-btn-mr":!e.isDP&&t.value==="left","btn-icontext":!!(e.icon&&e.icon.trim()),disabled:e.disabled===!0,"no-drag":!0,"text-truncate":!0};return X.getCustomClass(k,e.class)}),f=a.computed(()=>e.split?{display:"flex","align-items":"center"}:{display:"flex","align-items":"center","border-radius":"6px","padding-right":"0.1rem","border-top-right-radius":"6px","border-bottom-right-radius":"6px"}),i=a.computed(()=>{const k={btn:!0,"dropdown-toggle":!0,"f-btn-mr":t.value==="left","dropdown-toggle-split":!0,"no-drag":!0};return X.getCustomClass(k,e.class)}),o=a.computed(()=>{let k={btn:!e.isDPItem,disabled:e.disabled===!0,"dropdown-item":e.isDPItem,"f-rt-btn":!0,"text-truncate":!0,"btn-icontext":!e.isDPItem&&!!(e.icon&&e.icon.trim()),"dropdown-item-icontext":e.isDPItem&&!!(e.icon&&e.icon.trim()),"no-drag":!0};return e.isDPItem||(k=X.getCustomClass(k,e.class||"")),e.isDP&&(k=X.getCustomClass(k,e.dropdownClass||"")),k});function S(k,m){m&&m.stopPropagation(),x.emit(k,{id:e.id,isDP:e.isDP})}function B(){return{"btn-group":!0,"no-drag":!0,"f-rt-dropdown":!0,"f-btn-ml":t.value==="right"||t.value==="center","f-btn-mr":t.value==="left"}}function z(){return a.createVNode("div",{ref:d,"data-dragref":`${D.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[a.createVNode("div",{class:B(),id:e.id},[a.createVNode("div",{class:l.value,style:f.value,onClick:()=>S("clearAll")},[g.shouldShowIcon(e)&&a.createVNode("i",{class:g.iconClass(e)},null),a.createVNode("span",null,[e.text]),!e.split&&a.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down",style:"margin:0 0.5rem 0 0.25rem;",onClick:k=>S("dropdown",k)},null)]),e.split&&a.createVNode("button",{class:i.value,style:"border-radius:0 6px 6px 0;",onClick:k=>S("dropdown",k)},null),C.renderDropdownMenu(e.item,e.item)])])}function O(){return a.createVNode("li",{ref:d,"data-dragref":`${D.schema.id}-container`,id:e.id,class:o.value},[g.shouldShowIcon(e)&&a.createVNode("i",{class:g.iconClass(e)},null),e.text])}return()=>e.isDP?z():e.isDPItem?O():a.createVNode("div",{ref:d,"data-dragref":`${D.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[a.createVNode("button",{type:"button",class:l.value,id:e.id,onClick:()=>S("clearAll")},[u()&&a.createVNode("i",{class:E()},null),e.text])])}});function Bt(e,x,t,g){function d(l,f,i,o){g.changeSelectedId((f==null?void 0:f.id)||""),t&&t.setupContext&&t.setupContext.emit("selectionChange",l,f,i,o)}function r(){}function D(l){const f=l.expanded;g.clearAllDropdown(),g.toggleDropdownMenu(l,!f)}function C(l){g.clearAllDropdown(l.isDP?l.id:"")}function b(l,f=""){const i=e.items||[],o=f||l,S=i.find(B=>B.id===o);return f?S.children.find(B=>B.id===l):S}function M(l,f=!1){if(!f)return;const i=l.target;i!=null&&i.classList.contains("dgComponentFocused")&&(i==null||i.classList.add("dgComponentSelected"))}function E(l,f=!1){if(!f)return;const i=l.target;i!=null&&i.classList.contains("dgComponentFocused")&&(i==null||i.classList.remove("dgComponentSelected"))}function u(l,f,i=!1){const o=b(l.id,l.parent),S=a.ref(o);return a.createVNode(ye.FDesignerInnerItem,{key:o.id,class:["p-0",i?"d-block no-drag":"d-inline-block"],modelValue:S.value,"onUpdate:modelValue":B=>S.value=B,canMove:!1,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:e.componentId,id:o.id,onSelectionChange:d,onRemoveComponent:r,onMouseenter:B=>M(B,i),onMouseleave:B=>E(B,i)},{default:()=>{var B;return[a.createVNode(Ne,{id:o.id,disabled:o.disabled,text:o.text,icon:o.icon,isDP:l.isDP,item:l,split:o.split,isDPItem:l.isDPItem,class:((B=l.appearance)==null?void 0:B.class)||"btn-secondary",alignment:e.alignment||"right",onDropdown:()=>D(l),onClearAll:z=>C(z),componentId:e.componentId},null)]}})}return{renderToolbarItemDesigner:u,actionHandlers:g}}function je(e,x=!1,t=""){const g=[];return e.reduce((d,r)=>{if(r.children&&r.children.length>0){const D=je(r.children,!0,r.id);d.push(Object.assign({},r,{children:D,isDPItem:!1,isDP:!0,parent:"",expanded:!1}))}else d.push(Object.assign({},r,{isDPItem:x,isDP:!1,parent:t}));return d},g),g}const Te=a.defineComponent({name:"FResponseToolbarDesign",props:ft,emits:["Click"],setup(e,x){const t=a.ref(je(e.items)),g=a.ref(),d=a.ref(),r=a.ref(),D=a.ref("");let C=0;const b=15,M=a.inject("designer-host-service"),E=a.inject("design-item-context"),u={clearAllDropdown:V=>{},toggleDropdownMenu:V=>{},updateToolbarItems:()=>{},changeSelectedId:V=>{D.value=V},renderDropdownMenu:(V,$)=>{},toolbarContext:E,changeMenuPosition:(V,$,Q)=>({}),toolbarPosition:""},l=xt(E,M,u),f=ye.useDesignerComponent(r,E,l),i=a.inject("toolbar-item-handler"),{initDragula:o,dragulaInstance:S}=St(E),B=Ee(),z=Bt(e,d,E,u),O=kt(B,t,z),{renderToolbarItemDesigner:k}=z,{clearAllDropDownMenu:m,renderDropdownMenu:R,setResponseToolbarRef:h}=O;a.provide("toolbar-item-action",u),u.renderDropdownMenu=R,h(r),i&&(i.changeSelectedId=function(V){D.value=V});function n(){const V=d.value.querySelector(".dgComponentSelected");V&&ye.setPositionForSelectedElement(V)}function L(){if(D.value)if(Me(D.value,t.value)){const{parent:V,item:$}=Ze(D.value,t.value);V&&(u.toggleDropdownMenu(V,!0),setTimeout(()=>{var H;const Q=r.value.querySelector("#"+V.id),G=Q==null?void 0:Q.querySelector("#"+$.id);(((H=G==null?void 0:G.parentElement)==null?void 0:H.className)||"").indexOf("dgComponentFocused")<0&&(G==null||G.click())},0))}else n()}function P(V=""){t.value.filter($=>$.id!==V&&$.children&&$.children.length>0).forEach($=>{$.expanded=!1}),m(V)}u.clearAllDropdown=P;function p(){i&&i.updateToolbarItems&&i.updateToolbarItems()}u.updateToolbarItems=p;function y(V){if(V){const $=r.value.querySelector("#"+V.id),Q=$.querySelector("#"+V.id+"_menu"),G=u.changeMenuPosition(V,$);Object.keys(G).forEach(H=>{Q.style[H]=G[H]})}}function s(){const Q=d.value.clientWidth,G=d.value.querySelectorAll(".farris-component>.f-rt-btn");G&&G.forEach(F=>{F.style.maxWidth=Q-12+"px"});const H=d.value.querySelectorAll(".farris-component>.f-rt-dropdown");H&&H.forEach(F=>{F.querySelector(".dropdown-toggle-split")?F.querySelector(".f-rt-btn").style.maxWidth=Q-38+"px":F.style.maxWidth=Q-12+"px"})}const v=new ResizeObserver(V=>{var $;if(V.length){const G=V[0].contentRect.width;if(G===0){C=0;return}if(Math.abs(G-C)>b){if(C=G,Me(D.value,t.value)){const{parent:H,item:F}=Ze(D.value,t.value);y(H)}else if(Pt(D.value,t.value)){const H=($=t.value)==null?void 0:$.find(F=>F.id===D.value);y(H)}else P();s()}}});a.onMounted(()=>{v.observe(r.value),C=r.value.clientWidth,r.value.componentInstance=f,o(d.value,g.value,p)}),a.onUnmounted(()=>{v.disconnect(),S&&S.destroy&&S.destroy()}),x.expose(f.value);const I=a.computed(()=>{const V={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0,"f-response-toolbar-sm":e.buttonSize==="sm","f-response-toolbar-lg":e.buttonSize==="lg"};return X.getCustomClass(V,e.customClass)}),N=a.computed(()=>({"text-left":e.alignment==="left","text-right":e.alignment==="right","justify-content-end":e.alignment==="right","justify-content-start":e.alignment==="left","justify-content-center":e.alignment==="center","no-drag":!0,"w-100":!0}));a.watch(()=>e.items,()=>{t.value=je(e.items),a.nextTick(()=>{L(),s()})},{deep:!0});function q(V){V&&(V.stopPropagation(),V.preventDefault());const{schema:$}=E;$.buttons||($.buttons=[]);let Q="";switch(u.toolbarPosition){case"drawer-header-toolbar":case"drawer-footer-toolbar":Q="drawer-toolbar-item";break;case"tabs":Q="tab-toolbar-item";break;case"section":Q="section-toolbar-item";break;default:Q="response-toolbar-item"}const G=ue.getSchemaByType(Q);G.id=`toolbar_item_${Math.random().toString().slice(2,6)}`,$.buttons.push(G)}function U(){return a.createVNode("li",{style:"border-width: 1px;border-style: dashed;display: inline-block;padding: 0 8px;line-height: 24px; border-radius: 3px; cursor: default;color: #B4BCCC;",onClick:q},[a.createVNode("span",{class:"f-icon f-icon-amplification mr-1",style:"font-size: 12px;"},null),a.createVNode("span",{class:"farris-tag-add-text"},[a.createTextVNode("添加按钮")])])}function Y(){return t.value.map((V,$)=>k(V,$))}return()=>{var V;return a.createVNode("div",{ref:r,"data-dragref":`${E.schema.id}-container`,class:I.value,id:e.id},[a.createVNode("div",{ref:g,class:N.value,onClick:$=>P($)},[a.createVNode("div",{ref:d,class:"d-block f-response-content"},[(V=t.value)!=null&&V.length?Y():U()])])])}}}),Ot=Pe;Te.register=(e,x,t,g)=>{e["response-toolbar"]=wt,x["response-toolbar"]=Pe,g["response-toolbar"]={eventHandlerResolver:ht}},Te.registerDesigner=(e,x,t)=>{e["response-toolbar"]=Te,x["response-toolbar"]=Pe,e["response-toolbar-item"]=Ne,x["response-toolbar-item"]=pt};const _t=X.withInstall(Te);ee.FResponseToolbarDesign=Te,ee.FResponseToolbarItemDesign=Ne,ee.commonToolbarItemDesignProps=We,ee.default=_t,ee.responseToolbarResolver=Ot,ee.schemaResolver=Ie,Object.defineProperties(ee,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/section/index.esm.js

@@ -941,10 +941,5 @@ F.registerDesigner = (t, e, n) => {
 };
 const ot = K(F);
 export {
-  ot as default,
-  Ge as eventHandlerResolver,
-  Ve as propsDesignResolver,
-  qe as propsResolver,
-  U as sectionDesignProps,
-  Ue as sectionToolbarPropsResolver
+  ot as default
 };

package/designer/section/index.umd.cjs

@@ -1 +1 @@
-(function(f,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("../../components/section/index.umd.js"),require("../../components/common/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("vue"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/section/index.umd.js","../../components/common/index.umd.js","../response-toolbar/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","../../components/designer-canvas/index.umd.js","vue","../../components/property-panel/index.umd.js"],w):(f=typeof globalThis<"u"?globalThis:f||self,w(f.section={},f.Section,f.common,f.FResponseToolbarDesign,f.dynamicResolver,f.responseToolbar,f.designerCanvas,f.Vue,f.propertyPanel))})(this,function(f,w,N,R,A,Z,C,n,J){"use strict";const Q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar-item.schema.json",title:"section-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:"section-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"按钮",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"],events:{onClick:"点击事件"}},W=A.createPropsResolver(w.sectionToolbarItemProps,Q);function X(t,e,o){return e?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function Y(t,e){var o;return{buttons:e.buttons,buttonPosition:e.position,buttonsClass:(o=e.appearance)==null?void 0:o.class,buttonsVisible:e.visible}}const k=new Map([["appearance",A.resolveAppearance],["expanded","expandStatus"],["enableAccordion",X],["toolbar",Y]]);function ee(t,e){var d,p;if(!(e!=null&&e.schema))return;const o=((p=(d=e.schema)==null?void 0:d.appearance)==null?void 0:p.class)||"",l=e.elementRef,a=window.getComputedStyle(l);a&&a.display==="flex"&&!o.includes("f-page-child-fill")&&(t.appearance.class+=" d-block")}function te(t,e){var m;const o=Math.random().toString().slice(2,6),l=e.parentComponentInstance,a=t.getSchemaByType("section");Object.assign(a,{id:`section-${o}`,appearance:{class:"f-section-in-mainsubcard"},mainTitle:e.mainTitle||a.mainTitle||"标题"});const d=t.getSchemaByType("content-container");Object.assign(d,{id:`container-${o}`,appearance:{class:"f-struct-wrapper"},contents:[a]});const p=l.schema,x=((m=p.appearance)==null?void 0:m.class)||"";switch(p&&p.type){case C.DgControl["splitter-pane"].type:{a.appearance.class="f-section-in-main",x.includes("f-page-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0);break}case C.DgControl["content-container"].type:p.isLikeCardContainer&&x.includes("f-struct-like-card-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0)}return ee(d,l),d}function q(t,e,o){return o.parentComponentInstance?te(t,o):e}const B={$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:"string",default:""},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},expandStatus:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"section-toolbar"},position:{type:"string",default:"inHead"},buttons:{type:"array",default:[]},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}}},default:null},headerTitleHtml:{description:"",type:"string",default:""},headerTitleRenderFunction:{description:"",type:"function",default:null},headerHtml:{description:"",type:"string",default:""},headerRenderFunction:{description:"",type:"function",default:null},headerContentHtml:{description:"",type:"string",default:""},headerContentRenderFunction:{description:"",type:"function",default:null},toolbarHtml:{description:"",type:"string",default:""},toolbarRenderFunction:{description:"",type:"function",default:null}},required:["id","type","contents"]},ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar.schema.json",title:"section-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Section Toolbar",type:"string"},type:{description:"The type string of Section Toolbar",type:"string",default:"section-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}},alignment:{description:"The alignment of Section Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Section Toolbar.",type:"array",default:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},E=A.createPropsResolver(w.sectionProps,B,k,q),L=A.createSectionEventHandlerResolver(),V=Object.assign({},w.sectionProps,{componentId:{type:String,default:""},headerTitleHtml:{type:String,default:""},headerHtml:{type:String,default:""},headerContentHtml:{type:String,default:""},toolbarHtml:{type:String,default:""}}),z=A.createPropsResolver(Z.responseToolbarProps,ne,k,R.schemaResolver),G=A.createPropsResolver(V,B,k,q);class oe extends J.BaseControlProperty{constructor(e,o){super(e,o)}getPropertyConfig(e){const o=this.getBasicPropConfig(e),l=this.getAppearanceProperties(e),a=this.getBehaviorConfig(e,""),d=this.getExtendConfig(e),p=this.getHeaderTemplateConfig(e);return this.propertyConfig.categories={basic:o,appearance:l,behavior:a,headerTemplate:p,extend:d},this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},fill:{title:"填充内容区域",type:"boolean",description:""},showHeader:{title:"显示标题栏区域",type:"boolean",description:"",refreshPanelAfterChanged:!0},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}},enableAccordion:{title:"面板收折",type:"enum",description:"是否启用分组面板的收折特性",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:[{key:"",value:"不启用"},{key:"default",value:"启用默认收折"}]},refreshPanelAfterChanged:!0},expandStatus:{title:"默认状态",type:"boolean",description:"默认面板是展开还是收起",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{name:"展开",value:!0},{name:"收起",value:!1}],enableClear:!1},visible:e.enableAccordion==="default"}},setPropertyRelates(o,l){if(o)switch(o&&o.propertyID){case"mainTitle":{o.needRefreshControlTree=!0;break}case"showHeader":{const a=document.getElementsByClassName("dgComponentFocused");Array.from(a).forEach(d=>d.classList.remove("dgComponentFocused")),C.canvasChanged.value++;break}}}}}getExtendConfig(e){return{title:"扩展",description:"",properties:{contentClass:{title:"内容区域class",type:"string",description:"指定内容区域class样式"}}}}getHeaderTemplateConfig(e){return{title:"标题栏模板配置",description:"",hide:e.showHeader===!1,properties:{headerHtml:{title:"标题栏模板",type:"string",description:"设置标题栏HTML模板，会影响收折、最大化这些展示，其他自定义模版指定失效。",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerTitleHtml:{title:"标题模板",type:"string",description:"为标题区域指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerContentHtml:{title:"内容模板",type:"string",description:"为跟在标题后面的内容，指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},toolbarHtml:{title:"工具栏模板",type:"string",description:"为工具栏区域指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function ie(t,e){const o=new C.UseTemplateDragAndDropRules,l=t.schema;function a(i){return new oe(i,e).getPropertyConfig(l)}function d(i){var u;const{componentType:r,sourceType:s,sourceElement:c}=i;return!!(s==="control"&&r===C.DgControl["filter-bar"].type||s==="move"&&r===C.DgControl["content-container"].type&&((u=c==null?void 0:c.className)!=null&&u.includes("f-filter-container")))}function p(i,r){var u,h;const c=(e==null?void 0:e.schemaService).getTreeGridUdtFields(i);if(c){const v=c.find(H=>H.key===r),$=v&&v.field;if((h=(u=$==null?void 0:$.type)==null?void 0:u.name)!=null&&h.includes("PathHierarchyInfo"))return!0}}function x(i){var H;if(!e)return!1;const r=(H=l.appearance)==null?void 0:H.class,{sourceType:s}=i,{formSchemaUtils:c}=e;if(!(r&&r.includes("f-section-grid")))return!1;const h=c.getViewModelIdByComponentId(t.componentInstance.value.belongedComponentId),v=c.getViewModelById(h);if(v&&v.bindTo!=="/")return!1;const $=c.selectNode(l,_=>_.type==="tree-grid");if($&&!p(h,$.udtField))return!1;if(s==="move")return!0;if(s==="control"){if(l.contents&&l.contents.find(F=>{var D,K;return F.type===C.DgControl["content-container"].type&&((K=(D=F.appearance)==null?void 0:D.class)==null?void 0:K.includes("f-filter-container"))}))return!1;const O=c.getComponentById("root-component");if(O&&c.selectNode(O,D=>D.type===C.DgControl["query-solution"].type))return!1}return!0}function m(i){if(d(i))return x(i);if(!C.useDragulaCommonRule().basalDragulaRuleForContainer(i,e))return!1;const{canAccept:s}=o.getTemplateRule(t,e);return s}function S(){const{canDelete:i}=o.getTemplateRule(t,e);return i}function g(){const{canMove:i}=o.getTemplateRule(t,e);return i}function y(){const{canMove:i,canDelete:r}=o.getTemplateRule(t,e);return!i&&!r}function b(i){i&&(i.stopPropagation(),i.preventDefault());const{schema:r}=t;(!r.toolbar||!r.toolbar.buttons)&&(r.toolbar={id:`${r.id}_toolbar`,type:"section-toolbar",buttons:[]});const s=A.getSchemaByType("section-toolbar-item");s.id=`section_toolbar_item_${Math.random().toString().slice(2,6)}`,r.toolbar.buttons.push(s)}function T(){var u;const{schema:i}=t,r=e==null?void 0:e.formSchemaUtils;if(i.showHeader===!1||!r)return;const s=r.selectNode(i,h=>h.type===C.DgControl["response-form"].type),c=((u=i.toolbar)==null?void 0:u.buttons)||[];if(!s&&c.length===0)return[{id:"appendToolbar",title:"新增按钮",icon:"f-icon f-icon-plus-circle text-white",onClick:h=>b(h)}]}function P(){var c,u;if(!e)return;const i=e.formSchemaUtils.getExpressions();if(!i||!i.length)return;const{schema:r}=t;if(!((u=(c=r.toolbar)==null?void 0:c.buttons)!=null&&u.length))return;const s=h=>{h.forEach(v=>{const $=i.findIndex(H=>H.target===v.id);$>-1&&i.splice($,1),v.children&&v.children.length&&s(v.children)})};s(r.toolbar.buttons)}function j(){P()}function M(){var i,r;if(t&&e){const{formSchemaUtils:s}=e,c=s.getControlBasicInfoMap(),{schema:u}=t;c.set(u.id,{componentTitle:u.mainTitle,parentPathName:u.mainTitle}),(r=(i=u.toolbar)==null?void 0:i.buttons)!=null&&r.length&&u.toolbar.buttons.map(h=>{var v;c.set(h.id,{componentTitle:h.text,parentPathName:`${u.mainTitle} > ${h.text}`}),(v=h.children)!=null&&v.length&&h.children.map($=>{c.set($.id,{componentTitle:$.text,parentPathName:`${u.mainTitle} > ${$.text}`})})})}}return{canAccepts:m,checkCanDeleteComponent:S,checkCanMoveComponent:g,hideNestedPaddingInDesginerView:y,getPropsConfig:a,getCustomButtons:T,onRemoveComponent:j,setComponentBasicInfoMap:M}}function re(t,e,o){let l;function a(m=1){const S=["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"],g=Array.from(document.body.querySelectorAll(S.join(","))).filter(b=>b).map(b=>{const{display:T,zIndex:P}=window.getComputedStyle(b);return T==="none"?0:parseInt(P,10)}).filter(b=>b);let y=Math.max(...g);return y<1040&&(y=1040),y+m}function d(){l=t.value.nextElementSibling;const m=document&&document.querySelector("body");m&&(m.appendChild(t.value),t.value.style.zIndex=a())}function p(){l?e.value.insertBefore(t.value,l):e.value.appendChild(t.value),t.value.style.zIndex=null}function x(){!t||!e.value||(o.value=!o.value,o.value?d():p())}return{onClickMaxMinIcon:x}}function U(t,e){var y;const o=n.computed(()=>"f-section-toolbar col-6"+(t.buttonPosition==="inHead"?" f-toolbar f-section-header--toolbar":" f-section-content--toolbar")+(t.buttonsClass?" "+t.buttonsClass:"")),l=n.ref(t.buttons),a=n.ref(e.schema.toolbar);a.value&&!a.value.type&&(a.value.type="section-toolbar");const d=t.componentId,p=`${d}-toolbar`,x=n.computed(()=>t.buttonPosition==="inHead"?"right":"left");function m(b,T,P,j){var M;(M=e.setupContext)==null||M.emit("selectionChange",b,T,P,j)}function S(){var b,T;return(T=(b=a.value)==null?void 0:b.buttons)!=null&&T.length?n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1"},[n.createVNode(C.FDesignerInnerItem,{modelValue:a.value,"onUpdate:modelValue":P=>a.value=P,class:"w-100 position-relative",canAdd:!1,childType:"section-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:p,onSelectionChange:m,componentId:d},{default:()=>[n.createVNode(R,{customClass:"d-block text-right",items:l.value,alignment:x.value,componentId:d},null)]})])]):null}function g(){return n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1",innerHTML:t.toolbarHtml.trim()},null)])}return(y=t.toolbarHtml)!=null&&y.trim()?g():S()}function se(t,e,o,l,a,d,p){const x=n.computed(()=>t.buttonPosition),{onClickMaxMinIcon:m}=re(l,a,d),S=n.computed(()=>t.enableMaximize),g=n.computed(()=>t.enableAccordion!==""),y=n.computed(()=>{let s={"f-section-header":!0};return e.slots.header&&(s=N.getCustomClass(s,t.headerClass)),s});function b(s){s.stopPropagation(),t.enableAccordion!==""&&(o.value=!o.value,n.nextTick(()=>{C.setPositionOfSelectedComponentBtnGroup()}))}function T(){const s=n.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),c=n.computed(()=>({"f-icon":!0,"f-icon-maximize":!d.value,"f-icon-minimize":d.value}));return n.createVNode("div",{class:"f-max-accordion"},[S.value?n.createVNode("span",{class:c.value,onClick:m},null):"",g.value?n.createVNode("button",{class:s.value,onClick:b},[n.createVNode("span",null,[o.value?t.collapseLabel:t.expandLabel])]):""])}function P(){return n.createVNode("div",{class:"f-title"},[n.createVNode("h4",{class:"f-title-text"},[t.mainTitle]),t.subTitle&&n.createVNode("span",null,[t.subTitle])])}function j(){const s=n.computed(()=>{const c={"f-content":!0};return N.getCustomClass(c,t.headerContentClass)});return e.slots.headerContent?n.createVNode("div",{class:s.value},[e.slots.headerContent()]):t.headerContentHtml?n.createVNode("div",{class:s.value,innerHTML:t.headerContentHtml},null):null}function M(){return e.slots.headerTitle?e.slots.headerTitle():t.headerTitleHtml?n.createVNode("div",{innerHTML:t.headerTitleHtml},null):P()}function i(){return n.createVNode("div",{class:y.value},[M(),j(),x.value==="inHead"&&U(t,p),(S.value||g.value)&&T()])}function r(){return e.slots.header?n.createVNode("div",{class:y.value},[e.slots.header()]):t.headerHtml?n.createVNode("div",{class:y.value,innerHTML:t.headerHtml},null):i()}return()=>t.showHeader&&r()}const I=n.defineComponent({name:"FSectionDesign",props:V,emits:[],setup(t,e){const o=n.ref(),l=n.ref(),a=n.ref(),d=n.inject("designer-host-service"),p=n.inject("design-item-context"),x=ie(p,d),m=C.useDesignerComponent(o,p,x);m.value.styles="display: inherit;",n.onMounted(()=>{o.value.componentInstance=m}),e.expose(m.value);const S=n.ref(t.customClass),g=n.computed(()=>t.enableAccordion),y=n.ref(!0),b=n.computed(()=>t.buttonPosition),T=n.ref(!1),P=se(t,e,y,l,a,T,p),j=n.computed(()=>{const u={"f-section":!0,"f-section-accordion":g.value==="default","f-state-collapse":(g.value==="default"||g.value==="custom")&&!y.value,"f-section-custom-accordion":g.value==="custom","f-section-fill":t.fill,"f-section-maximize":T.value,"f-utils-fill":!0,"p-0":!0};return N.getCustomClass(u,S.value)}),M=n.computed(()=>{const u={"f-section-content":!0,"drag-container":!0};return N.getCustomClass(u,t.contentClass)}),i=n.computed(()=>({visibility:(g.value==="default"||g.value==="custom")&&!y.value?"hidden":"visible"})),r=n.computed(()=>{const u={"f-section-extend":!0};return N.getCustomClass(u,r.value)});function s(){return e.slots.extend&&n.createVNode("div",{class:r.value},[e.slots.extend()])}function c(){return n.createVNode("div",{class:M.value,ref:o,"data-dragref":`${p.schema.id}-container`,style:i.value},[b.value==="inContent"&&U(t,p),e.slots.default&&e.slots.default()])}return()=>n.createVNode("div",{class:j.value,ref:l,style:t.customStyle},[P(),s(),c()])}});I.register=(t,e,o,l)=>{t.section=w,e.section=E,l.section={eventHandlerResolver:L}},I.registerDesigner=(t,e,o)=>{t.section=I,e.section=G,e["section-toolbar-item"]=W,t["section-toolbar"]=R.FResponseToolbarDesign,e["section-toolbar"]=z};const ae=N.withInstall(I);f.default=ae,f.eventHandlerResolver=L,f.propsDesignResolver=G,f.propsResolver=E,f.sectionDesignProps=V,f.sectionToolbarPropsResolver=z,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("../../components/section/index.umd.js"),require("../../components/common/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("vue"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["../../components/section/index.umd.js","../../components/common/index.umd.js","../response-toolbar/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","../../components/designer-canvas/index.umd.js","vue","../../components/property-panel/index.umd.js"],S):(h=typeof globalThis<"u"?globalThis:h||self,h.section=S(h.Section,h.common,h.FResponseToolbarDesign,h.dynamicResolver,h.responseToolbar,h.designerCanvas,h.Vue,h.propertyPanel))})(this,function(h,S,k,A,G,C,n,U){"use strict";const _={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar-item.schema.json",title:"section-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:"section-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"按钮",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"],events:{onClick:"点击事件"}},O=A.createPropsResolver(h.sectionToolbarItemProps,_);function K(t,e,o){return e?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function Z(t,e){var o;return{buttons:e.buttons,buttonPosition:e.position,buttonsClass:(o=e.appearance)==null?void 0:o.class,buttonsVisible:e.visible}}const D=new Map([["appearance",A.resolveAppearance],["expanded","expandStatus"],["enableAccordion",K],["toolbar",Z]]);function J(t,e){var d,p;if(!(e!=null&&e.schema))return;const o=((p=(d=e.schema)==null?void 0:d.appearance)==null?void 0:p.class)||"",l=e.elementRef,a=window.getComputedStyle(l);a&&a.display==="flex"&&!o.includes("f-page-child-fill")&&(t.appearance.class+=" d-block")}function Q(t,e){var f;const o=Math.random().toString().slice(2,6),l=e.parentComponentInstance,a=t.getSchemaByType("section");Object.assign(a,{id:`section-${o}`,appearance:{class:"f-section-in-mainsubcard"},mainTitle:e.mainTitle||a.mainTitle||"标题"});const d=t.getSchemaByType("content-container");Object.assign(d,{id:`container-${o}`,appearance:{class:"f-struct-wrapper"},contents:[a]});const p=l.schema,x=((f=p.appearance)==null?void 0:f.class)||"";switch(p&&p.type){case C.DgControl["splitter-pane"].type:{a.appearance.class="f-section-in-main",x.includes("f-page-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0);break}case C.DgControl["content-container"].type:p.isLikeCardContainer&&x.includes("f-struct-like-card-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0)}return J(d,l),d}function F(t,e,o){return o.parentComponentInstance?Q(t,o):e}const R={$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:"string",default:""},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},expandStatus:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"section-toolbar"},position:{type:"string",default:"inHead"},buttons:{type:"array",default:[]},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}}},default:null},headerTitleHtml:{description:"",type:"string",default:""},headerTitleRenderFunction:{description:"",type:"function",default:null},headerHtml:{description:"",type:"string",default:""},headerRenderFunction:{description:"",type:"function",default:null},headerContentHtml:{description:"",type:"string",default:""},headerContentRenderFunction:{description:"",type:"function",default:null},toolbarHtml:{description:"",type:"string",default:""},toolbarRenderFunction:{description:"",type:"function",default:null}},required:["id","type","contents"]},W={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar.schema.json",title:"section-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Section Toolbar",type:"string"},type:{description:"The type string of Section Toolbar",type:"string",default:"section-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}},alignment:{description:"The alignment of Section Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Section Toolbar.",type:"array",default:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},X=A.createPropsResolver(h.sectionProps,R,D,F),Y=A.createSectionEventHandlerResolver(),q=Object.assign({},h.sectionProps,{componentId:{type:String,default:""},headerTitleHtml:{type:String,default:""},headerHtml:{type:String,default:""},headerContentHtml:{type:String,default:""},toolbarHtml:{type:String,default:""}}),ee=A.createPropsResolver(G.responseToolbarProps,W,D,k.schemaResolver),te=A.createPropsResolver(q,R,D,F);class ne extends U.BaseControlProperty{constructor(e,o){super(e,o)}getPropertyConfig(e){const o=this.getBasicPropConfig(e),l=this.getAppearanceProperties(e),a=this.getBehaviorConfig(e,""),d=this.getExtendConfig(e),p=this.getHeaderTemplateConfig(e);return this.propertyConfig.categories={basic:o,appearance:l,behavior:a,headerTemplate:p,extend:d},this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},fill:{title:"填充内容区域",type:"boolean",description:""},showHeader:{title:"显示标题栏区域",type:"boolean",description:"",refreshPanelAfterChanged:!0},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}},enableAccordion:{title:"面板收折",type:"enum",description:"是否启用分组面板的收折特性",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:[{key:"",value:"不启用"},{key:"default",value:"启用默认收折"}]},refreshPanelAfterChanged:!0},expandStatus:{title:"默认状态",type:"boolean",description:"默认面板是展开还是收起",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{name:"展开",value:!0},{name:"收起",value:!1}],enableClear:!1},visible:e.enableAccordion==="default"}},setPropertyRelates(o,l){if(o)switch(o&&o.propertyID){case"mainTitle":{o.needRefreshControlTree=!0;break}case"showHeader":{const a=document.getElementsByClassName("dgComponentFocused");Array.from(a).forEach(d=>d.classList.remove("dgComponentFocused")),C.canvasChanged.value++;break}}}}}getExtendConfig(e){return{title:"扩展",description:"",properties:{contentClass:{title:"内容区域class",type:"string",description:"指定内容区域class样式"}}}}getHeaderTemplateConfig(e){return{title:"标题栏模板配置",description:"",hide:e.showHeader===!1,properties:{headerHtml:{title:"标题栏模板",type:"string",description:"设置标题栏HTML模板，会影响收折、最大化这些展示，其他自定义模版指定失效。",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerTitleHtml:{title:"标题模板",type:"string",description:"为标题区域指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerContentHtml:{title:"内容模板",type:"string",description:"为跟在标题后面的内容，指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},toolbarHtml:{title:"工具栏模板",type:"string",description:"为工具栏区域指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function oe(t,e){const o=new C.UseTemplateDragAndDropRules,l=t.schema;function a(i){return new ne(i,e).getPropertyConfig(l)}function d(i){var u;const{componentType:r,sourceType:s,sourceElement:c}=i;return!!(s==="control"&&r===C.DgControl["filter-bar"].type||s==="move"&&r===C.DgControl["content-container"].type&&((u=c==null?void 0:c.className)!=null&&u.includes("f-filter-container")))}function p(i,r){var u,m;const c=(e==null?void 0:e.schemaService).getTreeGridUdtFields(i);if(c){const v=c.find(j=>j.key===r),$=v&&v.field;if((m=(u=$==null?void 0:$.type)==null?void 0:u.name)!=null&&m.includes("PathHierarchyInfo"))return!0}}function x(i){var j;if(!e)return!1;const r=(j=l.appearance)==null?void 0:j.class,{sourceType:s}=i,{formSchemaUtils:c}=e;if(!(r&&r.includes("f-section-grid")))return!1;const m=c.getViewModelIdByComponentId(t.componentInstance.value.belongedComponentId),v=c.getViewModelById(m);if(v&&v.bindTo!=="/")return!1;const $=c.selectNode(l,E=>E.type==="tree-grid");if($&&!p(m,$.udtField))return!1;if(s==="move")return!0;if(s==="control"){if(l.contents&&l.contents.find(V=>{var I,z;return V.type===C.DgControl["content-container"].type&&((z=(I=V.appearance)==null?void 0:I.class)==null?void 0:z.includes("f-filter-container"))}))return!1;const L=c.getComponentById("root-component");if(L&&c.selectNode(L,I=>I.type===C.DgControl["query-solution"].type))return!1}return!0}function f(i){if(d(i))return x(i);if(!C.useDragulaCommonRule().basalDragulaRuleForContainer(i,e))return!1;const{canAccept:s}=o.getTemplateRule(t,e);return s}function w(){const{canDelete:i}=o.getTemplateRule(t,e);return i}function g(){const{canMove:i}=o.getTemplateRule(t,e);return i}function y(){const{canMove:i,canDelete:r}=o.getTemplateRule(t,e);return!i&&!r}function b(i){i&&(i.stopPropagation(),i.preventDefault());const{schema:r}=t;(!r.toolbar||!r.toolbar.buttons)&&(r.toolbar={id:`${r.id}_toolbar`,type:"section-toolbar",buttons:[]});const s=A.getSchemaByType("section-toolbar-item");s.id=`section_toolbar_item_${Math.random().toString().slice(2,6)}`,r.toolbar.buttons.push(s)}function T(){var u;const{schema:i}=t,r=e==null?void 0:e.formSchemaUtils;if(i.showHeader===!1||!r)return;const s=r.selectNode(i,m=>m.type===C.DgControl["response-form"].type),c=((u=i.toolbar)==null?void 0:u.buttons)||[];if(!s&&c.length===0)return[{id:"appendToolbar",title:"新增按钮",icon:"f-icon f-icon-plus-circle text-white",onClick:m=>b(m)}]}function P(){var c,u;if(!e)return;const i=e.formSchemaUtils.getExpressions();if(!i||!i.length)return;const{schema:r}=t;if(!((u=(c=r.toolbar)==null?void 0:c.buttons)!=null&&u.length))return;const s=m=>{m.forEach(v=>{const $=i.findIndex(j=>j.target===v.id);$>-1&&i.splice($,1),v.children&&v.children.length&&s(v.children)})};s(r.toolbar.buttons)}function N(){P()}function M(){var i,r;if(t&&e){const{formSchemaUtils:s}=e,c=s.getControlBasicInfoMap(),{schema:u}=t;c.set(u.id,{componentTitle:u.mainTitle,parentPathName:u.mainTitle}),(r=(i=u.toolbar)==null?void 0:i.buttons)!=null&&r.length&&u.toolbar.buttons.map(m=>{var v;c.set(m.id,{componentTitle:m.text,parentPathName:`${u.mainTitle} > ${m.text}`}),(v=m.children)!=null&&v.length&&m.children.map($=>{c.set($.id,{componentTitle:$.text,parentPathName:`${u.mainTitle} > ${$.text}`})})})}}return{canAccepts:f,checkCanDeleteComponent:w,checkCanMoveComponent:g,hideNestedPaddingInDesginerView:y,getPropsConfig:a,getCustomButtons:T,onRemoveComponent:N,setComponentBasicInfoMap:M}}function ie(t,e,o){let l;function a(f=1){const w=["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"],g=Array.from(document.body.querySelectorAll(w.join(","))).filter(b=>b).map(b=>{const{display:T,zIndex:P}=window.getComputedStyle(b);return T==="none"?0:parseInt(P,10)}).filter(b=>b);let y=Math.max(...g);return y<1040&&(y=1040),y+f}function d(){l=t.value.nextElementSibling;const f=document&&document.querySelector("body");f&&(f.appendChild(t.value),t.value.style.zIndex=a())}function p(){l?e.value.insertBefore(t.value,l):e.value.appendChild(t.value),t.value.style.zIndex=null}function x(){!t||!e.value||(o.value=!o.value,o.value?d():p())}return{onClickMaxMinIcon:x}}function B(t,e){var y;const o=n.computed(()=>"f-section-toolbar col-6"+(t.buttonPosition==="inHead"?" f-toolbar f-section-header--toolbar":" f-section-content--toolbar")+(t.buttonsClass?" "+t.buttonsClass:"")),l=n.ref(t.buttons),a=n.ref(e.schema.toolbar);a.value&&!a.value.type&&(a.value.type="section-toolbar");const d=t.componentId,p=`${d}-toolbar`,x=n.computed(()=>t.buttonPosition==="inHead"?"right":"left");function f(b,T,P,N){var M;(M=e.setupContext)==null||M.emit("selectionChange",b,T,P,N)}function w(){var b,T;return(T=(b=a.value)==null?void 0:b.buttons)!=null&&T.length?n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1"},[n.createVNode(C.FDesignerInnerItem,{modelValue:a.value,"onUpdate:modelValue":P=>a.value=P,class:"w-100 position-relative",canAdd:!1,childType:"section-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:p,onSelectionChange:f,componentId:d},{default:()=>[n.createVNode(k,{customClass:"d-block text-right",items:l.value,alignment:x.value,componentId:d},null)]})])]):null}function g(){return n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1",innerHTML:t.toolbarHtml.trim()},null)])}return(y=t.toolbarHtml)!=null&&y.trim()?g():w()}function re(t,e,o,l,a,d,p){const x=n.computed(()=>t.buttonPosition),{onClickMaxMinIcon:f}=ie(l,a,d),w=n.computed(()=>t.enableMaximize),g=n.computed(()=>t.enableAccordion!==""),y=n.computed(()=>{let s={"f-section-header":!0};return e.slots.header&&(s=S.getCustomClass(s,t.headerClass)),s});function b(s){s.stopPropagation(),t.enableAccordion!==""&&(o.value=!o.value,n.nextTick(()=>{C.setPositionOfSelectedComponentBtnGroup()}))}function T(){const s=n.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),c=n.computed(()=>({"f-icon":!0,"f-icon-maximize":!d.value,"f-icon-minimize":d.value}));return n.createVNode("div",{class:"f-max-accordion"},[w.value?n.createVNode("span",{class:c.value,onClick:f},null):"",g.value?n.createVNode("button",{class:s.value,onClick:b},[n.createVNode("span",null,[o.value?t.collapseLabel:t.expandLabel])]):""])}function P(){return n.createVNode("div",{class:"f-title"},[n.createVNode("h4",{class:"f-title-text"},[t.mainTitle]),t.subTitle&&n.createVNode("span",null,[t.subTitle])])}function N(){const s=n.computed(()=>{const c={"f-content":!0};return S.getCustomClass(c,t.headerContentClass)});return e.slots.headerContent?n.createVNode("div",{class:s.value},[e.slots.headerContent()]):t.headerContentHtml?n.createVNode("div",{class:s.value,innerHTML:t.headerContentHtml},null):null}function M(){return e.slots.headerTitle?e.slots.headerTitle():t.headerTitleHtml?n.createVNode("div",{innerHTML:t.headerTitleHtml},null):P()}function i(){return n.createVNode("div",{class:y.value},[M(),N(),x.value==="inHead"&&B(t,p),(w.value||g.value)&&T()])}function r(){return e.slots.header?n.createVNode("div",{class:y.value},[e.slots.header()]):t.headerHtml?n.createVNode("div",{class:y.value,innerHTML:t.headerHtml},null):i()}return()=>t.showHeader&&r()}const H=n.defineComponent({name:"FSectionDesign",props:q,emits:[],setup(t,e){const o=n.ref(),l=n.ref(),a=n.ref(),d=n.inject("designer-host-service"),p=n.inject("design-item-context"),x=oe(p,d),f=C.useDesignerComponent(o,p,x);f.value.styles="display: inherit;",n.onMounted(()=>{o.value.componentInstance=f}),e.expose(f.value);const w=n.ref(t.customClass),g=n.computed(()=>t.enableAccordion),y=n.ref(!0),b=n.computed(()=>t.buttonPosition),T=n.ref(!1),P=re(t,e,y,l,a,T,p),N=n.computed(()=>{const u={"f-section":!0,"f-section-accordion":g.value==="default","f-state-collapse":(g.value==="default"||g.value==="custom")&&!y.value,"f-section-custom-accordion":g.value==="custom","f-section-fill":t.fill,"f-section-maximize":T.value,"f-utils-fill":!0,"p-0":!0};return S.getCustomClass(u,w.value)}),M=n.computed(()=>{const u={"f-section-content":!0,"drag-container":!0};return S.getCustomClass(u,t.contentClass)}),i=n.computed(()=>({visibility:(g.value==="default"||g.value==="custom")&&!y.value?"hidden":"visible"})),r=n.computed(()=>{const u={"f-section-extend":!0};return S.getCustomClass(u,r.value)});function s(){return e.slots.extend&&n.createVNode("div",{class:r.value},[e.slots.extend()])}function c(){return n.createVNode("div",{class:M.value,ref:o,"data-dragref":`${p.schema.id}-container`,style:i.value},[b.value==="inContent"&&B(t,p),e.slots.default&&e.slots.default()])}return()=>n.createVNode("div",{class:N.value,ref:l,style:t.customStyle},[P(),s(),c()])}});return H.register=(t,e,o,l)=>{t.section=h,e.section=X,l.section={eventHandlerResolver:Y}},H.registerDesigner=(t,e,o)=>{t.section=H,e.section=te,e["section-toolbar-item"]=O,t["section-toolbar"]=k.FResponseToolbarDesign,e["section-toolbar"]=ee},S.withInstall(H)});