UNPKG

@farris/ui-vue

Version:

Farris Vue, a Farris Design based Vue3 component library.

1 lines 119 kB
(function(te,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../locale/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js"),require("../button/index.umd.js"),require("../field-selector/index.umd.js"),require("../collection-property-editor/index.umd.js/src/use-button-items.designer"),require("../tags/index.umd.js"),require("lodash-es"),require("../common/index.umd.js/text-box/use-input-expand"),require("../popover/index.umd.js"),require("../drawer/index.umd.js"),require("@vueuse/core"),require("../data-view/index.umd.js"),require("../dynamic-form/index.umd.js"),require("bignumber.js"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js","../button/index.umd.js","../field-selector/index.umd.js","../collection-property-editor/index.umd.js/src/use-button-items.designer","../tags/index.umd.js","lodash-es","../common/index.umd.js/text-box/use-input-expand","../popover/index.umd.js","../drawer/index.umd.js","@vueuse/core","../data-view/index.umd.js","../dynamic-form/index.umd.js","bignumber.js","../dynamic-resolver/index.umd.js"],t):(te=typeof globalThis<"u"?globalThis:te||self,t(te["mapping-editor"]={},te.Vue,te.locale,te.common,null,te.button,null,null,te.FTags,te.LodashES,te.useInputExpand,te.FPopover,te.Drawer,te.VueUseCore,te.dataView,te.FResponseForm,te.BigNumber,te.dynamicResolver))})(this,function(te,t,xe,we,da,wt,fa,ma,$t,qe,Ut,qt,Tt,Yt,D,ft,pa,Xt){"use strict";var ua=Object.defineProperty;var ca=(te,t,xe)=>t in te?ua(te,t,{enumerable:!0,configurable:!0,writable:!0,value:xe}):te[t]=xe;var ze=(te,t,xe)=>ca(te,typeof t!="symbol"?t+"":t,xe);const Jt={id:{type:String,default:""},buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},showAppendButton:{type:Boolean,default:!0},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:{type:Number},tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object,default:0},popupOffsetY:{type:Object,default:0},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupOnClick:{type:Boolean,default:!1},popupClass:{type:String,default:""},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"},beforeClickButton:{type:Function,default:null},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},beforeOpen:{type:Function,default:null},updateOn:{type:String,default:"change"},keepWidthWithReference:{type:Boolean,default:!0},placement:{type:String,default:"bottom-left"},limitContentBySpace:{type:Boolean,default:!1},beforeClosePopup:{type:Function,default:null},expandable:{type:Boolean,default:!1},expandMode:{type:String,default:"text"},expandContent:{type:String,default:""},expandDisabled:{type:Boolean,default:!1}},Zt={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},Qt=t.defineComponent({name:"FOverlay",props:Zt,emits:["click"],setup(e,n){const o=t.ref(e.popupContentPosition),a=t.ref(e.host),l=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function i(d){n.emit("click"),d.preventDefault(),d.stopPropagation()}t.computed(()=>{const d=a.value;if(d){const y=d.getBoundingClientRect(),{left:v,top:h,height:s}=y;return{left:v,top:h+s}}return o.value});const u=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var d,y;return[t.createVNode("div",{class:"overlay-container",onClick:v=>i(v),style:l.value},[t.createVNode("div",{style:u.value},[(y=(d=n.slots).default)==null?void 0:y.call(d)])])]}})}});function Kt(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function en(e){const n=document.createElement("div");n.style.display="contents";let o;const a=e.onClickCallback||(()=>{}),l=()=>{a(),o&&o.unmount()};return o=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const i=Kt(e);return()=>t.createVNode(Qt,{"popup-content-position":e.popupPosition,host:e.host,onClick:l,backgroundColor:e.backgroundColor},{default:()=>[i&&i()]})}}),document.body.appendChild(n),o.mount(n),o}class tn{static show(n){return en(n)}}const nn={allowClickMaskToClose:{type:Boolean,default:!1},beforeClose:{type:Function,default:()=>!0},class:{type:String,default:""},maskClass:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},mask:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showFloatingClose:{type:Boolean,default:!1},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:Object,default:null},resizeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},openedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0},enableEnter:{type:Boolean,default:!1},dialogType:{type:String,default:""},src:{type:String,default:""},footerHeight:{type:Number,default:60},position:{type:String,default:"center"},host:{type:Object,default:"body"},isMessager:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},maximized:{type:Boolean,default:!1},useTransform:{type:Boolean,default:!0}};class ge{constructor(n,o){this.x=n,this.y=o}static getTransformInfo(n){const a=window.getComputedStyle(n).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(a.length>=6){const l=parseInt(a[4],10),i=parseInt(a[5],10);return{x:l,y:i}}return{x:0,y:0}}static fromEvent(n,o=null){if(this.isMouseEvent(n))return new ge(n.clientX,n.clientY);if(o===null||n.changedTouches.length===1)return new ge(n.changedTouches[0].clientX,n.changedTouches[0].clientY);for(let a=0;a<n.changedTouches.length;a++)if(n.changedTouches[a].target===o)return new ge(n.changedTouches[a].clientX,n.changedTouches[a].clientY)}static isMouseEvent(n){return Object.prototype.toString.apply(n).indexOf("MouseEvent")===8}static isIPosition(n){return!!n&&"x"in n&&"y"in n}static getCurrent(n){const o=new ge(0,0);if(window){const a=window.getComputedStyle(n);if(a){const l=parseInt(a.getPropertyValue("left"),10),i=parseInt(a.getPropertyValue("top"),10);o.x=isNaN(l)?0:l,o.y=isNaN(i)?0:i}return o}return null}static copy(n){return new ge(0,0).set(n)}get value(){return{x:this.x,y:this.y}}add(n){return this.x+=n.x,this.y+=n.y,this}subtract(n){return this.x-=n.x,this.y-=n.y,this}multiply(n){this.x*=n,this.y*=n}divide(n){this.x/=n,this.y/=n}reset(){return this.x=0,this.y=0,this}set(n){return this.x=n.x,this.y=n.y,this}}class Ye{constructor(n,o){this.width=n,this.height=o}static getCurrent(n){const o=new Ye(0,0);if(window){const a=window.getComputedStyle(n);return a&&(o.width=parseInt(a.getPropertyValue("width"),10),o.height=parseInt(a.getPropertyValue("height"),10)),o}return null}static copy(n){return new Ye(0,0).set(n)}set(n){return this.width=n.width,this.height=n.height,this}}function on(e,n){const o=t.ref(),a=t.ref(),l=t.ref(),i=t.ref(),u=t.ref(),d=t.ref(),y=t.ref(),v=t.ref(),h=t.ref(),s=t.ref(),T=t.ref(),c=t.ref(e.resizeable),f=t.ref(),m=t.ref(e.draggable),w=t.ref(!1);function C(){const p=a.value||document.body,N=window.getComputedStyle(p);if(!N||!o.value)return;const V=ge.getTransformInfo(o.value),z={};y.value&&(z.deltaL=o.value.offsetLeft-y.value.x,z.deltaT=o.value.offsetTop-y.value.y);const Z=N.getPropertyValue("position");z.width=p.clientWidth,z.height=p.clientHeight,z.pr=parseInt(N.getPropertyValue("padding-right"),10),z.pb=parseInt(N.getPropertyValue("padding-bottom"),10),z.position=N.getPropertyValue("position"),Z==="static"&&(p.style.position="relative"),z.translateX=V.x,z.translateY=V.y,s.value=z}function S(p){if(o.value){i.value=Ye.getCurrent(o.value),u.value=ge.getCurrent(o.value),d.value=i.value?Ye.copy(i.value):null,y.value=u.value?ge.copy(u.value):null,C();const N=p.target.getAttribute("type")||"";v.value={n:!!N.match(/n/),s:!!N.match(/s/),w:!!N.match(/w/),e:!!N.match(/e/)}}}function j(){var p,N,V,z;if(o.value){const Z=o.value;v.value&&((v.value.n||v.value.s)&&((p=d.value)!=null&&p.height)&&(Z.style.height=d.value.height+"px"),(v.value.w||v.value.e)&&((N=d.value)!=null&&N.width)&&(Z.style.width=d.value.width+"px"),y.value&&((V=y.value)!=null&&V.x&&(Z.style.left=y.value.x+"px"),(z=y.value)!=null&&z.y&&(Z.style.top=y.value.y+"px")))}}function W(){const p=e.minHeight?e.minHeight:1,N=e.minWidth?e.minWidth:1;d.value&&y.value&&v.value&&i.value&&(d.value.height<p&&(d.value.height=p,v.value.n&&u.value&&(y.value.y=u.value.y+(i.value.height-p))),d.value.width<N&&(d.value.width=N,v.value.w&&u.value&&(y.value.x=u.value.x+(i.value.width-N))),e.maxHeight&&d.value.height>e.maxHeight&&(d.value.height=e.maxHeight,u.value&&v.value.n&&(y.value.y=u.value.y+(i.value.height-e.maxHeight))),e.maxWidth&&d.value.width>e.maxWidth&&(d.value.width=e.maxWidth,v.value.w&&u.value&&(y.value.x=u.value.x+(i.value.width-e.maxWidth))))}function L(){if(a.value){const p=s.value;if(y.value&&d.value&&v.value&&i.value){const N=p.width-p.pr-p.deltaL-p.translateX-y.value.x,V=p.height-p.pb-p.deltaT-p.translateY-y.value.y;v.value.n&&y.value.y+p.translateY<0&&u.value&&(y.value.y=-p.translateY,d.value.height=i.value.height+u.value.y+p.translateY),v.value.w&&y.value.x+p.translateX<0&&u.value&&(y.value.x=-p.translateX,d.value.width=i.value.width+u.value.x+p.translateX),d.value.width>N&&(d.value.width=N),d.value.height>V&&(d.value.height=V)}}}function A(p){if(!l.value||!i.value||!u.value||!v.value)return;p.subtract(l.value);const N=p.x,V=p.y;v.value.n?(y.value.y=u.value.y+V,d.value.height=i.value.height-V):v.value.s&&(d.value.height=i.value.height+V),v.value.e?d.value.width=i.value.width+N:v.value.w&&(d.value.width=i.value.width-N,y.value.x=u.value.x+N),L(),W(),j()}function M(p){if(!h.value)return;const N=ge.fromEvent(p);N&&A(N)}function k(){if(o.value){const{width:p,height:N,x:V,y:z}=o.value.getBoundingClientRect(),Z=ge.getTransformInfo(o.value);return{size:{width:p,height:N},position:{x:V-Z.x,y:z-Z.y}}}return null}function O(p){if(o.value){const N=k();T.value=N}l.value=void 0,i.value=null,u.value=null,d.value=null,y.value=null,v.value=null,h.value=null,document.removeEventListener("mousemove",M),document.removeEventListener("mouseup",O)}function B(){document.addEventListener("mousemove",M),document.addEventListener("mouseup",O)}function P(p){p instanceof MouseEvent&&p.button===2||m.value&&(document.body.click(),p.stopPropagation(),p.preventDefault(),l.value=ge.fromEvent(p),h.value=p.target,S(p),B())}function Y(p){return o.value=p,c.value&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:N=>P(N)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:N=>P(N)},null)])}function G(p=!0){document.body.click();const N=a.value||document.body,V=Ye.getCurrent(N),z=o.value;p&&z&&(f.value=k(),f.value.transform=z.style.transform),V&&z&&(d.value=V,d.value.height-=14,d.value.width-=14,z.style.height=d.value.height+"px",z.style.width=d.value.width+"px",z.style.left="7px",z.style.top="7px",z.style.transform="",T.value={size:d.value,position:{x:0,y:0}},m.value=!1,w.value=!0)}function ue(){var p,N;if(document.body.click(),f.value){const V={width:f.value.size.width||0,height:f.value.size.height||0},z={x:(window.innerWidth-V.width)/2,y:(window.innerHeight-V.height)/2};(p=d.value)==null||p.set(V),(N=y.value)==null||N.set(z);const Z=o.value;Z.style.height=V.height+"px",Z.style.width=V.width+"px",Z.style.left=`${z.x}px`,Z.style.top=`${z.y}px`,Z.style.transform="",T.value={size:V,position:z},m.value=e.draggable,w.value=!1}}function se(){if(o.value){const p=Ye.getCurrent(o.value);if(p){const{width:N,height:V}=p;o.value.style.left=`${(window.innerWidth-N)/2}px`,o.value.style.top=`${(window.innerHeight-V)/2}px`,o.value.style.transform=""}}}function ae(){const p=()=>{w.value?G(!1):se(),document.body.click()};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}}const R=ae();return{renderResizeBar:Y,boundingElement:a,resizedEventParam:T,maximize:G,restore:ue,allowDrag:m,isMaximized:w,unWindowResizeHandle:R,moveToCenter:se}}function an(e,n,o){const a=t.ref(),l=t.ref(e.draggable),i=t.ref(e.lockAxis),u=t.ref(),d=t.ref(),y=t.ref(!1),v=t.ref(new ge(0,0)),h=t.ref(new ge(0,0)),s=t.ref(new ge(0,0)),T=t.ref(new ge(0,0));t.watch(()=>o.value,M=>{u.value.style.cursor=M?"move":"default"});function c(M,k){if(k.tagName==="BUTTON")return!1;if(k===M)return!0;for(const O in k.children)if(Object.prototype.hasOwnProperty.call(k.children,O)&&c(M,k.children[O]))return!0;return!1}function f(){var B,P;let M=s.value.x+h.value.x,k=s.value.y+h.value.y;i.value==="x"?(M=((B=v.value)==null?void 0:B.x)||0,s.value.x=0):i.value==="y"&&(k=((P=v.value)==null?void 0:P.y)||0,s.value.y=0);const O=`translate3d(${Math.round(M)}px, ${Math.round(k)}px, 0px)`;a.value&&(a.value.style.transform=O),T.value.x=M,T.value.y=k}function m(){if(!d.value||!a.value)return null;const M=d.value.getBoundingClientRect(),k=a.value.getBoundingClientRect(),O={top:M.top<k.top,right:M.right>k.right,bottom:M.bottom>k.bottom,left:M.left<k.left};return O.top||(s.value.y-=k.top-M.top),O.bottom||(s.value.y-=k.bottom-M.bottom),O.right||(s.value.x-=k.right-M.right),O.left||(s.value.x-=k.left-M.left),f(),O}function w(M){M&&(v.value&&M.subtract(v.value),s.value.set(M),f(),m())}function C(M){y.value&&l.value&&(M.stopPropagation(),M.preventDefault(),w(ge.fromEvent(M,u.value)))}function S(){var M;if(y.value){if(y.value=!1,h.value.add(s.value),s.value.reset(),(M=a.value)==null||M.classList.remove("ng-dragging"),!e.useTransform&&a.value){const{left:k,top:O}=a.value.getBoundingClientRect();a.value.style.left=Math.ceil(k)+"px",a.value.style.top=Math.ceil(O)+"px",a.value.style.transform="none"}n.emit("stopMove"),document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",S)}}function j(){!y.value&&u.value&&(y.value=!0,u.value.classList.add("ng-dragging"),document.addEventListener("mousemove",C),document.addEventListener("mouseup",S))}function W(){if(a.value){const M=ge.getTransformInfo(a.value);h.value.set(M);return}h.value.reset()}function L(M){if(!o.value||M instanceof MouseEvent&&M.button===2)return;const k=M.target||M.srcElement;u.value!==void 0&&k&&!c(k,u.value)||l.value!==!1&&(document.body.click(),M.stopPropagation(),M.preventDefault(),v.value=ge.fromEvent(M,a.value),W(),j())}function A(M,k,O){if(l.value&&k){if(M)u.value=M;else if(e.dragHandle){if(e.dragHandle instanceof HTMLElement)u.value=e.dragHandle;else if(typeof e.dragHandle=="string"){const B=k.querySelector(e.dragHandle);B&&(u.value=B)}}a.value=k,d.value=O,u.value?(u.value.classList.add("ng-draggable"),u.value.addEventListener("mousedown",L)):l.value=!1}}return{registerDraggle:A,resetTranslate:W}}function St(e,n){if(e){const o=a=>{a.key.toLowerCase()===e.toLowerCase()&&n({event:a,key:e})};return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}}}function ln(e,n){const o=t.ref(e.enableEsc);let a=null;return o.value?(a=St("Escape",l=>{n.emit("esc",{event:l.event,type:"esc"})}),{remove:a}):null}function rn(e,n){const o=t.ref(e.enableEnter);let a=null;return o.value?(a=St("Enter",l=>{n.emit("enter",{event:l.event,type:"enter"})}),{remove:a}):null}const nt=t.defineComponent({name:"FModal",props:nn,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter","stopMove","buttonClick"],setup(e,n){const o=t.ref(e.width||300),a=t.ref(e.height||200),l=t.ref(e.modelValue),i=t.ref(""),u=t.ref(e.class),d=t.ref(e.fitContent),y=t.ref(e.showHeader),v=t.ref(""),h=t.ref(e.showCloseButton),s=t.ref(e.showMaxButton),T=t.ref(!1),c=t.ref(e.dialogType),f=t.ref(e.src),m=t.ref(""),w=t.ref(e.showButtons),C=t.ref(e.title),S=t.ref(e.containment||null),j=t.ref();C.value==="错误提示"&&(C.value=xe.LocaleService.getLocaleValue("messageBox.errorTitle"));const W=t.ref(!1);function L(){const x=document.querySelectorAll(".farris-modal").length;(!x||x-1<=0)&&j.value===document.querySelectorAll(".farris-modal")[0]&&document.body.classList.remove("modal-open"),j.value&&j.value.classList.remove("show")}function A(x,_){const ee=_?"accept":"cancel";Promise.resolve().then(()=>{var ne;return(ne=e.beforeClose)==null?void 0:ne.call(e,{closeType:ee})}).then(ne=>{ne&&(l.value=!1,n.emit("update:modelValue",!1),_!=null&&n.emit(_?"accept":"cancel"),n.emit("closed",x),L())})}const M=[{name:"cancel",text:xe.LocaleService.getLocaleValue("messageBox.cancel")||"取消",class:"btn btn-secondary",handle:x=>{A(x,!1)}},{name:"accept",text:xe.LocaleService.getLocaleValue("messageBox.ok")||"确定",class:"btn btn-primary",handle:x=>{A(x,!0)}}],k=t.ref(e.buttons&&e.buttons.length?e.buttons:M),O=t.computed(()=>!!v.value),B=t.computed(()=>!!w.value&&!!k.value),P=t.ref(),Y=t.ref(),G=t.ref(e.maximized||!1),{renderResizeBar:ue,maximize:se,restore:ae,boundingElement:R,resizedEventParam:p,allowDrag:N,unWindowResizeHandle:V,moveToCenter:z}=on(e),{registerDraggle:Z}=an(e,n,N);function le(){return!!document.querySelectorAll(".farris-modal").length&&document.body.classList.contains("modal-open")}t.watch(()=>e.title,(x,_)=>{x!==_&&(C.value=x)}),t.watch(()=>e.modelValue,(x,_)=>{x!==_&&(l.value=x,l.value&&e.draggable&&t.nextTick(()=>{Y.value&&!S.value&&(S.value=Y.value.parentElement,R.value=S.value,Z(P.value,Y.value,R.value),z())}),x||(S.value&&(S.value=null),L())),l.value?W.value=le():(G.value=!1,N.value=e.draggable)}),t.watch(()=>e.showHeader,(x,_)=>{x!==_&&(y.value=x)}),t.watch(()=>e.showButtons,(x,_)=>{x!==_&&(w.value=x)}),t.watch(()=>p.value,(x,_)=>{const ee=x||{},ne=_||{};JSON.stringify(ee)!==JSON.stringify(ne)&&n.emit("resize",{newSize:x,oldSize:_,isMaximized:G.value})}),t.watch([()=>e.width,()=>e.height],(x,_)=>{(x[0]!==_[0]||x[1]!==_[1])&&(o.value=x[0]||500,a.value=x[1]||600)}),t.watch(()=>e.class,(x,_)=>{u.value=x});const he=t.computed(()=>(l.value&&document.body.classList.add("modal-open"),l.value)),ce=t.computed(()=>{var ee;const x={modal:!0,"farris-modal":!0,fade:!0,"fe-cmp-page-modal":!!e.showFloatingClose};x["f-modal-fitContent"]=!!d.value,x.show=!!he.value;const _=(ee=e.maskClass)==null?void 0:ee.split(" ");return _==null||_.reduce((ne,Te)=>(ne[Te]=!0,ne),x),x}),be=t.computed(()=>{var ee;const x={"modal-dialog":!0},_=(ee=u.value)==null?void 0:ee.split(" ");return _==null||_.reduce((ne,Te)=>(ne[Te]=!0,ne),x),x}),me=()=>we.isMobilePhone()&&!e.isMessager||!!e.fullscreen,Se=t.computed(()=>{const x=document.documentElement.clientWidth,_=document.documentElement.clientHeight;if(G.value)return{position:"fixed",top:"0px",left:"0px",width:"100vw",height:"100vh",margin:"0"};const ee=Math.min(o.value,x),ne=e.position==="right"?"100%":d.value?"auto":`${Math.min(a.value,_-10)}px`,Te=`${(window.innerHeight-(ne==="100%"||ne==="auto"?0:parseInt(ne)))/2}px`,Qe=e.position==="right"?`${window.innerWidth-ee}px`:`${(window.innerWidth-ee)/2}px`,g={position:"absolute",top:Te,left:Qe,width:we.isMobilePhone()?"auto":`${ee}px`,height:ne};return e.mask||(g.pointerEvents="auto"),g}),Ae=t.ref(we.getMaxZIndex()||1050),ke=t.computed(()=>{const x={display:"block",overflow:"hidden"};return e.mask||(x.pointerEvents="none",x.backgroundColor="transparent"),W.value&&(x.backgroundColor="transparent"),x.zIndex=Ae.value,x}),Le=t.computed(()=>({"modal-content":!0,"modal-content-has-header":y.value,"is-mobile":me()})),Me=t.computed(()=>{const x={display:y.value?"":"none"};return x["pointer-events"]=N.value?"auto":"none",x}),Ce=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:G.value})),de=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":c.value==="iframe","f-utils-fill":!0}));function We(){return{height:`${e.footerHeight||60}px`}}const Ve=t.computed(()=>{const x={textAlgin:m.value},_=We();return Object.assign(x,_)});function Ee(x){if(x==null||x.stopPropagation(),G.value){G.value=!1,ae();return}se(),G.value=!0}async function Ke(x,_){x.handle?await x.handle(_,x)&&n.emit("closed",_):n.emit("buttonClick",{button:x,$event:_})}function et(x){x.width&&(o.value=x.width),x.height&&(a.value=x.height),x.buttons&&(k.value=x.buttons),x.title&&(C.value=x.title)}let Oe=null,Pe=null;t.onBeforeMount(()=>{W.value=le()}),t.onMounted(()=>{Y.value&&!S.value&&(S.value=Y.value.parentElement,R.value=S.value,Z(P.value,Y.value,R.value)),he.value&&document.body.classList.add("modal-open"),Oe=ln(e,n),Pe=rn(e,n)}),t.onUnmounted(()=>{V&&V(),Oe&&Oe.remove(),Pe&&Pe.remove()}),n.expose({modalElementRef:Y,updateModalOptions:et,close:A,maxDialog:Ee,isMaximized:G,disableButtons:(x,_=!0)=>{k.value.forEach(ee=>{ee.name&&x.includes(ee.name)&&(ee.disabled=_)})}});function _e(){return t.createVNode("div",{class:"action-wrapper",onClick:x=>A(x,!1)},[t.createVNode("span",{class:"close-icon"},[t.createVNode("i",{class:"f-icon f-icon-close"},null)])])}function Ge(){return t.createVNode("ul",null,[T.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),s.value&&t.createVNode("li",{onClick:Ee,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[t.createVNode("span",{class:Ce.value},null)]),h.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:x=>A(x,!1),style:"pointer-events: auto;"},[t.createVNode("span",{class:"f-icon modal_close"},null)])])}const De=x=>{x.preventDefault();const _=x.currentTarget,ee=x.deltaY*.5;_.scrollLeft+=ee};function Je(){return t.createVNode("div",{class:"modal-footer",style:Ve.value},[k.value&&t.createVNode("div",{class:"buttons",onWheel:De},[k.value.map(x=>{var ne;const _=t.ref(x.disabled),ee=x.class||((ne=x.appearance)==null?void 0:ne.class);return t.createVNode("button",{name:x.name,style:x.styles,type:"button",disabled:_.value,class:ee+(x.iconClass?" btn-icontext":"")+(x.visible===!1?"d-none":""),onClick:Te=>{Ke(x,Te)}},[!!x.iconClass&&t.createVNode("i",{class:x.iconClass},null),x.text])})])])}function $e(x){s.value&&Ee()}function re(){return t.createVNode(t.Fragment,null,[G.value&&t.createVNode("div",{class:"modal-header",style:"position: absolute;background: transparent;height: 45px;width: 100%;",onDblclick:x=>$e()},null),t.createVNode("div",{ref:P,class:"modal-header",style:Me.value,onDblclick:x=>$e()},[n.slots.headerTemplate?n.slots.headerTemplate():t.createVNode("div",{class:"modal-title"},[O.value&&t.createVNode("span",{class:v.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[C.value])]),t.createVNode("div",{class:"actions"},[Ge()])])])}function Ze(){return n.slots.footerTemplate?n.slots.footerTemplate():B.value&&Je()}function Ue(x){if(x.stopPropagation(),e.allowClickMaskToClose){if(x.target!==j.value)return;A(x,!1)}}function je(){var x,_;return t.createVNode("div",{id:i.value,class:be.value,style:Se.value,ref:Y},[e.showFloatingClose&&_e(),t.createVNode("div",{class:Le.value},[y.value&&re(),t.createVNode("div",{class:de.value},[(_=(x=n.slots).default)==null?void 0:_.call(x),c.value==="iframe"&&t.createVNode("iframe",{title:i.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:f.value},null)]),Ze()]),!d.value&&Y.value&&!G.value&&ue(Y.value)])}function Ie(x){return x||"body"}return t.watchEffect(()=>{he.value&&(Ae.value=we.getMaxZIndex()||1050)}),()=>t.createVNode(t.Teleport,{to:Ie(e.host)},{default:()=>[he.value&&t.createVNode(t.Transition,{name:"fade",appear:!0},{default:()=>[t.createVNode("div",{ref:j,class:ce.value,style:ke.value,onClick:Ue},[je()])]})]})}});function Nt(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function sn(e){const n=document.createElement("div");n.style.display="contents";const o=t.createApp({setup(a,l){t.onUnmounted(()=>{document.body.removeChild(n)});const i=t.ref(),u=t.ref(e.class||""),d=t.ref(!!e.showButtons),y=t.ref(!!e.showHeader),v=t.ref(e.showCloseButton==null?!0:e.showCloseButton),h=t.ref(!!e.showFloatingClose),s=t.ref(!0),T=t.ref(e.title||""),c=e.acceptCallback||(()=>{}),f=e.rejectCallback||(()=>{}),m=e.closedCallback||(W=>{}),w=e.resizeHandle||(W=>{}),C=e.stopMoveHandle||(W=>{}),S=Nt(e),j=W=>{s.value=!1,o.unmount(),m(W)};return t.onMounted(()=>{}),l.expose({modalRef:i}),()=>t.createVNode(nt,{ref:i,class:u.value,modelValue:s.value,"onUpdate:modelValue":W=>s.value=W,title:T.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":y.value,"show-buttons":d.value,"show-close-button":v.value,"show-max-button":!1,showFloatingClose:h.value,onAccept:c,onCancel:f,fitContent:e.fitContent==null?!0:e.fitContent,onClosed:j,onResize:w,onStopMove:C},{default:()=>[S&&S(o)]})}});return document.body.appendChild(n),o.use(xe.LocaleService.i18n),o.mount(n),o}class Bt{constructor(n){ze(this,"appContext",null);ze(this,"modalRef",t.ref());ze(this,"activeModalIndex",t.ref(0));ze(this,"modalRefs",{});ze(this,"isUseEscCloseModal",t.ref(!1));this.app=n,this.appContext=n?n._context:null}getCurrentModal(){return this.modalRefs[this.activeModalIndex.value]}adaptToWindow(n,o){const{width:a,height:l}={width:window.innerWidth,height:window.innerHeight};return a<n&&(n=a-14),l<o&&(o=l-14),{width:n,height:o}}static show(n){const o=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return sn(o)}close(n){var o,a;n?(a=n.value)==null||a.close():(o=this.getCurrentModal())==null||o.close()}open(n){const o=document.createDocumentFragment();n.showMaxButton&&n.fitContent&&(n.showMaxButton=!1);const a=t.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0,maximized:!1},n)),l=t.ref(!0),i=a.value.acceptCallback||(()=>{}),u=a.value.rejectCallback||(()=>{}),d=a.value.closedCallback||((k,O)=>{}),y=a.value.openedCallback||(k=>{}),v=a.value.resizeHandle||(k=>{}),h=n.stopMoveHandle||(k=>{});let s;const T=Nt(a.value),c=k=>{var B;l.value=!1;const O=(B=k==null?void 0:k.target)==null?void 0:B.classList.contains("modal_close");d(k,this.isUseEscCloseModal.value?"esc":O?"icon":"button")},f=k=>{c(k),s&&t.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],t.render(null,o),s=null,this.modalRef.value=null,this.modalRefs){const O=Object.keys(this.modalRefs).map(B=>Number(B));O.length>0?this.activeModalIndex.value=Math.max(...O):this.activeModalIndex.value=0,this.modalRefs[this.activeModalIndex.value]&&(this.modalRef.value=this.modalRefs[this.activeModalIndex.value])}this.isUseEscCloseModal.value=!1})},m=k=>{var O;this.isUseEscCloseModal.value=!0,(O=this.getCurrentModal())==null||O.close(k==null?void 0:k.event)},{width:w,height:C}=a.value,S=this.adaptToWindow(w||500,C||320);Object.assign(a.value,S);const j=t.ref(),W=()=>t.createVNode(nt,t.mergeProps({ref:j,modelValue:l.value,"onUpdate:modelValue":k=>l.value=k},a.value,{isMessager:a.value.class&&a.value.class.indexOf("modal-message")>-1,onAccept:i,onCancel:u,onClosed:f,onResize:v,onEsc:m,onStopMove:h,maximized:a.value.maximized}),{default:()=>[T&&T(this.app)]});s=(k=>{const O=t.h(W,k);return O.appContext=this.appContext,t.render(O,o),O})({...a.value}),this.activeModalIndex.value++;const A=this.activeModalIndex.value;this.modalRefs[A]=j.value;const M=k=>{a.value={...a.value,...k},s&&t.render(t.cloneVNode(s,{...a}),o)};return t.nextTick(()=>{this.modalRefs[A]=j.value,this.modalRef.value=j.value,y(new Event("opened"))}),{update:M,destroy:f,modalRef:j,close:()=>{var k;(k=j.value)==null||k.close()},disableButtons:(k,O=!0)=>{var B;(B=j.value)==null||B.disableButtons(k,O)}}}}const ot=Symbol("FModalService");nt.install=e=>{e.component(nt.name,nt);const n=new Bt(e);e.provide(ot,n),e.provide("FModalService",n)};function Ft(e,n){function o(){const a=e.beforeOpen||e.beforeClickButton||null;let l=Promise.resolve(!0);if(a){const i=a(n.value);if(typeof i>"u")return l;typeof i=="boolean"?l=Promise.resolve(i):l=i}return l}return{judgeCanOpen:o}}function un(e,n,o,a,l){const i=t.ref(e.buttonBehavior),u=t.ref(e.popupOnInput),d=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:y}=Ft(e,l),v=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),h=t.inject(ot,null),s=t.ref();async function T(m){if(await y()&&v.value){const w=!!n.slots.default;if(i.value==="Modal"){const C=e.modalOptions,S=h==null?void 0:h.open({...C,render:()=>n.slots.default&&n.slots.default()});s.value=S==null?void 0:S.modalRef}i.value==="Overlay"&&tn.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),w&&i.value==="Popup"&&a.togglePopup(!0),w&&u.value&&a.hidePopup(),n.emit("clickButton",{origin:m,value:e.modelValue})}}function c(m){n.emit("mouseEnterIcon",m)}function f(m){n.emit("mouseLeaveIcon",m)}return{buttonGroupClass:d,onClickButton:T,onMouseEnterButton:c,onMouseLeaveButton:f,modalRef:s}}function cn(e,n,o,a,l,i){const u=t.ref(!1),d=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable&&!we.isMobilePhone()),{changeTextBoxValue:y,hasClearClass:v}=i,h=t.ref(!1);function s(w){u.value=w,v.value=w}const T=t.computed(()=>d.value&&!!(l!=null&&l.value)&&h.value);t.watch(l,()=>{s(T.value)});function c(w){const C=!e.readonly&&!e.disable&&e.editable,S=!e.editable;w==null||w.stopPropagation(),(C||S)&&(y(""),l.value="",s(!u.value),n.emit("clear"))}function f(w){if(h.value=!0,!!d.value){if(!o.value){s(!1);return}!e.disable&&!e.readonly&&s(!0)}}function m(w){h.value=!1,d.value&&s(!1)}return{enableClearButton:d,showClearButton:u,onClearValue:c,onMouseEnterTextBox:f,onMouseLeaveTextBox:m}}function dn(e,n,o,a,l){const i=t.computed(()=>e.popupOnInput),u=t.computed(()=>e.popupOnFocus),{shouldPopupContent:d,closeAllPopover:y}=l,v=t.ref(!1),h=t.computed(()=>e.enableTitle?o.value:""),s=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),T=t.computed(()=>e.readonly||!e.editable||we.isMobilePhone()),c=t.ref(!1),f=t.computed(()=>!e.disable&&c.value),m=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0})),w=t.computed(()=>({"input-group":!0,"f-state-disabled":e.disable,"f-state-editable":e.editable&&!e.disable&&!e.readonly,"f-state-readonly":e.readonly,"f-state-focus":f.value,"input-group--has-clear":e.enableClear&&v.value}));function C(P,Y=!0){o.value=P,Y&&(n.emit("change",P),n.emit("update:modelValue",P))}function S(P){d.value=!1,C(P,!0)}t.watch(()=>e.modelValue,P=>{o.value=P});function j(P){c.value=!1,n.emit("blur",P),P.stopPropagation()}function W(P){n.emit("click",P),y(),n.slots.default&&!e.disable&&!e.readonly&&e.popupOnClick&&l.togglePopup()}function L(P){!e.disable&&!e.readonly&&(c.value=!0,T.value||(n.emit("focus",P),u.value&&!d.value&&l.popup()))}function A(P){n.emit("input",P);const Y=P.target.value;a.value=Y,o.value!==Y&&C(Y,e.updateOn==="change"),i.value&&!d.value&&l.popup()}function M(P){P.target.tagName!=="INPUT"&&P.preventDefault(),P.stopPropagation()}function k(P){n.emit("keydown",P)}function O(P){P.key==="Enter"&&(i.value||u.value)&&l.hidePopup(),n.emit("keyup",P)}function B(P){const Y=P.target.value;P.stopPropagation(),C(Y)}return{hasFocusedTextBox:f,isTextBoxReadonly:T,textBoxClass:m,textBoxPlaceholder:s,textBoxTitle:h,inputGroupClass:w,hasClearClass:v,changeTextBoxValue:C,commitValue:S,onBlurTextBox:j,onClickTextBox:W,onFocusTextBox:L,onInput:A,onKeyDownTextBox:k,onKeyUpTextBox:O,onMouseDownTextBox:M,onTextBoxValueChange:B}}const Xe="FarrisVue_PopoverInstancesKey";function fn(e,n,o,a){const l=t.ref(),i=t.ref(!1),{judgeCanOpen:u}=Ft(e,a);t.watch(()=>l.value,(c,f)=>{window[Xe]=window[Xe]||new WeakMap,c?window[Xe].set(o.value,c):window[Xe].delete(o.value)});function d(){if(window[Xe]){const c=window[Xe];document.querySelectorAll(".f-button-edit,.v-popover").forEach(f=>{const m=c.get(f);m&&f!==o.value&&!o.value.closest(".popover-fitcontent")&&m.hide()})}}function y(){const c=l.value;c&&(c.show?c.show(o.value):c.open&&c.open(o.value))}async function v(c=!1){if(!!n.slots.default){if(!c&&!i.value&&!await u())return;i.value=!i.value,i.value&&(await t.nextTick(),y())}}async function h(c=!1){if(!!n.slots.default){if(!c&&!await u())return;i.value=!0,await t.nextTick(),y()}}function s(){i.value=!1}function T(){i.value=!0,t.nextTick(()=>{y()})}return{hidePopup:s,showPopup:T,popup:h,shouldPopupContent:i,togglePopup:v,popoverRef:l,closeAllPopover:d}}function mn(e,n,o){const a=t.ref(),{isTextBoxReadonly:l,textBoxClass:i,textBoxPlaceholder:u,textBoxTitle:d,onBlurTextBox:y,onClickTextBox:v,onFocusTextBox:h,onInput:s,onKeyDownTextBox:T,onKeyUpTextBox:c,onMouseDownTextBox:f,onTextBoxValueChange:m}=o,w=t.ref(e.id),{uuid:C}=we.useGuid(),S=t.computed(()=>({}));t.onMounted(()=>{var M,k;e.selectOnCreated&&((M=a.value)==null||M.select()),e.focusOnCreated&&((k=a.value)==null||k.focus({preventScroll:!0})),w.value||(w.value="button-edit_"+C(8)),w.value=w.value+"-textbox"});const j=t.ref(!1),W=M=>{M.preventDefault(),j.value=!0},L=M=>{M.preventDefault(),j.value=!1,s(M)};function A(M){j.value||s(M)}return()=>t.createVNode("input",{id:e.id?e.id+"-textbox":void 0,ref:a,name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:i.value,style:S.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:u.value,readonly:l.value,tabindex:e.tabIndex,title:d.value,type:e.inputType,value:n.value,onBlur:y,onChange:m,onClick:v,onFocus:h,onInput:A,onKeydown:T,onKeyup:c,onMousedown:f,onCompositionend:L,onCompositionstart:W},null)}function pn(e,n,o){const a=t.ref(e.separator),l=t.computed(()=>e.readonly||e.disable),{changeTextBoxValue:i,onFocusTextBox:u,onBlurTextBox:d,onClickTextBox:y,textBoxPlaceholder:v}=o,h=t.computed(()=>n.value?n.value.split(a.value).map(f=>({name:f,selectable:!0})):[]);function s(f){i(f.map(m=>m.name).join(a.value),!0)}t.watch(()=>e.separator,f=>{a.value=f});const T=t.ref(!e.disable&&!e.readonly);t.watch([()=>e.disable,()=>e.readonly],([f,m],[w,C])=>{T.value=!f&&!m});function c(f){y(f)}return()=>t.createVNode($t,{tabindex:e.tabIndex,onFocus:u,onBlur:d,id:`${e.id}-tag-editor`,class:"form-control",placeholder:v.value,data:h.value,showClose:!l.value,showInput:!0,disable:l.value,onChange:s,onClick:c},null)}function gn(e,n,o,a){const{buttonGroupClass:l,onClickButton:i,onMouseEnterButton:u,onMouseLeaveButton:d}=o,{enableClearButton:y,showClearButton:v,onClearValue:h}=a,s=t.ref(),T=qe.debounce(m=>{i(m)},e.buttonBehavior==="Modal"?0:200),c=()=>{n.emit("beforeClearValue")},{renderExpandContent:f}=Ut.useInputExpand(e,n);return{renderButtonGroup:()=>t.createVNode(t.Fragment,null,[t.createVNode("div",{id:e.id?`${e.id}-button-group`:void 0,class:l.value},[y.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:h,onMousedown:c},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,v.value]]),n.slots.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button",onClick:T,onMouseenter:u,onMouseleave:d},[n.slots.buttonContent()]):e.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:s,onClick:m=>T(m),onMouseenter:u,onMouseleave:d},null):null]),f()]),buttonHandleElement:s}}function hn(e,n,o){const a=t.ref(e.popupMinWidth),{hidePopup:l,popoverRef:i}=o,u=()=>{n.emit("shown")};return()=>we.isMobilePhone()?t.createVNode(Tt,{id:`${e.id}-drawer`,ref:i,position:e.placement,width:"auto",height:"auto",host:e.popupHost,showHeader:!1,showFooter:!1,customClass:"f-drawer--no-padding","onUpdate:modelValue":d=>d?u():l()},{default:()=>{var d,y;return[t.createTextVNode(" "),(y=(d=n.slots).default)==null?void 0:y.call(d),t.createTextVNode(" ")]}}):t.createVNode(qt,{id:`${e.id}-popover`,ref:i,placement:e.placement,host:e.popupHost,"keep-width-with-reference":e.keepWidthWithReference,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:a.value,class:e.popupClass,offsetX:e.popupOffsetX,offsetY:e.popupOffsetY,onHidden:l,onShown:u,beforeClose:e.beforeClosePopup,limitContentBySpace:e.limitContentBySpace},{default:()=>{var d,y;return[(y=(d=n.slots).default)==null?void 0:y.call(d)]}})}const kt=t.defineComponent({name:"FButtonEdit",props:Jt,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue","beforeClearValue","expandClick"],setup(e,n){const o=t.ref(),a=t.ref(e.customClass),l=t.ref(e.modelValue),i=fn(e,n,o,l),{shouldPopupContent:u,hidePopup:d,showPopup:y,togglePopup:v}=i,h=un(e,n,o,i,l),s=t.ref(""),T=dn(e,n,l,s,i),{hasFocusedTextBox:c,commitValue:f,inputGroupClass:m,changeTextBoxValue:w}=T,C=cn(e,n,l,c,s,T),{onMouseEnterTextBox:S,onMouseLeaveTextBox:j}=C,W=t.ref(!1),L=t.computed(()=>{const p={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return a.value&&a.value.split(" ").reduce((N,V)=>(N[V]=!0,N),p),p}),A=t.computed(()=>({overflow:e.wrapText?"hidden":""})),M=t.computed(()=>({})),k=t.ref(e.showAppendButton);function O(){if(!e.multiSelect||e.inputType!=="tag"||!o.value)return 0;let p=0;const N=Array.from(o.value.querySelectorAll(".farris-tag-item"));return N&&N.length&&(p=N.map(V=>V.offsetTop).filter(V=>V>20).length),p}const B=t.ref(O());t.onUpdated(()=>{B.value=O()});function P(){return e.multiSelect&&e.inputType==="tag"?()=>t.createVNode(t.Fragment,null,[pn(e,l,T)(),!!B.value&&t.createVNode("div",{class:"d-flex flex-row mr-2 more-tags","more-tags":!0},[t.createVNode("span",{class:"multi--more-text"},[t.createTextVNode("+"),B.value])])]):mn(e,l,T)}let Y=P();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{Y=P()});const{renderButtonGroup:G,buttonHandleElement:ue}=gn(e,n,h,C),se=hn(e,n,i),ae=t.ref(u.value),R={displayText:s,commitValue:f,elementRef:o,hidePopup:d,showPopup:y,popoverRef:i.popoverRef,shouldPopupContent:u,togglePopup:v,openDialog:()=>{ue.value&&e.buttonBehavior==="Modal"&&ue.value.click(),n.slots.content&&qe.debounce(()=>{h.onClickButton(null)},e.buttonBehavior==="Modal"?0:200)()},getModal:()=>{var p;return e.buttonBehavior==="Modal"?(p=h.modalRef.value)==null?void 0:p.value:null},getTextbox:()=>{var p;return(p=o.value)==null?void 0:p.querySelector("input")},forceClosePopup:()=>{ae.value=!1,W.value=!0,u.value=!1},clear:()=>{w(""),s.value=""},setText:p=>{w(p,!1),s.value=p}};return t.onMounted(()=>{o.value.componentInstance=R,window.onresize=()=>{document.body.click()}}),t.onBeforeUnmount(()=>{var p;window.onresize=null,(p=window[Xe])==null||p.delete(o.value)}),n.expose(R),t.watch(()=>u.value,async(p,N)=>{if(W.value){ae.value=p,W.value=!1;return}if(!p&&e.beforeClosePopup&&typeof e.beforeClosePopup=="function"){try{const V=await e.beforeClosePopup();ae.value=!V,(!V||e.readonly)&&(u.value=!0)}catch(V){console.error("Error in beforeClosePopup:",V),ae.value=N,u.value=N}return}ae.value=p}),()=>{var p,N;return t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:o,class:L.value,id:e.id?e.id:void 0,style:A.value}),[t.createVNode("div",{id:e.id?`${e.id}-input-group`:void 0,class:m.value,style:M.value,onMouseenter:S,onMouseleave:j},[(N=(p=n.slots).precontent)==null?void 0:N.call(p),n.slots.content?n.slots.content():Y(),n.slots.content?null:k.value&&G()])]),ae.value&&se()])}}});we.withInstall(kt);function Mt(e,n){let o;function a(s){const{properties:T,title:c,ignore:f}=s,m=f&&Array.isArray(f),w=Object.keys(T).reduce((C,S)=>((!m||!f.find(j=>j===S))&&(C[S]=T[S].type==="object"&&T[S].properties?a(T[S]):qe.cloneDeep(T[S].default)),C),{});if(c&&(!m||!f.find(C=>C==="id"))){const C=c.toLowerCase().replace(/-/g,"_");w.id=`${C}_${Math.random().toString().slice(2,6)}`}return w}function l(s){const{properties:T,title:c,required:f}=s;if(f&&Array.isArray(f)){const m=f.reduce((w,C)=>(w[C]=T[C].type==="object"&&T[C].properties?a(T[C]):qe.cloneDeep(T[C].default),w),{});if(c&&f.find(w=>w==="id")){const w=c.toLowerCase().replace(/-/g,"_");m.id=`${w}_${Math.random().toString().slice(2,6)}`}return m}return{type:c}}function i(s,T={},c){const f=e[s];if(f){let m=l(f);const w=n[s];return m=w?w({getSchemaByType:i},m,T,c):m,o!=null&&o.appendIdentifyForNewControl&&o.appendIdentifyForNewControl(m),m}return null}function u(s,T){const c=a(T);return Object.keys(c).reduce((f,m)=>(Object.prototype.hasOwnProperty.call(s,m)&&(f[m]&&qe.isPlainObject(f[m])&&qe.isPlainObject(s[m]||!s[m])?Object.assign(f[m],s[m]||{}):f[m]=s[m]),f),c),c}function d(s,T){return Object.keys(s).filter(f=>s[f]!=null).reduce((f,m)=>{if(T.has(m)){const w=T.get(m);if(typeof w=="string")f[w]=s[m];else{const C=w(m,s[m],s);Object.assign(f,C)}}else f[m]=s[m];return f},{})}function y(s,T,c=new Map){const f=u(s,T);return d(f,c)}function v(s){var c;const T=s.type;if(T){const f=e[T];if(!f)return s;const m=u(s,f),w=((c=s.editor)==null?void 0:c.type)||"";if(w){const C=e[w],S=u(s.editor,C);m.editor=S}return m}return s}function h(s){o=s}return{getSchemaByType:i,resolveSchemaWithDefaultValue:v,resolveSchemaToProps:y,mappingSchemaToProps:d,setDesignerContext:h}}const yn={},vn={},{resolveSchemaWithDefaultValue:bn}=Mt(yn,vn);function Cn(e={}){function n(v,h,s,T){if(typeof s=="number")return T[v].length===s;if(typeof s=="object"){const c=Object.keys(s)[0],f=s[c];if(c==="not")return Number(T[v].length)!==Number(f);if(c==="moreThan")return Number(T[v].length)>=Number(f);if(c==="lessThan")return Number(T[v].length)<=Number(f)}return!1}function o(v,h,s,T){return T[v]&&T[v].propertyValue&&String(T[v].propertyValue.value)===String(s)}const a=new Map([["length",n],["getProperty",o]]);Object.keys(e).reduce((v,h)=>(v.set(h,e[h]),v),a);function l(v,h){const s=v;return typeof h=="number"?[{target:s,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:s,operator:"getProperty",param:v,value:!!h}]:typeof h=="object"?Object.keys(h).map(T=>{if(T==="length")return{target:s,operator:"length",param:null,value:h[T]};const c=T,f=h[T];return{target:s,operator:"getProperty",param:c,value:f}}):[]}function i(v){return Object.keys(v).reduce((s,T)=>{const c=l(T,v[T]);return s.push(...c),s},[])}function u(v,h){if(a.has(v.operator)){const s=a.get(v.operator);return s&&s(v.target,v.param,v.value,h)||!1}return!1}function d(v,h){return i(v).reduce((c,f)=>c&&u(f,h),!0)}function y(v,h){const s=Object.keys(v),T=s.includes("allOf"),c=s.includes("anyOf"),f=T||c,C=(f?v[f?T?"allOf":"anyOf":"allOf"]:[v]).map(j=>d(j,h));return T?!C.includes(!1):C.includes(!0)}return{parseValueSchema:y}}const xn={convertTo:(e,n,o,a)=>{e.appearance||(e.appearance={}),e.appearance[n]=o},convertFrom:(e,n,o)=>e.appearance?e.appearance[n]:e[n]},wn={convertFrom:(e,n,o)=>e.buttons&&e.buttons.length?`共 ${e.buttons.length} 项`:"无"},Tn={convertTo:(e,n,o,a)=>{e.editor&&(e.editor[n]=o)},convertFrom:(e,n,o)=>e.editor&&Object.prototype.hasOwnProperty.call(e.editor,n)?e.editor[n]:e[n]},Sn={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"drawer-toolbar-item":{type:"drawer-toolbar-item",name:"抽屉工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},"drawer-toolbar":{type:"drawer-toolbar",name:"抽屉工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},nav:{type:"nav",name:"标签类导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"},image:{type:"image",name:"图像"},avatar:{type:"avatar",name:"头像"},"discussion-editor":{type:"discussion-editor",name:"评论编辑区"},"discussion-list":{type:"discussion-list",name:"评论列表"},comment:{type:"comment",name:"评论区"},"approval-logs":{type:"approval-logs",name:"审批记录"},"rich-text-editor":{type:"rich-text-editor",name:"富文本",icon:"rich-text-box"},calendar:{type:"calendar",name:"日历",icon:"date-picker"},wizard:{type:"wizard",name:"向导",icon:"wizard"},"wizard-page":{type:"wizard-page",name:"向导页",icon:"wizard"},"wizard-page-detail":{type:"wizard-page-detail",name:"向导详情",icon:"wizard"},step:{type:"step",name:"步骤条",icon:"step"},"dynamic-form":{type:"dynamic-form",name:"动态表单"}},Nn={convertFrom:(e,n,o)=>{var l;const a=e.editor&&e.editor[n]?e.editor[n]:e[n];return((l=Sn[a])==null?void 0:l.name)||a}},Bn={convertTo:(e,n,o,a)=>{e[n]=e[n]},convertFrom:(e,n,o)=>e.editor?o.getRealEditorType(e.editor.type):""},Fn={convertTo:(e,n,o,a)=>{(e.type==="data-grid-column"||e.type==="tree-grid-column")&&(e.formatter?e.formatter[n]=o:e.formatter={[n]:o})},convertFrom:(e,n,o)=>{if(e.formatter){if(n==="trueText")return e.formatter.trueText;if(n==="falseText")return e.formatter.falseText;if(n==="prefix")return e.formatter.prefix;if(n==="suffix")return e.formatter.suffix;if(n==="precision")return e.formatter.precision;if(n==="decimal")return e.formatter.decimal;if(n==="thousand")return e.formatter.thousand;if(n==="dateFormat")return e.formatter.dateFormat||"yyyy-MM-dd";if(n==="customFormat")return e.formatter.customFormat;if(n==="type")return e.formatter.type||"none"}return"none"}},kn={convertTo:(e,n,o,a)=>{e.command?e.command[n]=o:e.command={[n]:o},n==="enableType"&&o==="default"&&(e.command.enable=!0,e.command.formatter="",e.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]),n==="enableType"&&o==="custom"&&(e.command.enable=!0,e.command.commands=[{value:"add",text:"增加",type:"link"},{value:"edit",text:"编辑",type:"link"},{value:"remove",text:"删除",type:"link"}]),n==="enableType"&&o==="unable"&&(e.command.enable=!1,e.command.formatter="")},convertFrom:(e,n,o)=>{var a,l;if(e.command){if(n==="enableType"){if(e.command.enableType)return e.command.enableType;const i=(l=(a=e.command)==null?void 0:a.commands)==null?void 0:l.find(u=>u.command==="edit"&&u.type==="primary");return e.command.enable?i?"default":"custom":"unable"}if(n==="commands")return e.command.enableType==="custom"?e.command.commands:[];if(n==="formatter")return e.command.formatter;if(n==="count")return e.command.count;if(n==="columnWidth")return e.command.columnWidth||200}return""}},Mn={convertTo:(e,n,o,a)=>{e.column?e.column[n]=o:e.column={[n]:o},n==="fitColumns"&&o&&(e.column.fitMode||(e.column.fitMode="average"))},convertFrom:(e,n,o)=>{if(e.column){if(n==="fitColumns")return e.column.fitColumns;if(n==="fitMode")return e.column.fitMode}return""}},On={convertTo:(e,n,o,a)=>{e.summary?e.summary[n]=o:e.summary={[n]:o},n==="enable"&&o&&(e.summary?e.summary.groupFields||(e.summary.groupFields=[]):e.summary={enable:o,groupFields:[]})},conver