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

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

@@ -1 +1 @@
-(function(C,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../common/index.umd.js"),require("vue"),require("../locale/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","../locale/index.umd.js"],g):(C=typeof globalThis<"u"?globalThis:C||self,g(C["response-toolbar"]={},C.common,C.Vue,C.locale))})(this,function(C,g,n,ue){"use strict";var Ce=Object.defineProperty;var ye=(C,g,n)=>g in C?Ce(C,g,{enumerable:!0,configurable:!0,writable:!0,value:n}):C[g]=n;var f=(C,g,n)=>ye(C,typeof g!="symbol"?g+"":g,n);const le={id:{type:String,default:""},customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]},visible:{type:Boolean,default:!0}};class re{constructor(r){f(this,"id","");f(this,"class","btn-secondary");f(this,"icon","");f(this,"groupId","");f(this,"order",-1);f(this,"asDropDownTop",!1);f(this,"text","");f(this,"visible",!0);f(this,"shown",!0);f(this,"responsed",!1);f(this,"tipsEnable",!1);f(this,"tipsText","");f(this,"width",0);f(this,"dropdownClass","");f(this,"onClick",()=>{});f(this,"options");var w,u;this.options=r;const c=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","dropdownClass","onClick"];Object.keys(r).filter(x=>c.indexOf(x)>-1).forEach(x=>{x==="visible"?this[x]=r[x]===void 0?!0:r[x]:this[x]=r[x]}),this.shown=this.visible,(w=r.appearance)!=null&&w.class&&(this.class=(u=r.appearance)==null?void 0:u.class)}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:n.computed(()=>!0)}setWidth(r){this.width=parseInt(r,10)}getWidth(){return this.visible?this.width:!1}}class ie extends re{constructor(r){super(r)}}function de(){function d(r){const c=[];return r.reduce((w,u)=>(u.children&&u.children.length>0?w.push(new Y(u)):w.push(new ie(u)),w),c),c}return{buildResponseToolbarItems:d}}const{buildResponseToolbarItems:pe}=de();class Y extends re{constructor(c){super(c);f(this,"placement","");f(this,"visible",!0);f(this,"dropdownClass","");f(this,"menuClass","");f(this,"split",!1);f(this,"children",[]);f(this,"expanded",!1);f(this,"shown",!0);const w=["visible","icon","isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(c).filter(u=>w.indexOf(u)>-1).forEach(u=>{u==="visible"?this[u]=c[u]===void 0?!0:c[u]:this[u]=c[u]}),this.shown=this.visible,c.children&&c.children.length&&(this.children=pe(c.children))}}function fe(){function d(c){const w={"f-icon":!0};if(c.icon){const u=c.icon.trim().split(" ");u&&u.length&&u.reduce((x,B)=>(x[B]=!0,x),w)}return w}function r(c){return!!(c.icon&&c.icon.trim())}return{iconClass:d,shouldShowIcon:r}}function he(d,r){function c(o){const e={"dropdown-menu":!0};return g.getCustomClass(e,o.menuClass)}function w(o){const e={disabled:!o.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0,"text-truncate":!0};return g.getCustomClass(e,o.dropdownClass)}function u(o){const e={disabled:!o.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0};return g.getCustomClass(e,o.dropdownClass)}function x(o){const e={disabled:!o.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0,"f-rt-toggle":!o.split,"btn-icontext":!!(o.icon&&o.icon.trim()),"dropdown-toggle":!o.split};return g.getCustomClass(e,o.dropdownClass)}function B(o){const e={"f-rt-btn":!0,"text-truncate":!0,"btn-icontext":!!(o.icon&&o.icon.trim()),"d-block":!0};return g.getCustomClass(e,o.dropdownClass)}let V;const D=new Map;let v="";function P(o){v="#"+o}function _(o,e,a){o.stopPropagation();const l=a?a.id:"__top_item__";if(e.children&&e.children.length&&(e.expanded=!e.expanded,e.expanded)){if(D.has(l)&&D.get(l)!==e){const b=D.get(l);b&&(b.expanded=!1,D.delete(l))}D.set(l,e)}}function W(o,e){document.body.click(),e.enable&&(o.stopPropagation(),typeof e.onClick=="function"&&e.onClick(o,e.id),d.emit("click",o,e.id))}function L(o,e){const a=o.target;a.className.indexOf("dropdown-item")<0||(a.title=a.scrollWidth>a.clientWidth?e:"")}function q(o,e,a){if(e.tipsEnable&&e.tipsText){const l=n.reactive({content:e.tipsText,enable:e.tipsEnable});return n.withDirectives(n.createVNode("li",{class:u(e),id:e.id,key:e.id+"_"+a,onClick:b=>W(b,e)},[n.createVNode("span",{class:B(e)},[r.shouldShowIcon(e)&&n.createVNode("i",{class:r.iconClass(e)},null),e.text])]),[[n.resolveDirective("tooltip"),l]])}return n.createVNode("li",{class:u(e),id:e.id,onClick:l=>W(l,e)},[n.createVNode("span",{class:B(e),onMouseenter:l=>L(l,e.text)},[r.shouldShowIcon(e)&&n.createVNode("i",{class:r.iconClass(e)},null),e.text])])}function s(o,e,a){e.enable&&(typeof e.onClick=="function"&&a.onClick(o,e.id),d.emit("click",o,e.id),a.split||_(o,e,a))}function h(o,e,a){o&&o.stopPropagation(),_(o,e,a)}function N(o,e){o.stopPropagation();const a=e.id;if(e.children&&e.children.length&&e.expanded&&D.has(a)){const l=D.get(a);l&&(l.expanded=!1,D.delete(a))}}function A(o,e,a){if(e.tipsEnable&&e.tipsText){const l=n.reactive({content:e.tipsText,enable:e.tipsEnable});return n.createVNode("li",{class:w(e),id:e.id,key:e.id+"_"+a,onClick:b=>s(b,e,o)},[n.withDirectives(n.createVNode("span",{class:x(e)},[r.shouldShowIcon(e)&&n.createVNode("i",{class:r.iconClass(e)},null),e.text]),[[n.resolveDirective("tooltip"),l]]),e.split&&n.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:b=>h(b,e,o)},null),V(e,e)])}return n.createVNode("li",{class:w(e),id:e.id,onClick:l=>s(l,e,o),onMouseenter:l=>L(l,e.text)},[n.createVNode("span",{class:x(e)},[r.shouldShowIcon(e)&&n.createVNode("i",{class:r.iconClass(e)},null),e.text]),e.split&&n.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:l=>h(l,e,o)},null),V(e,e)])}function te(o){return o.children.filter(e=>e.visible).map((e,a)=>e.children&&e.children.length?A(o,e,a):q(o,e,a))}function ne(o,e){if(!o)return 1080;let a=-1;const l=o.children.length;for(let b=0;b<l;b++)if(o.children[b].id===e){a=b;break}return 1080+l-a}function oe(o,e,a){var Z,m;const l={display:o.expanded?"block":"none",position:"fixed",maxWidth:"300px",minWidth:"120px",zIndex:1080,overflowY:"auto",maxHeight:"none"},b=document.querySelector(v);if(!b)return l;const z=n.getCurrentInstance();let j=(m=(Z=z==null?void 0:z.exposed)==null?void 0:Z.elementRef.value)==null?void 0:m.querySelector("#"+e);if(j||(j=b==null?void 0:b.querySelector("#"+e)),!j)return l;const $=window.innerWidth,y=window.innerHeight,H=j==null?void 0:j.getClientRects();if(j&&H&&H.length){const{top:E,width:I,left:F,right:ee,height:J}=H[0],G=Math.ceil(J+E);l.top=`${G}px`,l.left=`${F}px`;const U=o.id+"_menu",t=(j==null?void 0:j.querySelector("#"+U))||(b==null?void 0:b.querySelector("#"+U))||null;if(t){t.style.visibility="hidden",t.style.display="block";const i=t.offsetHeight;l.zIndex=o.expanded?ne(b,U):1080,l.display==="block"&&(t.style.display="block");const p=t.getBoundingClientRect();if(a){l.top=`${E-6}px`;const S=Math.ceil(I+F);l.left=`${S}px`}$-F-I<p.width&&(l.left=`${(a?F:ee)-p.width}px`),y-E-J<i?E>i?(l.top=`${E-i-6}px`,l.maxHeight=`${E-16}px`):(l.maxHeight=`${y-G}px`,E>y-E-J&&(l.top="10px",l.maxHeight=`${E-16}px`)):l.maxHeight=`${y-G}px`,t.style.visibility="visible"}}return l}V=function(o,e){const a=e?e.id:o.id;return n.createVNode(n.Teleport,{to:v,disabled:!o.expanded},{default:()=>[n.createVNode("ul",{class:c(o),style:oe(o,a,e),id:o.id+"_menu",onWheel:l=>N(l,o)},[te(o)])]})};function K(){D.forEach(o=>{o.expanded=!1}),D.clear()}return{renderDropdownMenu:V,clearAllDropDownMenu:K,updateContainerId:P}}function be(d,r,c){const w=n.ref(d.alignment),{renderDropdownMenu:u,clearAllDropDownMenu:x,updateContainerId:B}=he(r,c);function V(s){const h={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":w.value==="right"||w.value==="center","f-btn-mr":w.value==="left"};return g.getCustomClass(h,s.dropdownClass)}function D(s){const h={btn:!0,disabled:!s.enable,"f-rt-btn":!0,"btn-icontext":!!(s.icon&&s.icon.trim()),"f-rt-toggle":!s.split,"dropdown-toggle":!s.split};return g.getCustomClass(h,s.class)}function v(s){const h={btn:!0,"dropdown-toggle":!0,"dropdown-toggle-split":!0};return g.getCustomClass(h,s.class)}function P(s){return s.split?{display:"flex"}:{display:"flex","border-radius":"6px"}}function _(s,h){s.stopPropagation();const N=h.expanded;document.body.click(),typeof h.onClick=="function"&&h.onClick(s,h.id),r.emit("click",s,h.id),h.split||(h.expanded=!N)}function W(s,h){s.stopPropagation();const N=h.expanded;document.body.click(),h.expanded=!N}function L(s,h=!0){if(s.tipsEnable&&s.tipsText){const N=n.reactive({content:s.tipsText,enable:s.tipsEnable});return n.createVNode("div",{id:s.id,class:V(s)},[n.withDirectives(n.createVNode("div",{class:D(s),style:P(s),onClick:A=>s.enable&&_(A,s)},[c.shouldShowIcon(s)&&n.createVNode("i",{class:c.iconClass(s)},null),n.createVNode("span",null,[s.text])]),[[n.resolveDirective("tooltip"),N]]),s.split&&n.createVNode("button",{class:v(s),style:"border-radius:0 6px 6px 0;",onClick:A=>W(A,s)},null),h&&u(s)])}return n.createVNode("div",{id:s.id,class:V(s)},[n.createVNode("div",{class:D(s),style:P(s),onClick:N=>s.enable&&_(N,s)},[c.shouldShowIcon(s)&&n.createVNode("i",{class:c.iconClass(s)},null),n.createVNode("span",null,[s.text])]),s.split&&n.createVNode("button",{class:v(s),style:"border-radius:0 6px 6px 0;",onClick:N=>W(N,s)},null),h&&u(s)])}function q(){x()}return{renderToolbarDropdown:L,clearAllDropDown:q,updateContainerId:B}}const{buildResponseToolbarItems:ce}=de(),ae=n.defineComponent({name:"FResponseToolbar",props:le,emits:["click"],setup(d,r){const c=n.ref(ce(d.items)),w=n.ref(),u=n.ref(),x=n.ref(),B={id:"__more_buttons__",text:ue.LocaleService.getLocaleValue("responseToolbar.more")},V=n.ref(new Y(B)),D={id:B.id+"width",text:B.text},v=n.ref(-1),P=fe();let _=!1;const{guid:W,uuid:L}=g.useGuid(),q=d.id?d.id:"toolbar-"+W(),s=n.ref(),h="dropdown-container-"+q+"-"+L(4),{renderToolbarDropdown:N,clearAllDropDown:A,updateContainerId:te}=be(d,r,P);te(h);const ne=n.computed(()=>V.value.children.length>0),oe=n.computed(()=>d.visible?V.value.children.length>0?!0:c.value.findIndex(t=>t.shown&&t.children&&t.children.length>0)>-1:!1);function K(){d.visible&&!s.value&&document&&(s.value=document.createElement("div"),s.value.id=h,document.body.appendChild(s.value))}K();function o(){s.value&&document.body.contains(s.value)&&(document.body.removeChild(s.value),s.value=null)}n.watch(oe,(t,i)=>{t?K():o()});const e=n.computed(()=>{const t={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0,"f-response-toolbar-sm":d.buttonSize==="sm","f-response-toolbar-lg":d.buttonSize==="lg","d-none":!d.visible};return g.getCustomClass(t,d.customClass)}),a=n.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":d.alignment==="right","justify-content-start":d.alignment==="left","justify-content-center":d.alignment==="center"}));function l(t){t&&t.target.closest("ul.dropdown-menu")&&t.type==="wheel"||(c.value.filter(i=>i.children&&i.children.length>0).forEach(i=>{i.expanded=!1}),V.value.expanded=!1,A())}function b(t,i){var O;const p={btn:!0,"f-rt-btn":!0,"f-btn-ml":d.alignment==="right"||i>0&&d.alignment==="center","f-btn-mr":d.alignment==="left","btn-icontext":!!(t.icon&&t.icon.trim())},S=((O=t==null?void 0:t.appearance)==null?void 0:O.class)||t.class||"btn-secondary";return g.getCustomClass(p,S)}function z(t,i){document.body.click(),typeof i.onClick=="function"&&i.onClick(t,i.id),r.emit("click",t,i.id)}function j(t,i){if(t.tipsEnable&&t.tipsText){const p=n.reactive({content:t.tipsText,enable:t.tipsEnable});return n.withDirectives(n.createVNode("button",{type:"button",class:b(t,i),id:t.id,disabled:!t.enable,onClick:S=>z(S,t)},[P.shouldShowIcon(t)&&n.createVNode("i",{class:P.iconClass(t)},null),t.text]),[[n.resolveDirective("tooltip"),p]])}return n.createVNode("button",{type:"button",class:b(t,i),id:t.id,disabled:!t.enable,onClick:p=>z(p,t)},[P.shouldShowIcon(t)&&n.createVNode("i",{class:P.iconClass(t)},null),t.text])}let $=new Map,y=[];function H(t){const i=Math.ceil(parseFloat(getComputedStyle(t).getPropertyValue("margin-left"))),p=Math.ceil(parseFloat(getComputedStyle(t).getPropertyValue("margin-right")));return(i||0)+t.getBoundingClientRect().width+(p||0)}function Z(t,i,p){if(i<v.value){let S=p-1;for(;S>=0;S--){const O=t[S],R=H(O);if(i+=R,i>=v.value)break}p=S}return i-=v.value,p=p<0?0:p,{start:p,space:i}}function m(t){const i=x.value;let p=t;const O=Array.from(i.children).filter(M=>M.id!=="__more_buttons__"),R=O.length;let T=!1,k=0;for(;k<R;k++){const M=O[k],Q=H(M);if(Q<=p)p-=Q;else{const X=Z(O,p,k);k=X.start,p=X.space,T=!0;break}}if(!T&&y.length>0){const M=Z(O,p,k);k=M.start,p=M.space}const se=y.length>0;for(;k<R;k++){const M=O[k],Q=H(M);$.set(M.id,!0);const X=y.find(xe=>xe.id===M.id);X?X.width=Q:y[se?"unshift":"push"]({id:M.id,width:Q})}return p}function E(t){let i=m(t);if(y.length){let R=0;for(;R<y.length;R++){const T=d.items.find(k=>k.id===y[R].id);if(T&&T.visible!==!1){const k=y[R].width;if(i>=k||R===y.length-1&&i+v.value>=k)i-=k;else break}}for(let T=0;T<R;T++)$.delete(y[T].id);y.splice(0,R-1)}const p=Object.assign({},V.value);p.children=[];const S=new Y(p),O=c.value.reduce((R,T)=>{const k=d.items.find(se=>se.id===T.id);return $.has(T.id)?(S.children.push(T),T.shown=!1):T.shown=k.visible!==!1,R.push(T),R},[]);V.value=S,c.value=O}function I(t=-1){if(t===0||!x.value||!u.value)return;t<0&&(t=u.value.getBoundingClientRect().width);const i=x.value.getBoundingClientRect().width;(t>=0&&t<i||y.length)&&(E(t),l())}function F(){return v.value<0&&n.createVNode("div",{style:"position:absolute;top:-30px;visibility:hidden;"},[N(new Y(D))])}const ee=new ResizeObserver(t=>{if(t.length){const p=t[0].contentRect.width;I(p)}});function J(){$=new Map,y=[]}function G(){u.value&&!_&&(ee.observe(u.value),_=!0)}function U(){if(w.value&&v.value<0){const t=w.value.querySelector("#"+D.id);t&&(v.value=H(t))}}return n.onMounted(()=>{U(),I(),G(),document.body.addEventListener("click",l),document.body.addEventListener("wheel",l)}),n.onUnmounted(()=>{ee.disconnect(),o(),document.body.removeEventListener("click",l),document.body.removeEventListener("wheel",l)}),n.watch(()=>d.items,()=>{c.value=ce(d.items),V.value.children=[],n.nextTick(()=>{J(),I()})},{deep:!0}),n.watch(()=>d.visible,t=>{t&&n.nextTick(()=>{U(),I(),G()})}),r.expose({elementRef:w}),()=>n.createVNode("div",{class:e.value,id:q,ref:w,style:{"overflow-y":v.value<0?"hidden":"initial"}},[d.visible&&F(),d.visible&&n.createVNode("div",{ref:u,class:a.value},[n.createVNode("div",{ref:x,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[c.value.filter(t=>t.shown).map((t,i)=>t.children&&t.children.length>0?N(t):j(t,i)),ne.value&&N(V.value)])])])}});class ge{constructor(r,c){f(this,"id");f(this,"name");f(this,"presetId",[]);f(this,"responsedIndex",[]);f(this,"width");this.id=r,this.name=c,this.width=0}setWidth(r){this.width=parseInt(r+"",10)}getWidth(){return this.width}setPreset(r){Array.isArray(r)?this.presetId=this.presetId.concat(r):this.presetId.push(r)}delPreset(){this.presetId=[]}removeResponsed(r){this.responsedIndex.splice(r,1)}setResponsed(r){Array.isArray(r)?this.responsedIndex=this.responsedIndex.concat(r):this.responsedIndex.push(r)}isResponsing(){return this.responsedIndex.length>0}isResponsed(){return this.presetId.length===this.responsedIndex.length}}const we=g.withInstall(ae);C.FResponseToolbar=ae,C.ResponseToolbarDropDownItem=Y,C.ResponseToolbarGroup=ge,C.ResponseToolbarItem=ie,C.default=we,C.responseToolbarProps=le,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(y,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../common/index.umd.js"),require("vue"),require("../locale/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","../locale/index.umd.js"],g):(y=typeof globalThis<"u"?globalThis:y||self,g(y["response-toolbar"]={},y.common,y.Vue,y.locale))})(this,function(y,g,n,pe){"use strict";var ke=Object.defineProperty;var De=(y,g,n)=>g in y?ke(y,g,{enumerable:!0,configurable:!0,writable:!0,value:n}):y[g]=n;var h=(y,g,n)=>De(y,typeof g!="symbol"?g+"":g,n);const re={id:{type:String,default:""},customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]},visible:{type:Boolean,default:!0}};class ie{constructor(l){h(this,"id","");h(this,"class","btn-secondary");h(this,"icon","");h(this,"groupId","");h(this,"order",-1);h(this,"asDropDownTop",!1);h(this,"text","");h(this,"visible",!0);h(this,"shown",!0);h(this,"responsed",!1);h(this,"tipsEnable",!1);h(this,"tipsText","");h(this,"width",0);h(this,"dropdownClass","");h(this,"onClick",()=>{});h(this,"options");var w,p;this.options=l;const a=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","dropdownClass","onClick"];Object.keys(l).filter(x=>a.indexOf(x)>-1).forEach(x=>{x==="visible"?this[x]=l[x]===void 0?!0:l[x]:this[x]=l[x]}),this.shown=this.visible,(w=l.appearance)!=null&&w.class&&(this.class=(p=l.appearance)==null?void 0:p.class)}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:n.computed(()=>!0)}setWidth(l){this.width=parseInt(l,10)}getWidth(){return this.visible?this.width:!1}}class de extends ie{constructor(l){super(l)}}function ce(){function c(l){const a=[];return l.reduce((w,p)=>(p.children&&p.children.length>0?w.push(new U(p)):w.push(new de(p)),w),a),a}return{buildResponseToolbarItems:c}}const{buildResponseToolbarItems:fe}=ce();class U extends ie{constructor(a){super(a);h(this,"placement","");h(this,"visible",!0);h(this,"dropdownClass","");h(this,"menuClass","");h(this,"split",!1);h(this,"children",[]);h(this,"expanded",!1);h(this,"shown",!0);const w=["visible","icon","isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(a).filter(p=>w.indexOf(p)>-1).forEach(p=>{p==="visible"?this[p]=a[p]===void 0?!0:a[p]:this[p]=a[p]}),this.shown=this.visible,a.children&&a.children.length&&(this.children=fe(a.children))}}function he(){function c(a){const w={"f-icon":!0};if(a.icon){const p=a.icon.trim().split(" ");p&&p.length&&p.reduce((x,R)=>(x[R]=!0,x),w)}return w}function l(a){return!!(a.icon&&a.icon.trim())}return{iconClass:c,shouldShowIcon:l}}function be(c,l){function a(o){const e={"dropdown-menu":!0};return g.getCustomClass(e,o.menuClass)}function w(o){const e={disabled:!o.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0,"text-truncate":!0};return g.getCustomClass(e,o.dropdownClass)}function p(o){const e={disabled:!o.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0};return g.getCustomClass(e,o.dropdownClass)}function x(o){const e={disabled:!o.enable,"dropdown-item":!0,"f-rt-btn":!0,"text-truncate":!0,"f-rt-toggle":!o.split,"btn-icontext":!!(o.icon&&o.icon.trim()),"dropdown-toggle":!o.split,"btn-secondary":!0};return g.getCustomClass(e,o.dropdownClass)}function R(o){const e={"f-rt-btn":!0,"text-truncate":!0,"btn-icontext":!!(o.icon&&o.icon.trim()),"d-block":!0};return g.getCustomClass(e,o.dropdownClass)}let M;const C=new Map;let _="";function v(o){_="#"+o}function O(o,e,u){o.stopPropagation();const r=u?u.id:"__top_item__";if(e.children&&e.children.length&&(e.expanded=!e.expanded,e.expanded)){if(C.has(r)&&C.get(r)!==e){const b=C.get(r);b&&(b.expanded=!1,C.delete(r))}C.set(r,e)}}function A(o,e){document.body.click(),e.enable&&(o.stopPropagation(),typeof e.onClick=="function"&&e.onClick(o,e.id),c.emit("click",o,e.id))}function $(o,e){const u=o.target;u.className.indexOf("dropdown-item")<0||(u.title=u.scrollWidth>u.clientWidth?e:"")}function Y(o,e,u){if(e.tipsEnable&&e.tipsText){const r=n.reactive({content:e.tipsText,enable:e.tipsEnable});return n.withDirectives(n.createVNode("li",{class:p(e),id:e.id,key:e.id+"_"+u,onClick:b=>A(b,e)},[n.createVNode("span",{class:R(e)},[l.shouldShowIcon(e)&&n.createVNode("i",{class:l.iconClass(e)},null),e.text])]),[[n.resolveDirective("tooltip"),r]])}return n.createVNode("li",{class:p(e),id:e.id,onClick:r=>A(r,e)},[n.createVNode("span",{class:R(e),onMouseenter:r=>$(r,e.text)},[l.shouldShowIcon(e)&&n.createVNode("i",{class:l.iconClass(e)},null),e.text])])}function s(o,e,u){e.enable&&(typeof e.onClick=="function"&&u.onClick(o,e.id),c.emit("click",o,e.id),u.split||O(o,e,u))}function f(o,e,u){o&&o.stopPropagation(),O(o,e,u)}function V(o,e){o.stopPropagation();const u=e.id;if(e.children&&e.children.length&&e.expanded&&C.has(u)){const r=C.get(u);r&&(r.expanded=!1,C.delete(u))}}function H(o,e,u){if(e.tipsEnable&&e.tipsText){const r=n.reactive({content:e.tipsText,enable:e.tipsEnable});return n.createVNode("li",{class:w(e),id:e.id,key:e.id+"_"+u,onClick:b=>s(b,e,o)},[n.withDirectives(n.createVNode("span",{class:x(e)},[l.shouldShowIcon(e)&&n.createVNode("i",{class:l.iconClass(e)},null),e.text]),[[n.resolveDirective("tooltip"),r]]),e.split&&n.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:b=>f(b,e,o)},null),M(e,e)])}return n.createVNode("li",{class:w(e),id:e.id,onClick:r=>s(r,e,o),onMouseenter:r=>$(r,e.text)},[n.createVNode("span",{class:x(e)},[l.shouldShowIcon(e)&&n.createVNode("i",{class:l.iconClass(e)},null),e.text]),e.split&&n.createVNode("span",{class:"dropdown-toggle dropdown-toggle-split f-rt-toggle",onClick:r=>f(r,e,o)},null),M(e,e)])}function te(o){return o.children.filter(e=>e.visible).map((e,u)=>e.children&&e.children.length?H(o,e,u):Y(o,e,u))}function ne(o,e){if(!o)return 1080;let u=-1;const r=o.children.length;for(let b=0;b<r;b++)if(o.children[b].id===e){u=b;break}return 1080+r-u}function oe(o,e,u){var q,Z;const r={display:o.expanded?"block":"none",position:"fixed",maxWidth:"300px",minWidth:"120px",zIndex:1080,overflowY:"auto",maxHeight:"none"},b=document.querySelector(_);if(!b)return r;const F=n.getCurrentInstance();let S=(Z=(q=F==null?void 0:F.exposed)==null?void 0:q.elementRef.value)==null?void 0:Z.querySelector("#"+e);if(S||(S=b==null?void 0:b.querySelector("#"+e)),!S)return r;const le=window.innerWidth,W=window.innerHeight,T=S==null?void 0:S.getClientRects();if(S&&T&&T.length){const{top:E,width:J,left:I,right:m,height:z}=T[0],L=Math.ceil(z+E);r.top=`${L}px`,r.left=`${I}px`;const Q=o.id+"_menu",P=(S==null?void 0:S.querySelector("#"+Q))||(b==null?void 0:b.querySelector("#"+Q))||null;if(P){P.style.visibility="hidden",P.style.display="block";const G=P.offsetHeight;r.zIndex=o.expanded?ne(b,Q):1080,r.display==="block"&&(P.style.display="block");const t=P.getBoundingClientRect();if(u){r.top=`${E-6}px`;const i=Math.ceil(J+I);r.left=`${i}px`}le-I-J<t.width&&(r.left=`${(u?I:m)-t.width}px`),W-E-z<G?E>G?(r.top=`${E-G-6}px`,r.maxHeight=`${E-16}px`):(r.maxHeight=`${W-L}px`,E>W-E-z&&(r.top="10px",r.maxHeight=`${E-16}px`)):r.maxHeight=`${W-L}px`,P.style.visibility="visible"}}return r}M=function(o,e){const u=e?e.id:o.id;return n.createVNode(n.Teleport,{to:_,disabled:!o.expanded},{default:()=>[n.createVNode("ul",{class:a(o),style:oe(o,u,e),id:o.id+"_menu",onWheel:r=>V(r,o)},[te(o)])]})};function se(){C.forEach(o=>{o.expanded=!1}),C.clear()}return{renderDropdownMenu:M,clearAllDropDownMenu:se,updateContainerId:v}}function ge(c,l,a){const w=n.ref(c.alignment),{renderDropdownMenu:p,clearAllDropDownMenu:x,updateContainerId:R}=be(l,a);function M(s){const f={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":w.value==="right"||w.value==="center","f-btn-mr":w.value==="left"};return g.getCustomClass(f,s.dropdownClass)}function C(s){const f={btn:!0,disabled:!s.enable,"f-rt-btn":!0,"btn-icontext":!!(s.icon&&s.icon.trim())&&s.text,"f-rt-toggle":!s.split,"dropdown-toggle":!s.split,"f-btn-icon":s.icon&&!s.text};return g.getCustomClass(f,s.class)}function _(s){const f={btn:!0,"dropdown-toggle":!0,"dropdown-toggle-split":!0};return g.getCustomClass(f,s.class)}function v(s){return s.split?{display:"flex"}:{display:"flex","border-radius":"6px"}}function O(s,f){s.stopPropagation();const V=f.expanded;document.body.click(),typeof f.onClick=="function"&&f.onClick(s,f.id),l.emit("click",s,f.id),f.split||(f.expanded=!V)}function A(s,f){s.stopPropagation();const V=f.expanded;document.body.click(),f.expanded=!V}function $(s,f=!0){if(s.tipsEnable&&s.tipsText){const V=n.reactive({content:s.tipsText,enable:s.tipsEnable});return n.createVNode("div",{id:s.id,class:M(s)},[n.withDirectives(n.createVNode("div",{class:C(s),style:v(s),onClick:H=>s.enable&&O(H,s)},[a.shouldShowIcon(s)&&n.createVNode("i",{class:a.iconClass(s)},null),s.text&&n.createVNode("span",null,[s.text])]),[[n.resolveDirective("tooltip"),V]]),s.split&&n.createVNode("button",{class:_(s),style:"border-radius:0 6px 6px 0;",onClick:H=>A(H,s)},null),f&&p(s)])}return n.createVNode("div",{id:s.id,class:M(s)},[n.createVNode("div",{class:C(s),style:v(s),onClick:V=>s.enable&&O(V,s)},[a.shouldShowIcon(s)&&n.createVNode("i",{class:a.iconClass(s)},null),s.text&&n.createVNode("span",null,[s.text])]),s.split&&n.createVNode("button",{class:_(s),style:"border-radius:0 6px 6px 0;",onClick:V=>A(V,s)},null),f&&p(s)])}function Y(){x()}return{renderToolbarDropdown:$,clearAllDropDown:Y,updateContainerId:R}}const{buildResponseToolbarItems:ae}=ce(),ue=n.defineComponent({name:"FResponseToolbar",props:re,emits:["click"],setup(c,l){const a=n.ref(ae(c.items)),w=n.ref(),p=n.ref(),x=n.ref(),R=g.isMobilePhone(),M={id:"__more_buttons__",text:R?"":pe.LocaleService.getLocaleValue("responseToolbar.more"),icon:R?"f-icon-more-horizontal":""},C=n.ref(new U(M)),_=Object.assign({},M,{id:M.id+"width"}),v=n.ref(-1),O=he();let A=!1;const{guid:$,uuid:Y}=g.useGuid(),s=c.id?c.id:"toolbar-"+$(),f=n.ref(),V="dropdown-container-"+s+"-"+Y(4),{renderToolbarDropdown:H,clearAllDropDown:te,updateContainerId:ne}=ge(c,l,O);ne(V);const oe=n.computed(()=>C.value.children.length>0),se=n.computed(()=>c.visible?C.value.children.length>0?!0:a.value.findIndex(t=>t.shown&&t.children&&t.children.length>0)>-1:!1);function o(){c.visible&&!f.value&&document&&(f.value=document.createElement("div"),f.value.id=V,document.body.appendChild(f.value))}o();function e(){f.value&&document.body.contains(f.value)&&(document.body.removeChild(f.value),f.value=null)}n.watch(se,(t,i)=>{t?o():e()});const u=n.computed(()=>{const t={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0,"f-response-toolbar-sm":c.buttonSize==="sm","f-response-toolbar-lg":c.buttonSize==="lg","d-none":!c.visible};return g.getCustomClass(t,c.customClass)}),r=n.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":c.alignment==="right","justify-content-start":c.alignment==="left","justify-content-center":c.alignment==="center"}));function b(t){t&&t.target.closest("ul.dropdown-menu")&&t.type==="wheel"||(a.value.filter(i=>i.children&&i.children.length>0).forEach(i=>{i.expanded=!1}),C.value.expanded=!1,te())}function F(t,i){var k;const d={btn:!0,"f-rt-btn":!0,"f-btn-ml":c.alignment==="right"||i>0&&c.alignment==="center","f-btn-mr":c.alignment==="left","btn-icontext":!!(t.icon&&t.icon.trim())},D=((k=t==null?void 0:t.appearance)==null?void 0:k.class)||t.class||"btn-secondary";return g.getCustomClass(d,D)}function S(t,i){document.body.click(),typeof i.onClick=="function"&&i.onClick(t,i.id),l.emit("click",t,i.id)}function le(t,i){if(t.tipsEnable&&t.tipsText){const d=n.reactive({content:t.tipsText,enable:t.tipsEnable});return n.withDirectives(n.createVNode("button",{type:"button",class:F(t,i),id:t.id,disabled:!t.enable,onClick:D=>S(D,t)},[O.shouldShowIcon(t)&&n.createVNode("i",{class:O.iconClass(t)},null),t.text]),[[n.resolveDirective("tooltip"),d]])}return n.createVNode("button",{type:"button",class:F(t,i),id:t.id,disabled:!t.enable,onClick:d=>S(d,t)},[O.shouldShowIcon(t)&&n.createVNode("i",{class:O.iconClass(t)},null),t.text])}let W=new Map,T=[];function q(t){const i=Math.ceil(parseFloat(getComputedStyle(t).getPropertyValue("margin-left"))),d=Math.ceil(parseFloat(getComputedStyle(t).getPropertyValue("margin-right")));return(i||0)+t.getBoundingClientRect().width+(d||0)}function Z(t,i,d){if(i<v.value){let D=d-1;for(;D>=0;D--){const k=t[D],N=q(k);if(i+=N,i>=v.value)break}d=D}return i-=v.value,d=d<0?0:d,{start:d,space:i}}function E(t){const i=x.value;let d=t;const k=Array.from(i.children).filter(B=>B.id!=="__more_buttons__"),N=k.length;let ee=!1,j=0;for(;j<N;j++){const B=k[j],X=q(B);if(X<=d)d-=X;else{const K=Z(k,d,j);j=K.start,d=K.space,ee=!0;break}}if(!ee&&T.length>0){const B=Z(k,d,j);j=B.start,d=B.space}const Ce=T.length>0;for(;j<N;j++){const B=k[j],X=q(B);W.set(B.id,!0);const K=T.find(ye=>ye.id===B.id);K?K.width=X:T[Ce?"unshift":"push"]({id:B.id,width:X})}return d}function J(){W=new Map,T=[]}function I(t=!1){const i=Object.assign({},C.value);i.children=[];const d=new U(i),D=a.value.reduce((k,N)=>{const ee=c.items.find(j=>j.id===N.id);return t?(d.children.push(N),N.shown=!1,k):(W.has(N.id)?(d.children.push(N),N.shown=!1):N.shown=ee.visible!==!1,k.push(N),k)},[]);C.value=d,a.value=D}function m(t){if(R){J(),I(!0);return}let i=E(t);if(T.length){let d=0;for(;d<T.length;d++){const D=c.items.find(k=>k.id===T[d].id);if(D&&D.visible!==!1){const k=T[d].width;if(i>=k||d===T.length-1&&i+v.value>=k)i-=k;else break}}for(let D=0;D<d;D++)W.delete(T[D].id);T.splice(0,d-1)}I()}function z(){if(w.value&&v.value<0){const t=w.value.querySelector("#"+_.id);if(!t)return;t.getBoundingClientRect().width===0?v.value=-1:v.value=q(t)}}function L(t=-1){if(t===0||!x.value||!p.value)return;t<0&&(t=p.value.getBoundingClientRect().width);const i=x.value.getBoundingClientRect().width;if(R){m(t),b();return}(t>=0&&t<i||T.length)&&(z(),m(t),b())}function Q(){return v.value<0&&n.createVNode("div",{style:"position:fixed;top:-40px;visibility:hidden;"},[H(new U(_))])}const P=new ResizeObserver(t=>{if(t.length){if(R)return;const d=t[0].contentRect.width;L(d)}});function G(){p.value&&!A&&(P.observe(p.value),A=!0)}return n.onMounted(()=>{z(),L(),G(),document.body.addEventListener("click",b),document.body.addEventListener("wheel",b)}),n.onUnmounted(()=>{P.disconnect(),e(),document.body.removeEventListener("click",b),document.body.removeEventListener("wheel",b)}),n.watch(()=>c.items,()=>{a.value=ae(c.items),C.value.children=[],n.nextTick(()=>{z(),J(),L()})},{deep:!0}),n.watch(()=>c.visible,t=>{t&&n.nextTick(()=>{z(),L(),G()})}),l.expose({elementRef:w}),()=>n.createVNode("div",{class:u.value,id:s,ref:w,style:{"overflow-y":v.value<0?"hidden":"initial"}},[c.visible&&Q(),c.visible&&n.createVNode("div",{ref:p,class:r.value},[n.createVNode("div",{ref:x,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[a.value.filter(t=>t.shown).map((t,i)=>t.children&&t.children.length>0?H(t):le(t,i)),oe.value&&H(C.value)])])])}});class we{constructor(l,a){h(this,"id");h(this,"name");h(this,"presetId",[]);h(this,"responsedIndex",[]);h(this,"width");this.id=l,this.name=a,this.width=0}setWidth(l){this.width=parseInt(l+"",10)}getWidth(){return this.width}setPreset(l){Array.isArray(l)?this.presetId=this.presetId.concat(l):this.presetId.push(l)}delPreset(){this.presetId=[]}removeResponsed(l){this.responsedIndex.splice(l,1)}setResponsed(l){Array.isArray(l)?this.responsedIndex=this.responsedIndex.concat(l):this.responsedIndex.push(l)}isResponsing(){return this.responsedIndex.length>0}isResponsed(){return this.presetId.length===this.responsedIndex.length}}const xe=g.withInstall(ue);y.FResponseToolbar=ue,y.ResponseToolbarDropDownItem=U,y.ResponseToolbarGroup=we,y.ResponseToolbarItem=de,y.default=xe,y.responseToolbarProps=re,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});