@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

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

package/designer/search-box/index.esm.js

@@ -0,0 +1,245 @@
+import V, { searchBoxProps as b } from "../../components/search-box/index.esm.js";
+import { defineComponent as v, ref as i, computed as x, watch as p, createVNode as r, Fragment as R, inject as B, onMounted as S, resolveComponent as j } from "vue";
+import $ from "../../components/list-view/index.esm.js";
+import w from "../../components/loading/index.esm.js";
+import { useDesignerComponent as H } from "../../components/designer-canvas/index.esm.js";
+import { resolveAppearance as I, createPropsResolver as M } from "../../components/dynamic-resolver/index.esm.js";
+const A = {
+  data: { type: Array, default: [] },
+  /** 确认结果事件 */
+  onConfirmResult: { type: Function, default: () => {
+  } },
+  /** 搜索点击后返回值 */
+  onSearchedValue: { type: Function, default: () => {
+  } },
+  /**
+  * 可选，数据源id字段
+  * 默认为`id`
+  */
+  idField: { default: "id", type: String },
+  /**
+  * 可选，数据源的title
+  * 默认为`name`
+  */
+  textField: { default: "name", type: String },
+  /**
+  * 可选，最大高度
+  * 默认`350`
+  */
+  maxHeight: { default: 350, type: Number },
+  loading: { default: !1, type: Boolean }
+}, q = /* @__PURE__ */ v({
+  name: "FSearchBoxContainer",
+  props: A,
+  emits: ["confirmResult", "searchedValue"],
+  setup(e, o) {
+    const a = i(e.data), s = i(), {
+      slots: u
+    } = o, f = x(() => ({
+      "search-box-container": !0,
+      "f-utils-overflow-xhya": !0,
+      "position-relative": !0
+    }));
+    function m(t) {
+      var l;
+      (l = s.value) == null || l.search(t);
+    }
+    function c(t) {
+      t.length && (o.emit("confirmResult", t[0].name), o.emit("searchedValue", t));
+    }
+    function d(t) {
+      return u.default ? r(R, null, [u.default(t)]) : r("span", null, [t.item[e.textField]]);
+    }
+    const h = x(() => {
+      const t = {};
+      return t.padding = "8px", e.maxHeight !== void 0 && e.maxHeight > 0 && (t.maxHeight = `${e.maxHeight}px`), t;
+    });
+    return p(() => e.loading, (t) => {
+    }), p(() => e.data, (t) => {
+      t !== a.value && (a.value = t), s.value.updateDataSource(t);
+    }), o.expose({
+      search: m
+    }), () => {
+      const t = {
+        content: d
+      };
+      return r("div", {
+        class: f.value,
+        style: h.value
+      }, [r(w, {
+        ref: "loadingInstance",
+        isActive: e.loading
+      }, null), r($, {
+        ref: s,
+        itemClass: "dropdown-item",
+        data: a.value,
+        view: "ContentView",
+        onClickItem: (l) => c(l.data),
+        idField: e.idField,
+        textField: e.textField,
+        titleField: e.textField,
+        valueField: e.idField
+      }, t)]);
+    };
+  }
+}), g = /* @__PURE__ */ v({
+  name: "FSearchBoxDesign",
+  props: b,
+  emits: ["update:modelValue", "change"],
+  setup(e, o) {
+    const a = i(e.data), s = i(), u = i(), f = i("请输入关键词"), m = i('<i class="f-icon f-icon-search"></i>'), c = i(e.modelValue), d = i(), h = B("design-item-context"), t = H(d, h);
+    S(() => {
+      d.value.componentInstance = t;
+    }), o.expose(t.value), p(c, (n) => {
+      var y;
+      (y = u.value) == null || y.search(n), o.emit("update:modelValue", n);
+    }), p(() => e.modelValue, (n) => {
+      c.value = n;
+    });
+    function l(n) {
+      s.value.commitValue(n);
+    }
+    function F(n) {
+      o.emit("change", n);
+    }
+    return () => r("div", {
+      ref: d
+    }, [r(j("f-button-edit"), {
+      ref: s,
+      "button-content": m.value,
+      placeholder: f.value,
+      onChange: F,
+      "enable-clear": !0,
+      "button-behavior": "Execute",
+      modelValue: c.value,
+      "onUpdate:modelValue": (n) => c.value = n,
+      "popup-host": e.popupHost,
+      "popup-right-boundary": e.popupRightBoundary,
+      "popup-offset-x": e.popupOffsetX,
+      "popup-on-input": !0,
+      "popup-on-focus": !0
+    }, {
+      default: () => [r(q, {
+        ref: u,
+        data: a.value,
+        onConfirmResult: l
+      }, null)]
+    })]);
+  }
+}), O = /* @__PURE__ */ new Map([
+  ["appearance", I]
+]), P = "https://json-schema.org/draft/2020-12/schema", D = "https://farris-design.gitee.io/search-box.schema.json", L = "search-box", E = "A Farris Component", N = "object", k = {
+  id: {
+    description: "The unique identifier for a search-box",
+    type: "string"
+  },
+  type: {
+    description: "The type string of search-box component",
+    type: "string",
+    default: "search-box"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, T = [
+  "id",
+  "type"
+], U = {
+  $schema: P,
+  $id: D,
+  title: L,
+  description: E,
+  type: N,
+  properties: k,
+  required: T
+};
+function X(e, o, a) {
+  return o;
+}
+const z = "search-box", G = "A Farris Component", J = "object", K = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, Q = {
+  title: z,
+  description: G,
+  type: J,
+  categories: K
+}, C = M(b, U, O, X, Q);
+g.register = (e, o, a, s) => {
+  e["search-box"] = V, o["search-box"] = C;
+};
+g.registerDesigner = (e, o, a) => {
+  e["search-box"] = g, o["search-box"] = C;
+};
+export {
+  g as default,
+  C as propsResolver
+};

package/designer/search-box/index.umd.cjs

@@ -0,0 +1 @@
+(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("../../components/search-box/index.umd.js"),require("vue"),require("../../components/list-view/index.umd.js"),require("../../components/loading/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/search-box/index.umd.js","vue","../../components/list-view/index.umd.js","../../components/loading/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/dynamic-resolver/index.umd.js"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i["search-box"]={},i.FSearchBox,i.Vue,i.FListView,i.FLoading,i.designerCanvas,i.dynamicResolver))})(this,function(i,s,e,C,V,j,y){"use strict";const F={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean}},v=e.defineComponent({name:"FSearchBoxContainer",props:F,emits:["confirmResult","searchedValue"],setup(t,o){const r=e.ref(t.data),c=e.ref(),{slots:u}=o,h=e.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function x(n){var l;(l=c.value)==null||l.search(n)}function d(n){n.length&&(o.emit("confirmResult",n[0].name),o.emit("searchedValue",n))}function p(n){return u.default?e.createVNode(e.Fragment,null,[u.default(n)]):e.createVNode("span",null,[n.item[t.textField]])}const g=e.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return e.watch(()=>t.loading,n=>{}),e.watch(()=>t.data,n=>{n!==r.value&&(r.value=n),c.value.updateDataSource(n)}),o.expose({search:x}),()=>{const n={content:p};return e.createVNode("div",{class:h.value,style:g.value},[e.createVNode(V,{ref:"loadingInstance",isActive:t.loading},null),e.createVNode(C,{ref:c,itemClass:"dropdown-item",data:r.value,view:"ContentView",onClickItem:l=>d(l.data),idField:t.idField,textField:t.textField,titleField:t.textField,valueField:t.idField},n)])}}}),f=e.defineComponent({name:"FSearchBoxDesign",props:s.searchBoxProps,emits:["update:modelValue","change"],setup(t,o){const r=e.ref(t.data),c=e.ref(),u=e.ref(),h=e.ref("请输入关键词"),x=e.ref('<i class="f-icon f-icon-search"></i>'),d=e.ref(t.modelValue),p=e.ref(),g=e.inject("design-item-context"),n=j.useDesignerComponent(p,g);e.onMounted(()=>{p.value.componentInstance=n}),o.expose(n.value),e.watch(d,a=>{var b;(b=u.value)==null||b.search(a),o.emit("update:modelValue",a)}),e.watch(()=>t.modelValue,a=>{d.value=a});function l(a){c.value.commitValue(a)}function w(a){o.emit("change",a)}return()=>e.createVNode("div",{ref:p},[e.createVNode(e.resolveComponent("f-button-edit"),{ref:c,"button-content":x.value,placeholder:h.value,onChange:w,"enable-clear":!0,"button-behavior":"Execute",modelValue:d.value,"onUpdate:modelValue":a=>d.value=a,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[e.createVNode(v,{ref:u,data:r.value,onConfirmResult:l},null)]})])}}),R=new Map([["appearance",y.resolveAppearance]]),B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function S(t,o,r){return o}const $={title:"search-box",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},m=y.createPropsResolver(s.searchBoxProps,B,R,S,$);f.register=(t,o,r,c)=>{t["search-box"]=s,o["search-box"]=m},f.registerDesigner=(t,o,r)=>{t["search-box"]=f,o["search-box"]=m},i.default=f,i.propsResolver=m,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});