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

package/components/binding-selector/index.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["binding-selector"]={}))})(this,function(e){"use strict";const t=[{field:"name",title:"名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],l=[{field:"name",title:"名称"},{field:"code",title:"编号"},{field:"displayTypeName",title:"变量类型"}],i=[{value:"Form",text:"绑定字段"},{value:"LocaleVariable",text:"绑定组件变量"},{value:"RemoteVariable",text:"绑定表单变量"}],d={disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},modelValue:{type:Object,default:null},bindingType:{type:Object,default:{enable:!0,value:"Form",textField:"text",valueField:"value"}},data:{type:Array,default:[]},idField:{type:String,default:"id"},title:{type:String,default:"字段选择器"},modalWidth:{type:Number,default:800},modalHeight:{type:Number,default:600},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},bindingData:{type:Array,default:[]},textField:{type:String,default:"code"},beforeOpenDialog:{type:Function,default:null},editorParams:{type:Object,default:null},onFieldSelected:{type:Function,default:null},showCustomFooter:{type:Boolean,default:!1}};e.bindingSelectorProps=d,e.bindingTypes=i,e.fieldColumns=t,e.variableColumns=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+(function(p,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../button-edit/index.umd.js"),require("../tree-grid/index.umd.js"),require("../radio-group/index.umd.js"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../locale/index.umd.js"),require("../property-panel/index.umd.js"),require("lodash-es"),require("../notify/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","../tree-grid/index.umd.js","../radio-group/index.umd.js","../common/index.umd.js","../dynamic-resolver/index.umd.js","../locale/index.umd.js","../property-panel/index.umd.js","lodash-es","../notify/index.umd.js"],t):(p=typeof globalThis<"u"?globalThis:p||self,t(p["binding-selector"]={},p.Vue,p.FButtonEdit,p.FTreeGrid,p.FRadioGroup,p.common,p.dynamicResolver,p.locale,p.propertyPanel,p.LodashES,p.notify))})(this,function(p,t,k,re,de,H,ce,Y,q,ee,ue){"use strict";var ge=Object.defineProperty;var he=(p,t,k)=>t in p?ge(p,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):p[t]=k;var D=(p,t,k)=>he(p,typeof t!="symbol"?t+"":t,k);const me={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/binding-selector.schema.json",title:"binding-selector",description:"字段绑定选择器",type:"object",properties:{disabled:{description:"",type:"boolean",default:!1},readonly:{description:"",type:"boolean",default:!1},bindingType:{description:"",type:"object",default:{}},idField:{description:"",type:"string",default:"id"},title:{description:"",type:"string",default:"字段选择器"},modalWidth:{description:"",type:"number",default:800},modalHeight:{description:"",type:"number",default:600},separator:{description:"",type:"string",default:","},bindingData:{description:"",type:"array",default:[]},textField:{description:"",type:"string",default:"code"},editorParams:{description:"",type:"object",default:{}}}},z=[{field:"name",title:"名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],J=[{field:"name",title:"名称"},{field:"code",title:"编号"},{field:"displayTypeName",title:"变量类型"}],te=[{value:"Form",text:"绑定字段"},{value:"LocaleVariable",text:"绑定组件变量"},{value:"RemoteVariable",text:"绑定表单变量"}],_={disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},modelValue:{type:Object,default:null},bindingType:{type:Object,default:{enable:!0,value:"Form",textField:"text",valueField:"value"}},data:{type:Array,default:[]},idField:{type:String,default:"id"},title:{type:String,default:"字段选择器"},modalWidth:{type:Number,default:800},modalHeight:{type:Number,default:600},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},bindingData:{type:Array,default:[]},textField:{type:String,default:"code"},beforeOpenDialog:{type:Function,default:null},editorParams:{type:Object,default:null},onFieldSelected:{type:Function,default:null},showCustomFooter:{type:Boolean,default:!1}},ne=ce.createPropsResolver(_,me),fe={showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},options:{type:Object},safeHtml:{type:Boolean,default:!0}},pe={showCloseButton:{type:Boolean,default:!0},animate:{type:String,default:"fadeIn"},options:{type:Object}},Q=t.defineComponent({name:"Toast",props:pe,emits:["close","click"],setup:(e,o)=>{const l=t.ref(e.animate),s="fadeOut",a=t.computed(()=>e.options),u=t.ref(!1),f=t.computed(()=>a.value.title&&a.value.message),m=t.computed(()=>!a.value.title&&a.value.message),N=t.computed(()=>{const h={animated:u.value,toast:!0,"toast--only-content":!f.value};return h[e.animate]=!1,h[s]=u.value,h["toasty-type-"+a.value.type]=!0,a.value.theme&&(h[a.value.theme]=!0),h}),b=t.computed(()=>{const T=`f-icon-${a.value&&a.value.type?a.value.type.replace("toasty-type-",""):"default"}`,M={"f-icon":!0};return M[T]=!0,M}),x=t.computed(()=>a.value.title||a.value.message),v=t.computed(()=>e.showCloseButton),V=t.computed(()=>!!a.value.buttons||!!o.slots.default),C=t.computed(()=>Y.LocaleService.getLocale()==="en"?{wordBreak:"keep-all",overflowWrap:"break-word"}:{});function w(h){h.stopPropagation(),h.preventDefault(),u.value=!1,setTimeout(()=>{o.emit("close",a.value)},200)}function $(h,B){}function R(h){return`f-preten-link ${h.customClass?h.customClass:""}`}t.watch(l,()=>{l.value});const E=()=>{var h;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"after-toast-msg text-right"},[!o.slots.default&&((h=a.value.buttons)==null?void 0:h.map(B=>t.createVNode("span",{class:R(B),onClick:T=>void 0},[B.text]))),o.slots.default&&o.slots.default()])])};return()=>t.createVNode("div",{class:N.value,style:"min-height:44px"},[v.value&&t.createVNode("button",{title:Y.LocaleService.getLocaleValue("messageBox.close"),class:"toast-close f-btn-icon f-bare",onClick:w},[t.createVNode("span",{class:"f-icon modal_close"},null)]),x.value&&t.createVNode("section",{class:"modal-tips"},[!f.value&&t.createVNode("div",{class:"float-left modal-tips-iconwrap"},[t.createVNode("span",{class:b.value},null)]),t.createVNode("div",{class:"modal-tips-content"},[f.value&&t.createVNode(t.Fragment,null,[t.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:a.value.title},null),t.createVNode("p",{class:"toast-msg",innerHTML:a.value.message,style:C.value},null),V.value&&E()]),m.value&&(a.value.buttons?t.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:C.value,innerHTML:a.value.message},null),t.createVNode("div",{class:"after-toast-title text-right ml-auto"},[E()])]):t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:C.value,innerHTML:a.value.message},null))])])])}}),A=t.defineComponent({name:"Notify",props:fe,emits:["close","empty"],setup(e,o){const l=t.computed(()=>({"farris-notify":!0})),s={left:12,right:12,top:20,bottom:12},a=t.ref(),u=t.ref(e.options),f=t.ref(e.showCloseButton),m=t.computed(()=>e.position||"bottom-right"),N=t.computed(()=>e.timeout!=null?e.timeout:3e3),b=t.computed(()=>{const V=e.bottom?e.bottom:s.bottom,C=e.top?e.top:s.top,w={transition:"all 0.2s ease",left:m.value.indexOf("left")>-1?`${e.left?e.left:s.left}px`:"",right:m.value.indexOf("right")>-1?`${e.right?e.right:s.right}px`:"",top:m.value.indexOf("top")>-1?`${C}px`:"",bottom:m.value.indexOf("bottom")>-1?`${V}px`:""};return m.value.indexOf("center")>-1&&(w.left="50%",w.marginLeft="calc(-24rem / 2)",m.value==="center-center"&&(w.top="50%",w.transform="translate(-50%, -50%)")),w});function x(V){o.emit("close")}N.value&&setTimeout(()=>{x()},N.value),o.expose({closeToast:x,container:a,notifyPosition:m});function v(V,C){x()}return()=>t.createVNode("div",{class:l.value,style:b.value,ref:a},[t.createVNode(Q,{options:u.value,showCloseButton:f.value,animate:e.animate,onClose:V=>v(V,u.value)},null)])}});class oe{constructor(){D(this,"notifyRefs",[]);D(this,"globalConfig",t.reactive({}))}escapeAllHtml(o){if(typeof o!="string"||!o)return"";const l=document.createElement("div");return l.textContent=o||"",l.innerHTML.replace(/\\n/g,"<br>").replace(/\\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g,"")}createNotifyInstance(o){const l=this,a=Object.assign({timeout:3e3,position:"bottom-right",showCloseButton:!0,safeHtml:!0},this.globalConfig,{...o}),u=document.createElement("div");u.style.display="contents";const f=t.createApp({setup(){var b;const m=t.ref();function N(){m.value.container.style.transform="scale(0)",setTimeout(()=>{l.updateNotifyPositionForClose(a,m),f.unmount()},220)}if(a.position.indexOf("top")>-1){const x=l.getNotifyInstances(a.position),v=x[x.length-1];if(v){const V=v.value.container.getBoundingClientRect();a.top=V.bottom}}return a.safeHtml&&((b=a.options)!=null&&b.message)&&(a.options.message=l.escapeAllHtml(a.options.message)),t.onUnmounted(()=>{document.body.removeChild(u)}),t.onMounted(()=>{l.updateNotifyPositionForCreate(a,m)}),()=>t.createVNode(t.Transition,{mode:"out-in",name:"fade",appear:!0},{default:()=>[t.createVNode(A,t.mergeProps({ref:m},a,{onClose:N}),null)]})}});return f.provide("NotifyService",this),document.body.appendChild(u),f.use(Y.LocaleService.i18n),f.mount(u),f}getNotifyInstances(o){return this.notifyRefs.filter(l=>l.value.notifyPosition===o)}updateNotifyPositionForCreate(o,l){if(this.notifyRefs&&this.notifyRefs.length){const s=window.innerHeight;o.position.indexOf("bottom")>-1&&this.getNotifyInstances(o.position).forEach(a=>{const u=a.value.container.getBoundingClientRect();a.value.container.style.bottom=u.height+s-u.bottom+"px"})}this.notifyRefs=[...this.notifyRefs,l]}updateNotifyPositionForClose(o,l){const s=this.notifyRefs.indexOf(l);if(o.position.indexOf("top")>-1){const a=this.getNotifyInstances(o.position),u=a.indexOf(l);a.slice(u+1).forEach(f=>{f.value.container.style.top=f.value.container.offsetTop-f.value.container.offsetHeight+"px"})}s>-1&&this.notifyRefs.splice(s,1)}show(o){return this.createNotifyInstance(o)}buildNotifyProps(o,l){let s="",a="",u,f,m;typeof l=="string"?s=l:l&&(s=l.message||"",a=l.title||"",f=l.position||null,m=l.showCloseButton!=null?l.showCloseButton:null,u=l.timeout!=null?l.timeout:null);const b={options:{type:o,message:s,title:a}};return f!=null&&(b.position=f),m!=null&&(b.showCloseButton=m),u!=null&&(b.timeout=u),b}info(o){const l=this.buildNotifyProps("info",o);return this.show(l)}success(o){const l=this.buildNotifyProps("success",o);return this.show(l)}warning(o){const l=this.buildNotifyProps("warning",o);return this.show(l)}error(o){const l=this.buildNotifyProps("error",o);return this.show(l)}close(o){o&&o.unmount()}closeAll(){this.notifyRefs.forEach(o=>{o==null||o.value.closeToast()}),this.notifyRefs.length=0}}const ye=Symbol("NOTIFY_SERVICE_TOKEN");A.install=e=>{e.component(A.name,A),e.component(Q.name,Q);const o=new oe;e.provide(ye,o),e.provide("FNotifyService",o)};function ie(e){const{designViewModelUtils:o,schemaService:l,formSchemaUtils:s,designerContext:a}=e.editorParams.designerHostService,{viewModelId:u}=e.editorParams;let f=[],m=[],N=[];const b=new oe;b.globalConfig={position:"top-center"};function x(i){switch(i){case"LocaleVariable":return m;case"RemoteVariable":return N;default:return f}}function v(){f=o.getAllFields2TreeByVMId(u)}function V(){const i=s.getViewModelById(u);if(i.parent){const d=s.getLocaleVariablesByViewModelId(i.parent);d&&d.length&&(d[0].data.name="根组件",m=m.concat(d))}const r=s.getLocaleVariablesByViewModelId(u);m=m.concat(r)}function C(){N=s.getRemoteVariables()}function w(i){var c,g,F,S;const r=ee.merge({},i.rawData,{groupId:null,groupName:null}),d=(c=e.editorParams.componentSchema)==null?void 0:c.binding,y=(g=e.editorParams.componentSchema)==null?void 0:g.label,n=o.getDgViewModel(u);if(d!=null&&d.field){const I=n.fields.find(O=>O.id===d.field);if(n.removeField([d.field]),I){const{groupId:O,groupName:L,editor:P}=I;ee.merge(r,{editor:P,groupId:O,groupName:L})}}n.addField(r),(S=(F=e.editorParams.componentSchema)==null?void 0:F.editor)!=null&&S.type&&n.changeField(r.id,{editor:r.editor}),y&&n.changeField(r.id,{name:y})}function $(i){var n;const r=(n=e.editorParams.componentSchema)==null?void 0:n.binding,d=o.getDgViewModel(u),y={type:"Variable",id:i.id,fieldName:i.code,groupId:"",groupName:""};if(r!=null&&r.field){const c=s.getViewModelById(u),g=c==null?void 0:c.fields.find(F=>F.id===(r==null?void 0:r.field));g&&(y.groupName=g.groupName,y.groupId=g.groupId),d.removeField([r==null?void 0:r.field])}s.addViewModelField(u,y)}function R(i,r){if(!e.editorParams.needSyncToViewModel||!e.editorParams.viewModelId||!e.editorParams.designerHostService)return;const d=e.editorParams.componentSchema.binding;d&&d.field===i.id||(r==="Form"?w(i):$(i))}function E(i){if(!e.editorParams.needSyncToViewModel||!e.editorParams.viewModelId||!e.editorParams.designerHostService)return;const r=e.editorParams.componentSchema.binding;if(!(!r||r.field===i.id)&&s.getExpressions().length){const{componentSchema:d}=e.editorParams,y=s.getExpressions().findIndex(n=>n.target===r.field);y>-1&&(s.getExpressions().splice(y,1),b.warning("切换绑定后，请重新配置表达式"),Object.keys(d).forEach(n=>{d[n]&&d[n].type==="Expression"&&(d[n].expressionId=""),d.editor&&Object.keys(d.editor).forEach(c=>{d.editor[c]&&d.editor[c].type==="Expression"&&(d.editor[c].expressionId="")})}))}}function h(i){var d;[H.FormSchemaEntityFieldTypeName.Number,H.FormSchemaEntityFieldTypeName.String,H.FormSchemaEntityFieldTypeName.Text].includes(i.type.name)&&((d=i.type)==null?void 0:d.length)&&e.editorParams.componentSchema.editor&&!Object.prototype.hasOwnProperty.call(e.editorParams.componentSchema.editor,"maxLength")&&(e.editorParams.componentSchema.editor.maxLength=i.type.length)}function B(i,r){if(e.editorParams.componentSchema){switch(e.editorParams.componentSchema.binding||(e.editorParams.componentSchema.binding={}),r){case"Form":{e.editorParams.componentSchema.binding.path=i.bindingField,e.editorParams.componentSchema.binding.field=i.id,e.editorParams.componentSchema.binding.fullPath=i.path;break}case"LocaleVariable":{e.editorParams.componentSchema.binding.path=i.viewModelId===u?i.code:"root-component."+i.code,e.editorParams.componentSchema.binding.field=i.id,e.editorParams.componentSchema.binding.fullPath=i.code;break}case"RemoteVariable":{e.editorParams.componentSchema.binding.path="root-component."+i.code,e.editorParams.componentSchema.binding.field=i.id,e.editorParams.componentSchema.binding.fullPath=i.code;break}}return e.editorParams.componentSchema.binding.type=r,e.editorParams.componentSchema.path=i.bindingPath,h(i),e.editorParams.componentSchema.binding}}function T(i){const r=i==null?void 0:i.field,d=new Set,y=s.getFormSchema().module,n=s.getViewModelById(u),c=y.components.find(S=>S.viewModel===u),g=s.checkComponentExistInDrawer(c.id);let F=c.componentType;return(F==="frame"||F==="table")&&(F="form"),y.viewmodels.forEach(S=>{if(!S.fields||S.fields.length===0)return;const I=y.components.find(P=>P.viewModel===S.id);let{componentType:O}=I;if((O==="frame"||O==="table")&&(O="form"),O!==F||S.bindTo!==n.bindTo)return;const L=s.checkComponentExistInDrawer(I.id);g&&L&&S.fields.forEach(P=>{P.id!==r&&d.add(P.id)}),!g&&!L&&S.fields.forEach(P=>{P.id!==r&&d.add(P.id)})}),d}function M(i){if(!i)return[];const r={},d=a&&a.schemaDOMMapping?a.schemaDOMMapping:q.SchemaDOMMapping,{fieldControlTypeMapping:y}=d;for(const n in y){const c=y[n];!c||!c.length||c.forEach(g=>{r[g.key]=r[g.key]||[],r[g.key].push(n)})}return r["language-textbox"]=["multiLanguage"],r[i]}function X(){v(),V(),C()}function W(i,r){if(i.multiLanguage)return{fieldType:"multiLanguage",fieldTypeName:"多语言"};const d=r===q.FormBindingType.Form?i.type.name:i.type,y=r===q.FormBindingType.Form?i.type.displayName:i.displayTypeName;return{fieldType:d,fieldTypeName:y}}function G(){var n;const i=(n=e.editorParams)==null?void 0:n.componentSchema,r=i==null?void 0:i.binding;if(!r)return{originalFieldType:"",isOriginalBindComplexField:!1};let d,y=!1;if(r.type===q.FormBindingType.Form){const c=l.getFieldByID(r.field);c&&(d=W(c,q.FormBindingType.Form).fieldType,c.$type===H.FormSchemaEntityField$Type.ComplexField&&(y=!0))}else{const c=s.getVariableById(r.field);c&&(d=c.type)}return{originalFieldType:d,isOriginalBindComplexField:y}}function Z(i,r){var P,ae,le,se;if(!(i!=null&&i.length))return b.warning({message:"请先选择数据"}),!1;const d=(P=e.editorParams)==null?void 0:P.componentSchema;if(!(d==null?void 0:d.binding))return!0;let n=!0;const{originalFieldType:c,isOriginalBindComplexField:g}=G(),F=i[0],{fieldType:S,fieldTypeName:I}=W(F,r),O="不可以切换成",L="类型字段，请重新选择！";if(g||!c){const K=M((se=(le=(ae=e.editorParams)==null?void 0:ae.componentSchema)==null?void 0:le.editor)==null?void 0:se.type);return K!=null&&K.length&&!K.includes(S)&&(b.warning(`${O}${I}${L}`),n=!1),n}return c&&c!==S?e.editorParams.canChangeFieldType?!0:(b.warning(`${O}${I}${L}`),!1):n}return{initTreeData:X,getTreeDataSource:x,updateViewModel:R,updateComponentSchema:B,resolveOccupiedFields:T,resolveFieldTypesByEditorType:M,checkFieldValiation:Z,clearExpresssionConfig:E,getOriginalFieldType:G}}const U=t.defineComponent({name:"FBindingSelectorContainer",props:_,emits:["selected","bindingTypeChange","cancel","submit","skip"],setup(e,o){var r,d,y;const l=t.ref(e.data),s=t.ref(((r=e.modelValue)==null?void 0:r.type)||"Form"),a=t.ref(e.bindingData),u=t.ref(),f=t.ref(),m=t.ref(),{getTreeDataSource:N,initTreeData:b,resolveOccupiedFields:x,resolveFieldTypesByEditorType:v,getOriginalFieldType:V}=ie(e),C=t.ref([]),{originalFieldType:w,isOriginalBindComplexField:$}=V();t.onBeforeMount(()=>{var n,c,g,F,S,I;b(),l.value=N(s.value),(n=e.editorParams)!=null&&n.disableOccupiedFields&&(f.value=x((g=(c=e.editorParams)==null?void 0:c.componentSchema)==null?void 0:g.binding)),m.value=v((I=(S=(F=e.editorParams)==null?void 0:F.componentSchema)==null?void 0:S.editor)==null?void 0:I.type),C.value=s.value==="Form"?z:J}),t.onMounted(()=>{var c,g,F;const n=(F=(g=(c=e.editorParams)==null?void 0:c.componentSchema)==null?void 0:g.binding)==null?void 0:F.field;n&&u.value.selectRowById(n)});const R={"f-utils-fill":!0,"m-2":(d=e.bindingType)==null?void 0:d.enable,"mx-2":!((y=e.bindingType)!=null&&y.enable),border:!0};function E(n){C.value=n==="Form"?z:J,u.value.updateColumns(C.value),l.value=N(n),u.value.updateDataSource(l.value),u.value.clearSelection(),a.value=[],o.emit("selected",[]),o.emit("bindingTypeChange",n)}function h(n){a.value=n,o.emit("selected",n)}function B(){return t.createVNode("div",{class:"px-3"},[t.createVNode(de,{name:"bindingType",textField:e.bindingType.textField||"text",valueField:e.bindingType.valueField||"value",data:te,modelValue:s.value,"onUpdate:modelValue":n=>s.value=n,onChangeValue:E},null)])}function T(n){var c;return n.raw.multiLanguage?"multiLanguage":s.value==="Form"?(c=n.raw.type)==null?void 0:c.name:n.raw.type}const M={customRowStatus:n=>{var g;if(n.raw.$type&&n.raw.$type!==H.FormSchemaEntityField$Type.SimpleField||f.value&&f.value.has(n.raw.id))return n.disabled=!0,n;const c=T(n);if($||!w){if(c&&((g=m.value)!=null&&g.length)&&!m.value.includes(c))return n.disabled=!0,n}else if(w&&w!==c)return n.disabled=!0,n;return n.disabled=!1,n}};function X(){return t.createVNode(re,{ref:u,fit:!0,data:l.value,idField:e.idField,columns:C.value,rowNumber:{enable:!1},columnOption:{fitColumns:!0},onSelectionChange:h,"row-option":M},null)}function W(){o.emit("cancel")}function G(){if(!a.value||!a.value.length){const n=new ue.FNotifyService;return n.globalConfig={position:"top-center"},n.warning({message:"请先选择数据"}),!1}return!0}function Z(){G()&&o.emit("submit",{selectedData:a.value[0],bindingType:s.value})}function i(){o.emit("skip")}return()=>t.createVNode("div",{class:"h-100 d-flex flex-column"},[e.bindingType.enable&&B(),t.createVNode("div",{class:R,style:"position:relative;border-radius:10px;"},[t.createTextVNode(" "),X()]),e.showCustomFooter?t.createVNode("div",{class:"modal-footer"},[t.createVNode("button",{type:"button",class:"btn btn-secondary",onClick:W},[t.createTextVNode("取消")]),t.createVNode("button",{type:"button",class:"btn btn-secondary",onClick:i},[t.createTextVNode("跳过绑定")]),t.createVNode("button",{type:"button",class:"btn btn-primary",onClick:Z},[t.createTextVNode("确定")])]):""])}}),j=t.defineComponent({name:"FBindingSelector",props:_,emits:["selected","bindingTypeChanged"],setup(e,o){var h,B;const l='<i class="f-icon f-icon-lookup"></i>',s=t.ref(e.bindingData),a=t.ref(e.data),u=t.ref(),f=t.ref(((h=e.modelValue)==null?void 0:h.type)||"Form"),m=t.ref((B=e.modelValue)==null?void 0:B.path),{updateViewModel:N,updateComponentSchema:b,checkFieldValiation:x,clearExpresssionConfig:v}=ie(e);function V(T){s.value=T}function C(T){f.value=T}function w(T){m.value=T.path}function $(){return t.createVNode(U,{ref:u,data:a.value,onSelected:V,modelValue:e.modelValue,idField:e.idField,bindingData:s.value,onBindingTypeChange:C,editorParams:e.editorParams,bindingType:e.bindingType,showCustomFooter:!1},null)}function R(){return!!x(s.value,f.value)}const E={title:e.title,fitContent:!1,height:e.modalHeight,width:e.modalWidth,buttons:[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:T=>(s.value=[],!0)},{name:"accept",text:"确定",class:"btn btn-primary",handle:T=>{if(!R())return!1;N(s.value[0],f.value),v(s.value[0]);const M=b(s.value[0],f.value);return w(M),e.onFieldSelected&&typeof e.onFieldSelected=="function"&&e.onFieldSelected(M,void 0,s.value[0]),!0}}],resizeable:!1,draggable:!0};return()=>t.createVNode(k,{modelValue:m.value,"onUpdate:modelValue":T=>m.value=T,editable:!1,disabled:e.disabled,readonly:e.readonly,inputType:"text",enableClear:!1,buttonContent:l,buttonBehavior:"Modal",modalOptions:E},{default:()=>[t.createVNode("div",{class:"h-100 d-flex flex-column"},[$()])]})}});j.install=e=>{e.component(j.name,j),e.component(U.name,U)},j.register=(e,o,l,s)=>{e["binding-selector"]=j,o["binding-selector"]=ne},p.BindingSelector=j,p.FBindingSelectorContainer=U,p.bindingSelectorProps=_,p.bindingTypes=te,p.default=j,p.fieldColumns=z,p.propsResolver=ne,p.variableColumns=J,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/button-edit/index.esm.js

@@ -1482,7 +1482,7 @@ function Tt(e, t, n) {
 const Et = /* @__PURE__ */ ie({
   name: "FButtonEdit",
   props: ut,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue"],
+  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue", "shown"],
   setup(e, t) {
     const n = o(), l = o(e.customClass), i = o(e.modelValue), s = xt(e, t, n, i), {
       shouldPopupContent: c,

package/components/button-edit/index.umd.cjs

@@ -1 +1 @@
-(function(H,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("../tags/index.umd.js"),require("lodash-es"),require("../popover/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js","../tags/index.umd.js","lodash-es","../popover/index.umd.js"],t):(H=typeof globalThis<"u"?globalThis:H||self,t(H["button-edit"]={},H.Vue,H.locale,H.common,null,H.FTags,H.LodashES,H.FPopover))})(this,function(H,t,q,J,at,de,fe,he){"use strict";var tt=Object.defineProperty;var nt=(H,t,q)=>t in H?tt(H,t,{enumerable:!0,configurable:!0,writable:!0,value:q}):H[t]=q;var $=(H,t,q)=>nt(H,typeof t!="symbol"?t+"":t,q);const ne={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},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},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}},me={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},ve=t.defineComponent({name:"FOverlay",props:me,emits:["click"],setup(e,n){const a=t.ref(e.popupContentPosition),l=t.ref(e.host),i=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function s(u){n.emit("click"),u.preventDefault(),u.stopPropagation()}t.computed(()=>{const u=l.value;if(u){const f=u.getBoundingClientRect(),{left:v,top:y,height:p}=f;return{left:v,top:y+p}}return a.value});const c=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var u,f;return[t.createVNode("div",{class:"overlay-container",onClick:v=>s(v),style:i.value},[t.createVNode("div",{style:c.value},[(f=(u=n.slots).default)==null?void 0:f.call(u)])])]}})}});function ge(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function ye(e){const n=document.createElement("div");n.style.display="contents";let a;const l=e.onClickCallback||(()=>{}),i=()=>{l(),a&&a.unmount()};return a=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const s=ge(e);return()=>t.createVNode(ve,{"popup-content-position":e.popupPosition,host:e.host,onClick:i,backgroundColor:e.backgroundColor},{default:()=>[s&&s()]})}}),document.body.appendChild(n),a.mount(n),a}class pe{static show(n){return ye(n)}}const be={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},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},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},host:{type:Object,default:"body"},isMessager:{type:Boolean,default:!1}};class R{constructor(n,a){this.x=n,this.y=a}static getTransformInfo(n){const l=window.getComputedStyle(n).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(l.length>=6){const i=parseInt(l[4],10),s=parseInt(l[5],10);return{x:i,y:s}}return{x:0,y:0}}static fromEvent(n,a=null){if(this.isMouseEvent(n))return new R(n.clientX,n.clientY);if(a===null||n.changedTouches.length===1)return new R(n.changedTouches[0].clientX,n.changedTouches[0].clientY);for(let l=0;l<n.changedTouches.length;l++)if(n.changedTouches[l].target===a)return new R(n.changedTouches[l].clientX,n.changedTouches[l].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 a=new R(0,0);if(window){const l=window.getComputedStyle(n);if(l){const i=parseInt(l.getPropertyValue("left"),10),s=parseInt(l.getPropertyValue("top"),10);a.x=isNaN(i)?0:i,a.y=isNaN(s)?0:s}return a}return null}static copy(n){return new R(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 K{constructor(n,a){this.width=n,this.height=a}static getCurrent(n){const a=new K(0,0);if(window){const l=window.getComputedStyle(n);return l&&(a.width=parseInt(l.getPropertyValue("width"),10),a.height=parseInt(l.getPropertyValue("height"),10)),a}return null}static copy(n){return new K(0,0).set(n)}set(n){return this.width=n.width,this.height=n.height,this}}function we(e,n){const a=t.ref(),l=t.ref(),i=t.ref(),s=t.ref(),c=t.ref(),u=t.ref(),f=t.ref(),v=t.ref(),y=t.ref(),p=t.ref(),M=t.ref(),b=t.ref(e.resizeable),g=t.ref(),x=t.ref(e.draggable),T=t.ref(!1);function O(){const r=l.value||document.body,h=window.getComputedStyle(r);if(!h||!a.value)return;const V=R.getTransformInfo(a.value),k={};f.value&&(k.deltaL=a.value.offsetLeft-f.value.x,k.deltaT=a.value.offsetTop-f.value.y);const j=h.getPropertyValue("position");k.width=r.clientWidth,k.height=r.clientHeight,k.pr=parseInt(h.getPropertyValue("padding-right"),10),k.pb=parseInt(h.getPropertyValue("padding-bottom"),10),k.position=h.getPropertyValue("position"),j==="static"&&(r.style.position="relative"),k.translateX=V.x,k.translateY=V.y,p.value=k}function P(r){if(a.value){s.value=K.getCurrent(a.value),c.value=R.getCurrent(a.value),u.value=s.value?K.copy(s.value):null,f.value=c.value?R.copy(c.value):null,O();const h=r.target.getAttribute("type")||"";v.value={n:!!h.match(/n/),s:!!h.match(/s/),w:!!h.match(/w/),e:!!h.match(/e/)}}}function S(){var r,h,V,k;if(a.value){const j=a.value;v.value&&((v.value.n||v.value.s)&&((r=u.value)!=null&&r.height)&&(j.style.height=u.value.height+"px"),(v.value.w||v.value.e)&&((h=u.value)!=null&&h.width)&&(j.style.width=u.value.width+"px"),f.value&&((V=f.value)!=null&&V.x&&(j.style.left=f.value.x+"px"),(k=f.value)!=null&&k.y&&(j.style.top=f.value.y+"px")))}}function D(){const r=e.minHeight?e.minHeight:1,h=e.minWidth?e.minWidth:1;u.value&&f.value&&v.value&&s.value&&(u.value.height<r&&(u.value.height=r,v.value.n&&c.value&&(f.value.y=c.value.y+(s.value.height-r))),u.value.width<h&&(u.value.width=h,v.value.w&&c.value&&(f.value.x=c.value.x+(s.value.width-h))),e.maxHeight&&u.value.height>e.maxHeight&&(u.value.height=e.maxHeight,c.value&&v.value.n&&(f.value.y=c.value.y+(s.value.height-e.maxHeight))),e.maxWidth&&u.value.width>e.maxWidth&&(u.value.width=e.maxWidth,v.value.w&&c.value&&(f.value.x=c.value.x+(s.value.width-e.maxWidth))))}function B(){if(l.value){const r=p.value;if(f.value&&u.value&&v.value&&s.value){const h=r.width-r.pr-r.deltaL-r.translateX-f.value.x,V=r.height-r.pb-r.deltaT-r.translateY-f.value.y;v.value.n&&f.value.y+r.translateY<0&&c.value&&(f.value.y=-r.translateY,u.value.height=s.value.height+c.value.y+r.translateY),v.value.w&&f.value.x+r.translateX<0&&c.value&&(f.value.x=-r.translateX,u.value.width=s.value.width+c.value.x+r.translateX),u.value.width>h&&(u.value.width=h),u.value.height>V&&(u.value.height=V)}}}function N(r){if(!i.value||!s.value||!c.value||!v.value)return;r.subtract(i.value);const h=r.x,V=r.y;v.value.n?(f.value.y=c.value.y+V,u.value.height=s.value.height-V):v.value.s&&(u.value.height=s.value.height+V),v.value.e?u.value.width=s.value.width+h:v.value.w&&(u.value.width=s.value.width-h,f.value.x=c.value.x+h),B(),D(),S()}function d(r){if(!y.value)return;const h=R.fromEvent(r);h&&N(h)}function w(){if(a.value){const{width:r,height:h,x:V,y:k}=a.value.getBoundingClientRect(),j=R.getTransformInfo(a.value);return{size:{width:r,height:h},position:{x:V-j.x,y:k-j.y}}}return null}function z(r){if(a.value){const h=w();M.value=h}i.value=void 0,s.value=null,c.value=null,u.value=null,f.value=null,v.value=null,y.value=null,document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",z)}function L(){document.addEventListener("mousemove",d),document.addEventListener("mouseup",z)}function m(r){r instanceof MouseEvent&&r.button===2||x.value&&(document.body.click(),r.stopPropagation(),r.preventDefault(),i.value=R.fromEvent(r),y.value=r.target,P(r),L())}function I(r){return a.value=r,b.value&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:h=>m(h)},null)])}function _(r=!0){document.body.click();const h=l.value||document.body,V=K.getCurrent(h),k=a.value;r&&k&&(g.value=w(),g.value.transform=k.style.transform),V&&k&&(u.value=V,u.value.height-=14,u.value.width-=14,k.style.height=u.value.height+"px",k.style.width=u.value.width+"px",k.style.left="7px",k.style.top="7px",k.style.transform="",M.value={size:u.value,position:{x:0,y:0}},x.value=!1,T.value=!0)}function U(){var r,h;if(document.body.click(),g.value){const V={width:g.value.size.width||0,height:g.value.size.height||0},k={x:(window.innerWidth-V.width)/2,y:(window.innerHeight-V.height)/2};(r=u.value)==null||r.set(V),(h=f.value)==null||h.set(k);const j=a.value;j.style.height=V.height+"px",j.style.width=V.width+"px",j.style.left=`${k.x}px`,j.style.top=`${k.y}px`,j.style.transform="",M.value={size:V,position:k},x.value=e.draggable,T.value=!1}}function G(){if(a.value){const r=K.getCurrent(a.value);if(r){const{width:h,height:V}=r;a.value.style.left=`${(window.innerWidth-h)/2}px`,a.value.style.top=`${(window.innerHeight-V)/2}px`,a.value.style.transform=""}}}function E(){const r=()=>{T.value?_(!1):G(),document.body.click()};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}}const F=E();return{renderResizeBar:I,boundingElement:l,resizedEventParam:M,maximize:_,restore:U,allowDrag:x,isMaximized:T,unWindowResizeHandle:F,moveToCenter:G}}function Ce(e,n,a){const l=t.ref(),i=t.ref(e.draggable),s=t.ref(e.lockAxis),c=t.ref(),u=t.ref(),f=t.ref(!1),v=t.ref(new R(0,0)),y=t.ref(new R(0,0)),p=t.ref(new R(0,0)),M=t.ref(new R(0,0));t.watch(()=>a.value,d=>{c.value.style.cursor=d?"move":"default"});function b(d,w){if(w.tagName==="BUTTON")return!1;if(w===d)return!0;for(const z in w.children)if(Object.prototype.hasOwnProperty.call(w.children,z)&&b(d,w.children[z]))return!0;return!1}function g(){var L,m;let d=p.value.x+y.value.x,w=p.value.y+y.value.y;s.value==="x"?(d=((L=v.value)==null?void 0:L.x)||0,p.value.x=0):s.value==="y"&&(w=((m=v.value)==null?void 0:m.y)||0,p.value.y=0);const z=`translate3d(${Math.round(d)}px, ${Math.round(w)}px, 0px)`;l.value&&(l.value.style.transform=z),M.value.x=d,M.value.y=w}function x(){if(!u.value||!l.value)return null;const d=u.value.getBoundingClientRect(),w=l.value.getBoundingClientRect(),z={top:d.top<w.top,right:d.right>w.right,bottom:d.bottom>w.bottom,left:d.left<w.left};return z.top||(p.value.y-=w.top-d.top),z.bottom||(p.value.y-=w.bottom-d.bottom),z.right||(p.value.x-=w.right-d.right),z.left||(p.value.x-=w.left-d.left),g(),z}function T(d){d&&(v.value&&d.subtract(v.value),p.value.set(d),g(),x())}function O(d){f.value&&i.value&&(d.stopPropagation(),d.preventDefault(),T(R.fromEvent(d,c.value)))}function P(){var d;f.value&&(f.value=!1,y.value.add(p.value),p.value.reset(),(d=l.value)==null||d.classList.remove("ng-dragging"),n.emit("stopMove"),document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",P))}function S(){!f.value&&c.value&&(f.value=!0,c.value.classList.add("ng-dragging"),document.addEventListener("mousemove",O),document.addEventListener("mouseup",P))}function D(){if(l.value){const d=R.getTransformInfo(l.value);y.value.set(d);return}y.value.reset()}function B(d){if(!a.value||d instanceof MouseEvent&&d.button===2)return;const w=d.target||d.srcElement;c.value!==void 0&&w&&!b(w,c.value)||i.value!==!1&&(document.body.click(),d.stopPropagation(),d.preventDefault(),v.value=R.fromEvent(d,l.value),D(),S())}function N(d,w,z){if(i.value&&w){if(d)c.value=d;else if(e.dragHandle){if(e.dragHandle instanceof HTMLElement)c.value=e.dragHandle;else if(typeof e.dragHandle=="string"){const L=w.querySelector(e.dragHandle);L&&(c.value=L)}}l.value=w,u.value=z,c.value?(c.value.classList.add("ng-draggable"),c.value.addEventListener("mousedown",B)):i.value=!1}}return{registerDraggle:N,resetTranslate:D}}function ae(e,n){if(e){const a=l=>{l.key.toLowerCase()===e.toLowerCase()&&n({event:l,key:e})};return document.addEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)}}}function xe(e,n){const a=t.ref(e.enableEsc);let l=null;return a.value?(l=ae("Escape",i=>{n.emit("esc",{event:i.event,type:"esc"})}),{remove:l}):null}function Be(e,n){const a=t.ref(e.enableEnter);let l=null;return a.value?(l=ae("Enter",i=>{n.emit("enter",{event:i.event,type:"enter"})}),{remove:l}):null}const Z=t.defineComponent({name:"FModal",props:be,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter","stopMove"],setup(e,n){const a=t.ref(e.width||300),l=t.ref(e.height||200),i=t.ref(e.modelValue),s=t.ref(""),c=t.ref(e.class),u=t.ref(e.fitContent),f=t.ref(e.showHeader),v=t.ref(""),y=t.ref(e.showCloseButton),p=t.ref(e.showMaxButton),M=t.ref(!1),b=t.ref(e.dialogType),g=t.ref(e.src),x=t.ref(""),T=t.ref(e.showButtons),O=t.ref(e.title),P=t.ref(e.containment||null),S=t.ref();O.value==="错误提示"&&(O.value=q.LocaleService.getLocaleValue("messageBox.errorTitle"));const D=t.ref(!1);function B(o,C){const A=C?"accept":"cancel";Promise.resolve().then(()=>{var W;return(W=e.beforeClose)==null?void 0:W.call(e,{closeType:A})}).then(W=>{W&&(i.value=!1,n.emit("update:modelValue",!1),C!=null&&n.emit(C?"accept":"cancel"),n.emit("closed",o))})}const N=[{name:"cancel",text:q.LocaleService.getLocaleValue("messageBox.cancel")||"取消",class:"btn btn-secondary",handle:o=>{B(o,!1)}},{name:"accept",text:q.LocaleService.getLocaleValue("messageBox.ok")||"确定",class:"btn btn-primary",handle:o=>{B(o,!0)}}],d=t.ref(e.buttons&&e.buttons.length?e.buttons:N),w=t.computed(()=>!!v.value),z=t.computed(()=>!!T.value&&!!d.value),L=t.ref(),m=t.ref(),I=t.ref(!1),{renderResizeBar:_,maximize:U,restore:G,boundingElement:E,resizedEventParam:F,allowDrag:r,unWindowResizeHandle:h,moveToCenter:V}=we(e),{registerDraggle:k}=Ce(e,n,r);function j(){return!!document.querySelectorAll(".farris-modal").length&&document.body.classList.contains("modal-open")}function He(){const o=document.querySelectorAll(".farris-modal").length;(!o||o-1<=0)&&document.body.classList.remove("modal-open"),S.value&&S.value.classList.remove("show")}t.watch(()=>e.title,(o,C)=>{o!==C&&(O.value=o)}),t.watch(()=>e.modelValue,(o,C)=>{o!==C&&(i.value=o,i.value&&e.draggable&&t.nextTick(()=>{m.value&&!P.value&&(P.value=m.value.parentElement,E.value=P.value,k(L.value,m.value,E.value),V())}),o||(P.value&&(P.value=null),He())),i.value?D.value=j():(I.value=!1,r.value=e.draggable)}),t.watch(()=>e.showHeader,(o,C)=>{o!==C&&(f.value=o)}),t.watch(()=>e.showButtons,(o,C)=>{o!==C&&(T.value=o)}),t.watch(()=>F.value,(o,C)=>{const A=o||{},W=C||{};JSON.stringify(A)!==JSON.stringify(W)&&n.emit("resize",{newSize:o,oldSize:C,isMaximized:I.value})}),t.watch([()=>e.width,()=>e.height],(o,C)=>{(o[0]!==C[0]||o[1]!==C[1])&&(a.value=o[0]||500,l.value=o[1]||600)}),t.watch(()=>e.class,(o,C)=>{c.value=o});const Q=t.computed(()=>(i.value&&document.body.classList.add("modal-open"),i.value)),Re=t.computed(()=>{var A;const o={modal:!0,"farris-modal":!0,fade:!0};o["f-modal-fitContent"]=!!u.value,o.show=!!Q.value;const C=(A=e.maskClass)==null?void 0:A.split(" ");return C==null||C.reduce((W,X)=>(W[X]=!0,W),o),o}),je=t.computed(()=>{var A;const o={"modal-dialog":!0},C=(A=c.value)==null?void 0:A.split(" ");return C==null||C.reduce((W,X)=>(W[X]=!0,W),o),o}),se=()=>J.isMobilePhone()&&!e.isMessager,Le=t.computed(()=>{const o=document.documentElement.clientWidth,C=document.documentElement.clientHeight,A=Math.min(a.value,o),W=u.value?"auto":`${Math.min(l.value,C-10)}px`,X={position:"absolute",top:`${(window.innerHeight-parseInt(W==="auto"?"0":W))/2}px`,left:`${(window.innerWidth-A)/2}px`,width:`${A}px`,height:W};return se()&&(X.top="0px",X.left="0px",X.width=`${window.innerWidth}px`,X.height=`${window.innerHeight}px`),e.mask||(X.pointerEvents="auto"),X}),re=t.ref(J.getMaxZIndex()||1050),Fe=t.computed(()=>{const o={display:"block",overflow:"hidden"};return e.mask||(o.pointerEvents="none",o.backgroundColor="transparent"),D.value&&(o.backgroundColor="transparent"),o.zIndex=re.value,o}),We=t.computed(()=>({"modal-content":!0,"modal-content-has-header":f.value,"is-mobile":se()})),De=t.computed(()=>{const o={display:f.value?"":"none"};return o["pointer-events"]=r.value?"auto":"none",o}),Ae=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:I.value})),Ue=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":b.value==="iframe","f-utils-fill":!0}));function Xe(){return{height:`${e.footerHeight||60}px`}}const qe=t.computed(()=>{const o={textAlgin:x.value},C=Xe();return Object.assign(o,C)});function ce(o){if(o==null||o.stopPropagation(),I.value){I.value=!1,G();return}U(),I.value=!0}async function Ke(o,C){o.handle&&await o.handle(C,o)&&n.emit("closed",C)}function Ye(o){o.width&&(a.value=o.width),o.height&&(l.value=o.height),o.buttons&&(d.value=o.buttons),o.title&&(O.value=o.title)}let ee=null,te=null;t.onBeforeMount(()=>{D.value=j()}),t.onMounted(()=>{m.value&&!P.value&&(P.value=m.value.parentElement,E.value=P.value,k(L.value,m.value,E.value)),Q.value&&document.body.classList.add("modal-open"),ee=xe(e,n),te=Be(e,n)}),t.onUnmounted(()=>{h&&h(),ee&&ee.remove(),te&&te.remove()}),n.expose({modalElementRef:m,updateModalOptions:Ye,close:B,maxDialog:ce,isMaximized:I});function Ge(){return t.createVNode("ul",null,[M.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),p.value&&t.createVNode("li",{onClick:ce,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[t.createVNode("span",{class:Ae.value},null)]),y.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:o=>B(o,!1),style:"pointer-events: auto;"},[t.createVNode("span",{class:"f-icon modal_close"},null)])])}function $e(){return t.createVNode("div",{class:"modal-footer",style:qe.value},[d.value&&d.value.map(o=>{const C=t.ref(o.disabled);return t.createVNode("button",{name:o.name,type:"button",disabled:C.value,class:o.class+(o.iconClass?" btn-icontext":""),onClick:A=>{Ke(o,A)}},[!!o.iconClass&&t.createVNode("i",{class:o.iconClass},null),o.text])})])}function _e(){return t.createVNode("div",{ref:L,class:"modal-header",style:De.value},[n.slots.headerTemplate?n.slots.headerTemplate():t.createVNode("div",{class:"modal-title"},[w.value&&t.createVNode("span",{class:v.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[O.value])]),t.createVNode("div",{class:"actions"},[Ge()])])}function Je(){return n.slots.footerTemplate?n.slots.footerTemplate():z.value&&$e()}function Ze(o){if(o.stopPropagation(),e.allowClickMaskToClose){if(o.target!==S.value)return;B(o,!1)}}function Qe(){var o,C;return t.createVNode("div",{id:s.value,class:je.value,style:Le.value,ref:m},[t.createVNode("div",{class:We.value},[f.value&&_e(),t.createVNode("div",{class:Ue.value},[(C=(o=n.slots).default)==null?void 0:C.call(o),b.value==="iframe"&&t.createVNode("iframe",{title:s.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:g.value},null)]),Je()]),!u.value&&m.value&&!I.value&&_(m.value)])}function et(o){return o||"body"}return t.watchEffect(()=>{Q.value&&(re.value=J.getMaxZIndex()||1050)}),()=>t.createVNode(t.Teleport,{to:et(e.host)},{default:()=>[Q.value&&t.createVNode(t.Transition,{name:"fade",appear:!0},{default:()=>[t.createVNode("div",{ref:S,class:Re.value,style:Fe.value,onClick:Ze},[Qe()])]})]})}});function le(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function Me(e){const n=document.createElement("div");n.style.display="contents";const a=t.createApp({setup(l,i){t.onUnmounted(()=>{document.body.removeChild(n)});const s=t.ref(),c=t.ref(e.class||""),u=t.ref(!!e.showButtons),f=t.ref(!!e.showHeader),v=t.ref(e.showCloseButton==null?!0:e.showCloseButton),y=t.ref(!0),p=t.ref(e.title||""),M=e.acceptCallback||(()=>{}),b=e.rejectCallback||(()=>{}),g=e.closedCallback||(S=>{}),x=e.resizeHandle||(S=>{}),T=e.stopMoveHandle||(S=>{}),O=le(e),P=S=>{y.value=!1,a.unmount(),g(S)};return t.onMounted(()=>{}),i.expose({modalRef:s}),()=>t.createVNode(Z,{ref:s,class:c.value,modelValue:y.value,"onUpdate:modelValue":S=>y.value=S,title:p.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":f.value,"show-buttons":u.value,"show-close-button":v.value,"show-max-button":!1,onAccept:M,onCancel:b,fitContent:e.fitContent==null?!0:e.fitContent,onClosed:P,onResize:x,onStopMove:T},{default:()=>[O&&O(a)]})}});return document.body.appendChild(n),a.use(q.LocaleService.i18n),a.mount(n),a}class ke{constructor(n){$(this,"appContext",null);$(this,"modalRef",t.ref());$(this,"activeModalIndex",t.ref(0));$(this,"modalRefs",{});$(this,"isUseEscCloseModal",t.ref(!1));$(this,"activeModalInstance",t.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=n,this.appContext=n?n._context:null}getCurrentModal(){return this.activeModalInstance.value}adaptToWindow(n,a){const{width:l,height:i}={width:window.innerWidth,height:window.innerHeight};return l<n&&(n=l-14),i<a&&(a=i-14),{width:n,height:a}}static show(n){const a=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return Me(a)}close(n){var a,l;n?(l=n.value)==null||l.close():(a=this.getCurrentModal())==null||a.close()}open(n){const a=document.createDocumentFragment();n.showMaxButton&&n.fitContent&&(n.showMaxButton=!1);const l=t.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},n)),i=t.ref(!0),s=l.value.acceptCallback||(()=>{}),c=l.value.rejectCallback||(()=>{}),u=l.value.closedCallback||((B,N)=>{}),f=l.value.resizeHandle||(B=>{}),v=n.stopMoveHandle||(B=>{});let y;const p=le(l.value),M=B=>{var d;i.value=!1;const N=(d=B==null?void 0:B.target)==null?void 0:d.classList.contains("modal_close");u(B,this.isUseEscCloseModal.value?"esc":N?"icon":"button")},b=B=>{M(B),y&&t.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],t.render(null,a),y=null,this.modalRef.value=null,this.modalRefs){const N=Object.keys(this.modalRefs).map(d=>Number(d));N.length>0?this.activeModalIndex.value=Math.max(...N):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},g=B=>{var N;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((N=this.activeModalInstance.value)==null||N.close(B==null?void 0:B.event))},{width:x,height:T}=l.value,O=this.adaptToWindow(x||500,T||320);Object.assign(l.value,O);const P=()=>t.createVNode(Z,t.mergeProps({ref:this.modalRef,modelValue:i.value,"onUpdate:modelValue":B=>i.value=B},l.value,{isMessager:l.value.class&&l.value.class.indexOf("modal-message")>-1,onAccept:s,onCancel:c,onClosed:b,onResize:f,onEsc:g,onStopMove:v}),{default:()=>[p&&p(this.app)]});return y=(B=>{const N=t.h(P,B);return N.appContext=this.appContext,t.render(N,a),N})({...l.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:B=>{l.value={...l.value,...B},y&&t.render(t.cloneVNode(y,{...l}),a)},destroy:b,modalRef:this.activeModalInstance,close:()=>this.close()}}}const oe=Symbol("FModalService");Z.install=e=>{e.component(Z.name,Z);const n=new ke(e);e.provide(oe,n),e.provide("FModalService",n)};function ue(e,n){function a(){const l=e.beforeOpen||e.beforeClickButton||null;let i=Promise.resolve(!0);if(l){const s=l(n.value);if(typeof s>"u")return i;typeof s=="boolean"?i=Promise.resolve(s):i=s}return i}return{judgeCanOpen:a}}function Te(e,n,a,l,i){const s=t.ref(e.buttonBehavior),c=t.ref(e.popupOnInput),u=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:f}=ue(e,i),v=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),y=t.inject(oe,null),p=t.ref();async function M(x){if(await f()&&v.value){const T=!!n.slots.default;if(s.value==="Modal"){const O=e.modalOptions,P=y==null?void 0:y.open({...O,render:()=>n.slots.default&&n.slots.default()});p.value=P==null?void 0:P.modalRef}s.value==="Overlay"&&pe.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),T&&s.value==="Popup"&&l.togglePopup(!0),T&&c.value&&l.hidePopup(),n.emit("clickButton",{origin:x,value:e.modelValue})}}function b(x){n.emit("mouseEnterIcon",x)}function g(x){n.emit("mouseLeaveIcon",x)}return{buttonGroupClass:u,onClickButton:M,onMouseEnterButton:b,onMouseLeaveButton:g,modalRef:p}}function Ee(e,n,a,l,i,s){const c=t.ref(!1),u=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:f,hasClearClass:v}=s;function y(g){c.value=g,v.value=g}t.watch(i,()=>{y(!!i.value)});function p(g){const x=!e.readonly&&!e.disable&&e.editable,T=!e.editable;g.stopPropagation(),(x||T)&&(f(""),i.value="",y(!c.value),n.emit("clear"))}function M(g){if(u.value){if(!a.value){y(!1);return}!e.disable&&!e.readonly&&y(!0)}}function b(g){u.value&&y(!1)}return{enableClearButton:u,showClearButton:c,onClearValue:p,onMouseEnterTextBox:M,onMouseLeaveTextBox:b}}function Ve(e,n,a,l,i){const s=t.computed(()=>e.popupOnInput),c=t.computed(()=>e.popupOnFocus),{shouldPopupContent:u,closeAllPopover:f}=i,v=t.ref(!1),y=t.computed(()=>e.enableTitle?a.value:""),p=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),M=t.computed(()=>e.readonly||!e.editable),b=t.ref(!1),g=t.computed(()=>!e.disable&&b.value),x=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0})),T=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":g.value,"input-group--has-clear":e.enableClear&&v.value}));function O(m,I=!0){a.value=m,I&&(n.emit("change",m),n.emit("update:modelValue",m))}function P(m){u.value=!1,O(m,!0)}t.watch(()=>e.modelValue,m=>{a.value=m});function S(m){b.value=!1,n.emit("blur",m),m.stopPropagation()}function D(m){n.emit("click",m),f(),n.slots.default&&!e.disable&&!e.readonly&&e.popupOnClick&&i.togglePopup()}function B(m){!e.disable&&!e.readonly&&(b.value=!0,M.value||(n.emit("focus",m),c.value&&!u.value&&i.popup()))}function N(m){n.emit("input",m);const I=m.target.value;l.value=I,a.value!==I&&O(I,e.updateOn==="change"),s.value&&!u.value&&i.popup()}function d(m){m.target.tagName!=="INPUT"&&m.preventDefault(),m.stopPropagation()}function w(m){n.emit("keydown",m)}function z(m){m.key==="Enter"&&(s.value||c.value)&&i.hidePopup(),n.emit("keyup",m)}function L(m){const I=m.target.value;m.stopPropagation(),O(I)}return{hasFocusedTextBox:g,isTextBoxReadonly:M,textBoxClass:x,textBoxPlaceholder:p,textBoxTitle:y,inputGroupClass:T,hasClearClass:v,changeTextBoxValue:O,commitValue:P,onBlurTextBox:S,onClickTextBox:D,onFocusTextBox:B,onInput:N,onKeyDownTextBox:w,onKeyUpTextBox:z,onMouseDownTextBox:d,onTextBoxValueChange:L}}const Y="FarrisVue_PopoverInstancesKey";function Oe(e,n,a,l){const i=t.ref(),s=t.ref(!1),{judgeCanOpen:c}=ue(e,l);t.watch(()=>i.value,(b,g)=>{window[Y]=window[Y]||new WeakMap,b?window[Y].set(a.value,b):window[Y].delete(a.value)});function u(){if(window[Y]){const b=window[Y];document.querySelectorAll(".f-button-edit,.v-popover").forEach(g=>{const x=b.get(g);x&&g!==a.value&&!a.value.closest(".popover-fitcontent")&&x.hide()})}}function f(){const b=i.value;b&&b.show(a.value)}async function v(b=!1){if(!!n.slots.default){if(!b&&!s.value&&!await c())return;s.value=!s.value,s.value&&(await t.nextTick(),f())}}async function y(b=!1){if(!!n.slots.default){if(!b&&!await c())return;s.value=!0,await t.nextTick(),f()}}function p(){s.value=!1}function M(){s.value=!0,t.nextTick(()=>{f()})}return{hidePopup:p,showPopup:M,popup:y,shouldPopupContent:s,togglePopup:v,popoverRef:i,closeAllPopover:u}}function Pe(e,n,a){const l=t.ref(),{isTextBoxReadonly:i,textBoxClass:s,textBoxPlaceholder:c,textBoxTitle:u,onBlurTextBox:f,onClickTextBox:v,onFocusTextBox:y,onInput:p,onKeyDownTextBox:M,onKeyUpTextBox:b,onMouseDownTextBox:g,onTextBoxValueChange:x}=a,T=t.ref(e.id),{uuid:O}=J.useGuid(),P=t.computed(()=>({}));t.onMounted(()=>{var d,w;e.selectOnCreated&&((d=l.value)==null||d.select()),e.focusOnCreated&&((w=l.value)==null||w.focus({preventScroll:!0})),T.value||(T.value="button-edit_"+O(8)),T.value=T.value+"-textbox"});const S=t.ref(!1),D=d=>{d.preventDefault(),S.value=!0},B=d=>{d.preventDefault(),S.value=!1,p(d)};function N(d){S.value||p(d)}return()=>t.createVNode("input",{id:e.id?e.id+"-textbox":void 0,ref:l,name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:s.value,style:P.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:c.value,readonly:i.value,tabindex:e.tabIndex,title:u.value,type:e.inputType,value:n.value,onBlur:f,onChange:x,onClick:v,onFocus:y,onInput:N,onKeydown:M,onKeyup:b,onMousedown:g,onCompositionend:B,onCompositionstart:D},null)}function Se(e,n,a){const l=t.ref(e.separator),i=t.computed(()=>e.readonly||e.disable),{changeTextBoxValue:s,onFocusTextBox:c,onBlurTextBox:u,onClickTextBox:f,textBoxPlaceholder:v}=a,y=t.computed(()=>n.value?n.value.split(l.value).map(g=>({name:g,selectable:!0})):[]);function p(g){s(g.map(x=>x.name).join(l.value),!0)}t.watch(()=>e.separator,g=>{l.value=g});const M=t.ref(!e.disable&&!e.readonly);t.watch([()=>e.disable,()=>e.readonly],([g,x],[T,O])=>{M.value=!g&&!x});function b(g){f(g)}return()=>t.createVNode(de,{tabindex:e.tabIndex,onFocus:c,onBlur:u,id:`${e.id}-tag-editor`,class:"form-control",placeholder:v.value,data:y.value,showClose:!i.value,showInput:!0,disable:i.value,onChange:p,onClick:b},null)}function Ne(e,n,a,l){const{buttonGroupClass:i,onClickButton:s,onMouseEnterButton:c,onMouseLeaveButton:u}=a,{enableClearButton:f,showClearButton:v,onClearValue:y}=l,p=t.ref(),M=fe.debounce(g=>{s(g)},e.buttonBehavior==="Modal"?0:200),b=()=>{n.emit("beforeClearValue")};return{renderButtonGroup:()=>t.createVNode("div",{id:e.id?`${e.id}-button-group`:void 0,class:i.value},[f.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:y,onMousedown:b},[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:M,onMouseenter:c,onMouseleave:u},[n.slots.buttonContent()]):e.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:p,onClick:g=>M(g),onMouseenter:c,onMouseleave:u},null):null]),buttonHandleElement:p}}function ze(e,n,a){const l=t.ref(e.popupMinWidth),{hidePopup:i,popoverRef:s}=a,c=()=>{n.emit("shown")};return()=>t.createVNode(he,{id:`${e.id}-popover`,ref:s,placement:e.placement,host:e.popupHost,"keep-width-with-reference":e.keepWidthWithReference,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:l.value,class:e.popupClass,offsetX:e.popupOffsetX,onHidden:i,onShown:c,beforeClose:e.beforeClosePopup,limitContentBySpace:e.limitContentBySpace},{default:()=>{var u,f;return[(f=(u=n.slots).default)==null?void 0:f.call(u)]}})}const ie=t.defineComponent({name:"FButtonEdit",props:ne,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue","beforeClearValue"],setup(e,n){const a=t.ref(),l=t.ref(e.customClass),i=t.ref(e.modelValue),s=Oe(e,n,a,i),{shouldPopupContent:c,hidePopup:u,showPopup:f,togglePopup:v}=s,y=Te(e,n,a,s,i),p=t.ref(""),M=Ve(e,n,i,p,s),{hasFocusedTextBox:b,commitValue:g,inputGroupClass:x}=M,T=Ee(e,n,i,b,p,M),{onMouseEnterTextBox:O,onMouseLeaveTextBox:P}=T,S=t.ref(!1),D=t.computed(()=>{const E={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return l.value&&l.value.split(" ").reduce((F,r)=>(F[r]=!0,F),E),E}),B=t.computed(()=>({overflow:e.wrapText?"hidden":""})),N=t.computed(()=>({}));function d(){if(!e.multiSelect||e.inputType!=="tag"||!a.value)return 0;let E=0;const F=Array.from(a.value.querySelectorAll(".farris-tag-item"));return F&&F.length&&(E=F.map(r=>r.offsetTop).filter(r=>r>20).length),E}const w=t.ref(d());t.onUpdated(()=>{w.value=d()});function z(){return e.multiSelect&&e.inputType==="tag"?()=>t.createVNode(t.Fragment,null,[Se(e,i,M)(),!!w.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("+"),w.value])])]):Pe(e,i,M)}let L=z();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{L=z()});const{renderButtonGroup:m,buttonHandleElement:I}=Ne(e,n,y,T),_=ze(e,n,s),U=t.ref(c.value),G={displayText:p,commitValue:g,elementRef:a,hidePopup:u,showPopup:f,popoverRef:s.popoverRef,shouldPopupContent:c,togglePopup:v,openDialog:()=>{I.value&&e.buttonBehavior==="Modal"&&I.value.click()},getModal:()=>{var E;return e.buttonBehavior==="Modal"?(E=y.modalRef.value)==null?void 0:E.value:null},getTextbox:()=>{var E;return(E=a.value)==null?void 0:E.querySelector("input")},forceClosePopup:()=>{U.value=!1,S.value=!0,c.value=!1}};return t.onMounted(()=>{a.value.componentInstance=G,window.onresize=()=>{document.body.click()}}),t.onBeforeUnmount(()=>{var E;window.onresize=null,(E=window[Y])==null||E.delete(a.value)}),n.expose(G),t.watch(()=>c.value,async(E,F)=>{if(S.value){U.value=E,S.value=!1;return}if(!E&&e.beforeClosePopup&&typeof e.beforeClosePopup=="function"){try{const r=await e.beforeClosePopup();U.value=!r,(!r||e.readonly)&&(c.value=!0)}catch(r){console.error("Error in beforeClosePopup:",r),U.value=F,c.value=F}return}U.value=E}),()=>{var E,F;return t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:a,class:D.value,id:e.id?e.id:void 0,style:B.value}),[t.createVNode("div",{id:e.id?`${e.id}-input-group`:void 0,class:x.value,style:N.value,onMouseenter:O,onMouseleave:P},[(F=(E=n.slots).precontent)==null?void 0:F.call(E),L(),m()])]),U.value&&_()])}}}),Ie=J.withInstall(ie);H.FButtonEdit=ie,H.buttonEditProps=ne,H.default=Ie,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(H,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("../tags/index.umd.js"),require("lodash-es"),require("../popover/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js","../tags/index.umd.js","lodash-es","../popover/index.umd.js"],t):(H=typeof globalThis<"u"?globalThis:H||self,t(H["button-edit"]={},H.Vue,H.locale,H.common,null,H.FTags,H.LodashES,H.FPopover))})(this,function(H,t,q,J,at,de,fe,he){"use strict";var tt=Object.defineProperty;var nt=(H,t,q)=>t in H?tt(H,t,{enumerable:!0,configurable:!0,writable:!0,value:q}):H[t]=q;var $=(H,t,q)=>nt(H,typeof t!="symbol"?t+"":t,q);const ne={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},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},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}},me={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},ve=t.defineComponent({name:"FOverlay",props:me,emits:["click"],setup(e,n){const a=t.ref(e.popupContentPosition),l=t.ref(e.host),i=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function s(u){n.emit("click"),u.preventDefault(),u.stopPropagation()}t.computed(()=>{const u=l.value;if(u){const f=u.getBoundingClientRect(),{left:v,top:y,height:p}=f;return{left:v,top:y+p}}return a.value});const c=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var u,f;return[t.createVNode("div",{class:"overlay-container",onClick:v=>s(v),style:i.value},[t.createVNode("div",{style:c.value},[(f=(u=n.slots).default)==null?void 0:f.call(u)])])]}})}});function ge(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function ye(e){const n=document.createElement("div");n.style.display="contents";let a;const l=e.onClickCallback||(()=>{}),i=()=>{l(),a&&a.unmount()};return a=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const s=ge(e);return()=>t.createVNode(ve,{"popup-content-position":e.popupPosition,host:e.host,onClick:i,backgroundColor:e.backgroundColor},{default:()=>[s&&s()]})}}),document.body.appendChild(n),a.mount(n),a}class pe{static show(n){return ye(n)}}const be={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},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},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},host:{type:Object,default:"body"},isMessager:{type:Boolean,default:!1}};class R{constructor(n,a){this.x=n,this.y=a}static getTransformInfo(n){const l=window.getComputedStyle(n).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(l.length>=6){const i=parseInt(l[4],10),s=parseInt(l[5],10);return{x:i,y:s}}return{x:0,y:0}}static fromEvent(n,a=null){if(this.isMouseEvent(n))return new R(n.clientX,n.clientY);if(a===null||n.changedTouches.length===1)return new R(n.changedTouches[0].clientX,n.changedTouches[0].clientY);for(let l=0;l<n.changedTouches.length;l++)if(n.changedTouches[l].target===a)return new R(n.changedTouches[l].clientX,n.changedTouches[l].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 a=new R(0,0);if(window){const l=window.getComputedStyle(n);if(l){const i=parseInt(l.getPropertyValue("left"),10),s=parseInt(l.getPropertyValue("top"),10);a.x=isNaN(i)?0:i,a.y=isNaN(s)?0:s}return a}return null}static copy(n){return new R(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 K{constructor(n,a){this.width=n,this.height=a}static getCurrent(n){const a=new K(0,0);if(window){const l=window.getComputedStyle(n);return l&&(a.width=parseInt(l.getPropertyValue("width"),10),a.height=parseInt(l.getPropertyValue("height"),10)),a}return null}static copy(n){return new K(0,0).set(n)}set(n){return this.width=n.width,this.height=n.height,this}}function we(e,n){const a=t.ref(),l=t.ref(),i=t.ref(),s=t.ref(),c=t.ref(),u=t.ref(),f=t.ref(),v=t.ref(),y=t.ref(),p=t.ref(),M=t.ref(),b=t.ref(e.resizeable),g=t.ref(),x=t.ref(e.draggable),T=t.ref(!1);function O(){const r=l.value||document.body,h=window.getComputedStyle(r);if(!h||!a.value)return;const V=R.getTransformInfo(a.value),k={};f.value&&(k.deltaL=a.value.offsetLeft-f.value.x,k.deltaT=a.value.offsetTop-f.value.y);const j=h.getPropertyValue("position");k.width=r.clientWidth,k.height=r.clientHeight,k.pr=parseInt(h.getPropertyValue("padding-right"),10),k.pb=parseInt(h.getPropertyValue("padding-bottom"),10),k.position=h.getPropertyValue("position"),j==="static"&&(r.style.position="relative"),k.translateX=V.x,k.translateY=V.y,p.value=k}function P(r){if(a.value){s.value=K.getCurrent(a.value),c.value=R.getCurrent(a.value),u.value=s.value?K.copy(s.value):null,f.value=c.value?R.copy(c.value):null,O();const h=r.target.getAttribute("type")||"";v.value={n:!!h.match(/n/),s:!!h.match(/s/),w:!!h.match(/w/),e:!!h.match(/e/)}}}function S(){var r,h,V,k;if(a.value){const j=a.value;v.value&&((v.value.n||v.value.s)&&((r=u.value)!=null&&r.height)&&(j.style.height=u.value.height+"px"),(v.value.w||v.value.e)&&((h=u.value)!=null&&h.width)&&(j.style.width=u.value.width+"px"),f.value&&((V=f.value)!=null&&V.x&&(j.style.left=f.value.x+"px"),(k=f.value)!=null&&k.y&&(j.style.top=f.value.y+"px")))}}function D(){const r=e.minHeight?e.minHeight:1,h=e.minWidth?e.minWidth:1;u.value&&f.value&&v.value&&s.value&&(u.value.height<r&&(u.value.height=r,v.value.n&&c.value&&(f.value.y=c.value.y+(s.value.height-r))),u.value.width<h&&(u.value.width=h,v.value.w&&c.value&&(f.value.x=c.value.x+(s.value.width-h))),e.maxHeight&&u.value.height>e.maxHeight&&(u.value.height=e.maxHeight,c.value&&v.value.n&&(f.value.y=c.value.y+(s.value.height-e.maxHeight))),e.maxWidth&&u.value.width>e.maxWidth&&(u.value.width=e.maxWidth,v.value.w&&c.value&&(f.value.x=c.value.x+(s.value.width-e.maxWidth))))}function B(){if(l.value){const r=p.value;if(f.value&&u.value&&v.value&&s.value){const h=r.width-r.pr-r.deltaL-r.translateX-f.value.x,V=r.height-r.pb-r.deltaT-r.translateY-f.value.y;v.value.n&&f.value.y+r.translateY<0&&c.value&&(f.value.y=-r.translateY,u.value.height=s.value.height+c.value.y+r.translateY),v.value.w&&f.value.x+r.translateX<0&&c.value&&(f.value.x=-r.translateX,u.value.width=s.value.width+c.value.x+r.translateX),u.value.width>h&&(u.value.width=h),u.value.height>V&&(u.value.height=V)}}}function N(r){if(!i.value||!s.value||!c.value||!v.value)return;r.subtract(i.value);const h=r.x,V=r.y;v.value.n?(f.value.y=c.value.y+V,u.value.height=s.value.height-V):v.value.s&&(u.value.height=s.value.height+V),v.value.e?u.value.width=s.value.width+h:v.value.w&&(u.value.width=s.value.width-h,f.value.x=c.value.x+h),B(),D(),S()}function d(r){if(!y.value)return;const h=R.fromEvent(r);h&&N(h)}function w(){if(a.value){const{width:r,height:h,x:V,y:k}=a.value.getBoundingClientRect(),j=R.getTransformInfo(a.value);return{size:{width:r,height:h},position:{x:V-j.x,y:k-j.y}}}return null}function z(r){if(a.value){const h=w();M.value=h}i.value=void 0,s.value=null,c.value=null,u.value=null,f.value=null,v.value=null,y.value=null,document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",z)}function L(){document.addEventListener("mousemove",d),document.addEventListener("mouseup",z)}function m(r){r instanceof MouseEvent&&r.button===2||x.value&&(document.body.click(),r.stopPropagation(),r.preventDefault(),i.value=R.fromEvent(r),y.value=r.target,P(r),L())}function I(r){return a.value=r,b.value&&t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:h=>m(h)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:h=>m(h)},null)])}function _(r=!0){document.body.click();const h=l.value||document.body,V=K.getCurrent(h),k=a.value;r&&k&&(g.value=w(),g.value.transform=k.style.transform),V&&k&&(u.value=V,u.value.height-=14,u.value.width-=14,k.style.height=u.value.height+"px",k.style.width=u.value.width+"px",k.style.left="7px",k.style.top="7px",k.style.transform="",M.value={size:u.value,position:{x:0,y:0}},x.value=!1,T.value=!0)}function U(){var r,h;if(document.body.click(),g.value){const V={width:g.value.size.width||0,height:g.value.size.height||0},k={x:(window.innerWidth-V.width)/2,y:(window.innerHeight-V.height)/2};(r=u.value)==null||r.set(V),(h=f.value)==null||h.set(k);const j=a.value;j.style.height=V.height+"px",j.style.width=V.width+"px",j.style.left=`${k.x}px`,j.style.top=`${k.y}px`,j.style.transform="",M.value={size:V,position:k},x.value=e.draggable,T.value=!1}}function G(){if(a.value){const r=K.getCurrent(a.value);if(r){const{width:h,height:V}=r;a.value.style.left=`${(window.innerWidth-h)/2}px`,a.value.style.top=`${(window.innerHeight-V)/2}px`,a.value.style.transform=""}}}function E(){const r=()=>{T.value?_(!1):G(),document.body.click()};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}}const F=E();return{renderResizeBar:I,boundingElement:l,resizedEventParam:M,maximize:_,restore:U,allowDrag:x,isMaximized:T,unWindowResizeHandle:F,moveToCenter:G}}function Ce(e,n,a){const l=t.ref(),i=t.ref(e.draggable),s=t.ref(e.lockAxis),c=t.ref(),u=t.ref(),f=t.ref(!1),v=t.ref(new R(0,0)),y=t.ref(new R(0,0)),p=t.ref(new R(0,0)),M=t.ref(new R(0,0));t.watch(()=>a.value,d=>{c.value.style.cursor=d?"move":"default"});function b(d,w){if(w.tagName==="BUTTON")return!1;if(w===d)return!0;for(const z in w.children)if(Object.prototype.hasOwnProperty.call(w.children,z)&&b(d,w.children[z]))return!0;return!1}function g(){var L,m;let d=p.value.x+y.value.x,w=p.value.y+y.value.y;s.value==="x"?(d=((L=v.value)==null?void 0:L.x)||0,p.value.x=0):s.value==="y"&&(w=((m=v.value)==null?void 0:m.y)||0,p.value.y=0);const z=`translate3d(${Math.round(d)}px, ${Math.round(w)}px, 0px)`;l.value&&(l.value.style.transform=z),M.value.x=d,M.value.y=w}function x(){if(!u.value||!l.value)return null;const d=u.value.getBoundingClientRect(),w=l.value.getBoundingClientRect(),z={top:d.top<w.top,right:d.right>w.right,bottom:d.bottom>w.bottom,left:d.left<w.left};return z.top||(p.value.y-=w.top-d.top),z.bottom||(p.value.y-=w.bottom-d.bottom),z.right||(p.value.x-=w.right-d.right),z.left||(p.value.x-=w.left-d.left),g(),z}function T(d){d&&(v.value&&d.subtract(v.value),p.value.set(d),g(),x())}function O(d){f.value&&i.value&&(d.stopPropagation(),d.preventDefault(),T(R.fromEvent(d,c.value)))}function P(){var d;f.value&&(f.value=!1,y.value.add(p.value),p.value.reset(),(d=l.value)==null||d.classList.remove("ng-dragging"),n.emit("stopMove"),document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",P))}function S(){!f.value&&c.value&&(f.value=!0,c.value.classList.add("ng-dragging"),document.addEventListener("mousemove",O),document.addEventListener("mouseup",P))}function D(){if(l.value){const d=R.getTransformInfo(l.value);y.value.set(d);return}y.value.reset()}function B(d){if(!a.value||d instanceof MouseEvent&&d.button===2)return;const w=d.target||d.srcElement;c.value!==void 0&&w&&!b(w,c.value)||i.value!==!1&&(document.body.click(),d.stopPropagation(),d.preventDefault(),v.value=R.fromEvent(d,l.value),D(),S())}function N(d,w,z){if(i.value&&w){if(d)c.value=d;else if(e.dragHandle){if(e.dragHandle instanceof HTMLElement)c.value=e.dragHandle;else if(typeof e.dragHandle=="string"){const L=w.querySelector(e.dragHandle);L&&(c.value=L)}}l.value=w,u.value=z,c.value?(c.value.classList.add("ng-draggable"),c.value.addEventListener("mousedown",B)):i.value=!1}}return{registerDraggle:N,resetTranslate:D}}function ae(e,n){if(e){const a=l=>{l.key.toLowerCase()===e.toLowerCase()&&n({event:l,key:e})};return document.addEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)}}}function xe(e,n){const a=t.ref(e.enableEsc);let l=null;return a.value?(l=ae("Escape",i=>{n.emit("esc",{event:i.event,type:"esc"})}),{remove:l}):null}function Be(e,n){const a=t.ref(e.enableEnter);let l=null;return a.value?(l=ae("Enter",i=>{n.emit("enter",{event:i.event,type:"enter"})}),{remove:l}):null}const Z=t.defineComponent({name:"FModal",props:be,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter","stopMove"],setup(e,n){const a=t.ref(e.width||300),l=t.ref(e.height||200),i=t.ref(e.modelValue),s=t.ref(""),c=t.ref(e.class),u=t.ref(e.fitContent),f=t.ref(e.showHeader),v=t.ref(""),y=t.ref(e.showCloseButton),p=t.ref(e.showMaxButton),M=t.ref(!1),b=t.ref(e.dialogType),g=t.ref(e.src),x=t.ref(""),T=t.ref(e.showButtons),O=t.ref(e.title),P=t.ref(e.containment||null),S=t.ref();O.value==="错误提示"&&(O.value=q.LocaleService.getLocaleValue("messageBox.errorTitle"));const D=t.ref(!1);function B(o,C){const A=C?"accept":"cancel";Promise.resolve().then(()=>{var W;return(W=e.beforeClose)==null?void 0:W.call(e,{closeType:A})}).then(W=>{W&&(i.value=!1,n.emit("update:modelValue",!1),C!=null&&n.emit(C?"accept":"cancel"),n.emit("closed",o))})}const N=[{name:"cancel",text:q.LocaleService.getLocaleValue("messageBox.cancel")||"取消",class:"btn btn-secondary",handle:o=>{B(o,!1)}},{name:"accept",text:q.LocaleService.getLocaleValue("messageBox.ok")||"确定",class:"btn btn-primary",handle:o=>{B(o,!0)}}],d=t.ref(e.buttons&&e.buttons.length?e.buttons:N),w=t.computed(()=>!!v.value),z=t.computed(()=>!!T.value&&!!d.value),L=t.ref(),m=t.ref(),I=t.ref(!1),{renderResizeBar:_,maximize:U,restore:G,boundingElement:E,resizedEventParam:F,allowDrag:r,unWindowResizeHandle:h,moveToCenter:V}=we(e),{registerDraggle:k}=Ce(e,n,r);function j(){return!!document.querySelectorAll(".farris-modal").length&&document.body.classList.contains("modal-open")}function He(){const o=document.querySelectorAll(".farris-modal").length;(!o||o-1<=0)&&document.body.classList.remove("modal-open"),S.value&&S.value.classList.remove("show")}t.watch(()=>e.title,(o,C)=>{o!==C&&(O.value=o)}),t.watch(()=>e.modelValue,(o,C)=>{o!==C&&(i.value=o,i.value&&e.draggable&&t.nextTick(()=>{m.value&&!P.value&&(P.value=m.value.parentElement,E.value=P.value,k(L.value,m.value,E.value),V())}),o||(P.value&&(P.value=null),He())),i.value?D.value=j():(I.value=!1,r.value=e.draggable)}),t.watch(()=>e.showHeader,(o,C)=>{o!==C&&(f.value=o)}),t.watch(()=>e.showButtons,(o,C)=>{o!==C&&(T.value=o)}),t.watch(()=>F.value,(o,C)=>{const A=o||{},W=C||{};JSON.stringify(A)!==JSON.stringify(W)&&n.emit("resize",{newSize:o,oldSize:C,isMaximized:I.value})}),t.watch([()=>e.width,()=>e.height],(o,C)=>{(o[0]!==C[0]||o[1]!==C[1])&&(a.value=o[0]||500,l.value=o[1]||600)}),t.watch(()=>e.class,(o,C)=>{c.value=o});const Q=t.computed(()=>(i.value&&document.body.classList.add("modal-open"),i.value)),Re=t.computed(()=>{var A;const o={modal:!0,"farris-modal":!0,fade:!0};o["f-modal-fitContent"]=!!u.value,o.show=!!Q.value;const C=(A=e.maskClass)==null?void 0:A.split(" ");return C==null||C.reduce((W,X)=>(W[X]=!0,W),o),o}),je=t.computed(()=>{var A;const o={"modal-dialog":!0},C=(A=c.value)==null?void 0:A.split(" ");return C==null||C.reduce((W,X)=>(W[X]=!0,W),o),o}),se=()=>J.isMobilePhone()&&!e.isMessager,Le=t.computed(()=>{const o=document.documentElement.clientWidth,C=document.documentElement.clientHeight,A=Math.min(a.value,o),W=u.value?"auto":`${Math.min(l.value,C-10)}px`,X={position:"absolute",top:`${(window.innerHeight-parseInt(W==="auto"?"0":W))/2}px`,left:`${(window.innerWidth-A)/2}px`,width:`${A}px`,height:W};return se()&&(X.top="0px",X.left="0px",X.width=`${window.innerWidth}px`,X.height=`${window.innerHeight}px`),e.mask||(X.pointerEvents="auto"),X}),re=t.ref(J.getMaxZIndex()||1050),Fe=t.computed(()=>{const o={display:"block",overflow:"hidden"};return e.mask||(o.pointerEvents="none",o.backgroundColor="transparent"),D.value&&(o.backgroundColor="transparent"),o.zIndex=re.value,o}),We=t.computed(()=>({"modal-content":!0,"modal-content-has-header":f.value,"is-mobile":se()})),De=t.computed(()=>{const o={display:f.value?"":"none"};return o["pointer-events"]=r.value?"auto":"none",o}),Ae=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:I.value})),Ue=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":b.value==="iframe","f-utils-fill":!0}));function Xe(){return{height:`${e.footerHeight||60}px`}}const qe=t.computed(()=>{const o={textAlgin:x.value},C=Xe();return Object.assign(o,C)});function ce(o){if(o==null||o.stopPropagation(),I.value){I.value=!1,G();return}U(),I.value=!0}async function Ke(o,C){o.handle&&await o.handle(C,o)&&n.emit("closed",C)}function Ye(o){o.width&&(a.value=o.width),o.height&&(l.value=o.height),o.buttons&&(d.value=o.buttons),o.title&&(O.value=o.title)}let ee=null,te=null;t.onBeforeMount(()=>{D.value=j()}),t.onMounted(()=>{m.value&&!P.value&&(P.value=m.value.parentElement,E.value=P.value,k(L.value,m.value,E.value)),Q.value&&document.body.classList.add("modal-open"),ee=xe(e,n),te=Be(e,n)}),t.onUnmounted(()=>{h&&h(),ee&&ee.remove(),te&&te.remove()}),n.expose({modalElementRef:m,updateModalOptions:Ye,close:B,maxDialog:ce,isMaximized:I});function Ge(){return t.createVNode("ul",null,[M.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),p.value&&t.createVNode("li",{onClick:ce,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[t.createVNode("span",{class:Ae.value},null)]),y.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:o=>B(o,!1),style:"pointer-events: auto;"},[t.createVNode("span",{class:"f-icon modal_close"},null)])])}function $e(){return t.createVNode("div",{class:"modal-footer",style:qe.value},[d.value&&d.value.map(o=>{const C=t.ref(o.disabled);return t.createVNode("button",{name:o.name,type:"button",disabled:C.value,class:o.class+(o.iconClass?" btn-icontext":""),onClick:A=>{Ke(o,A)}},[!!o.iconClass&&t.createVNode("i",{class:o.iconClass},null),o.text])})])}function _e(){return t.createVNode("div",{ref:L,class:"modal-header",style:De.value},[n.slots.headerTemplate?n.slots.headerTemplate():t.createVNode("div",{class:"modal-title"},[w.value&&t.createVNode("span",{class:v.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[O.value])]),t.createVNode("div",{class:"actions"},[Ge()])])}function Je(){return n.slots.footerTemplate?n.slots.footerTemplate():z.value&&$e()}function Ze(o){if(o.stopPropagation(),e.allowClickMaskToClose){if(o.target!==S.value)return;B(o,!1)}}function Qe(){var o,C;return t.createVNode("div",{id:s.value,class:je.value,style:Le.value,ref:m},[t.createVNode("div",{class:We.value},[f.value&&_e(),t.createVNode("div",{class:Ue.value},[(C=(o=n.slots).default)==null?void 0:C.call(o),b.value==="iframe"&&t.createVNode("iframe",{title:s.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:g.value},null)]),Je()]),!u.value&&m.value&&!I.value&&_(m.value)])}function et(o){return o||"body"}return t.watchEffect(()=>{Q.value&&(re.value=J.getMaxZIndex()||1050)}),()=>t.createVNode(t.Teleport,{to:et(e.host)},{default:()=>[Q.value&&t.createVNode(t.Transition,{name:"fade",appear:!0},{default:()=>[t.createVNode("div",{ref:S,class:Re.value,style:Fe.value,onClick:Ze},[Qe()])]})]})}});function le(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function Me(e){const n=document.createElement("div");n.style.display="contents";const a=t.createApp({setup(l,i){t.onUnmounted(()=>{document.body.removeChild(n)});const s=t.ref(),c=t.ref(e.class||""),u=t.ref(!!e.showButtons),f=t.ref(!!e.showHeader),v=t.ref(e.showCloseButton==null?!0:e.showCloseButton),y=t.ref(!0),p=t.ref(e.title||""),M=e.acceptCallback||(()=>{}),b=e.rejectCallback||(()=>{}),g=e.closedCallback||(S=>{}),x=e.resizeHandle||(S=>{}),T=e.stopMoveHandle||(S=>{}),O=le(e),P=S=>{y.value=!1,a.unmount(),g(S)};return t.onMounted(()=>{}),i.expose({modalRef:s}),()=>t.createVNode(Z,{ref:s,class:c.value,modelValue:y.value,"onUpdate:modelValue":S=>y.value=S,title:p.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":f.value,"show-buttons":u.value,"show-close-button":v.value,"show-max-button":!1,onAccept:M,onCancel:b,fitContent:e.fitContent==null?!0:e.fitContent,onClosed:P,onResize:x,onStopMove:T},{default:()=>[O&&O(a)]})}});return document.body.appendChild(n),a.use(q.LocaleService.i18n),a.mount(n),a}class ke{constructor(n){$(this,"appContext",null);$(this,"modalRef",t.ref());$(this,"activeModalIndex",t.ref(0));$(this,"modalRefs",{});$(this,"isUseEscCloseModal",t.ref(!1));$(this,"activeModalInstance",t.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=n,this.appContext=n?n._context:null}getCurrentModal(){return this.activeModalInstance.value}adaptToWindow(n,a){const{width:l,height:i}={width:window.innerWidth,height:window.innerHeight};return l<n&&(n=l-14),i<a&&(a=i-14),{width:n,height:a}}static show(n){const a=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return Me(a)}close(n){var a,l;n?(l=n.value)==null||l.close():(a=this.getCurrentModal())==null||a.close()}open(n){const a=document.createDocumentFragment();n.showMaxButton&&n.fitContent&&(n.showMaxButton=!1);const l=t.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},n)),i=t.ref(!0),s=l.value.acceptCallback||(()=>{}),c=l.value.rejectCallback||(()=>{}),u=l.value.closedCallback||((B,N)=>{}),f=l.value.resizeHandle||(B=>{}),v=n.stopMoveHandle||(B=>{});let y;const p=le(l.value),M=B=>{var d;i.value=!1;const N=(d=B==null?void 0:B.target)==null?void 0:d.classList.contains("modal_close");u(B,this.isUseEscCloseModal.value?"esc":N?"icon":"button")},b=B=>{M(B),y&&t.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],t.render(null,a),y=null,this.modalRef.value=null,this.modalRefs){const N=Object.keys(this.modalRefs).map(d=>Number(d));N.length>0?this.activeModalIndex.value=Math.max(...N):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},g=B=>{var N;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((N=this.activeModalInstance.value)==null||N.close(B==null?void 0:B.event))},{width:x,height:T}=l.value,O=this.adaptToWindow(x||500,T||320);Object.assign(l.value,O);const P=()=>t.createVNode(Z,t.mergeProps({ref:this.modalRef,modelValue:i.value,"onUpdate:modelValue":B=>i.value=B},l.value,{isMessager:l.value.class&&l.value.class.indexOf("modal-message")>-1,onAccept:s,onCancel:c,onClosed:b,onResize:f,onEsc:g,onStopMove:v}),{default:()=>[p&&p(this.app)]});return y=(B=>{const N=t.h(P,B);return N.appContext=this.appContext,t.render(N,a),N})({...l.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:B=>{l.value={...l.value,...B},y&&t.render(t.cloneVNode(y,{...l}),a)},destroy:b,modalRef:this.activeModalInstance,close:()=>this.close()}}}const oe=Symbol("FModalService");Z.install=e=>{e.component(Z.name,Z);const n=new ke(e);e.provide(oe,n),e.provide("FModalService",n)};function ue(e,n){function a(){const l=e.beforeOpen||e.beforeClickButton||null;let i=Promise.resolve(!0);if(l){const s=l(n.value);if(typeof s>"u")return i;typeof s=="boolean"?i=Promise.resolve(s):i=s}return i}return{judgeCanOpen:a}}function Te(e,n,a,l,i){const s=t.ref(e.buttonBehavior),c=t.ref(e.popupOnInput),u=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:f}=ue(e,i),v=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),y=t.inject(oe,null),p=t.ref();async function M(x){if(await f()&&v.value){const T=!!n.slots.default;if(s.value==="Modal"){const O=e.modalOptions,P=y==null?void 0:y.open({...O,render:()=>n.slots.default&&n.slots.default()});p.value=P==null?void 0:P.modalRef}s.value==="Overlay"&&pe.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),T&&s.value==="Popup"&&l.togglePopup(!0),T&&c.value&&l.hidePopup(),n.emit("clickButton",{origin:x,value:e.modelValue})}}function b(x){n.emit("mouseEnterIcon",x)}function g(x){n.emit("mouseLeaveIcon",x)}return{buttonGroupClass:u,onClickButton:M,onMouseEnterButton:b,onMouseLeaveButton:g,modalRef:p}}function Ee(e,n,a,l,i,s){const c=t.ref(!1),u=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:f,hasClearClass:v}=s;function y(g){c.value=g,v.value=g}t.watch(i,()=>{y(!!i.value)});function p(g){const x=!e.readonly&&!e.disable&&e.editable,T=!e.editable;g.stopPropagation(),(x||T)&&(f(""),i.value="",y(!c.value),n.emit("clear"))}function M(g){if(u.value){if(!a.value){y(!1);return}!e.disable&&!e.readonly&&y(!0)}}function b(g){u.value&&y(!1)}return{enableClearButton:u,showClearButton:c,onClearValue:p,onMouseEnterTextBox:M,onMouseLeaveTextBox:b}}function Ve(e,n,a,l,i){const s=t.computed(()=>e.popupOnInput),c=t.computed(()=>e.popupOnFocus),{shouldPopupContent:u,closeAllPopover:f}=i,v=t.ref(!1),y=t.computed(()=>e.enableTitle?a.value:""),p=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),M=t.computed(()=>e.readonly||!e.editable),b=t.ref(!1),g=t.computed(()=>!e.disable&&b.value),x=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0})),T=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":g.value,"input-group--has-clear":e.enableClear&&v.value}));function O(m,I=!0){a.value=m,I&&(n.emit("change",m),n.emit("update:modelValue",m))}function P(m){u.value=!1,O(m,!0)}t.watch(()=>e.modelValue,m=>{a.value=m});function S(m){b.value=!1,n.emit("blur",m),m.stopPropagation()}function D(m){n.emit("click",m),f(),n.slots.default&&!e.disable&&!e.readonly&&e.popupOnClick&&i.togglePopup()}function B(m){!e.disable&&!e.readonly&&(b.value=!0,M.value||(n.emit("focus",m),c.value&&!u.value&&i.popup()))}function N(m){n.emit("input",m);const I=m.target.value;l.value=I,a.value!==I&&O(I,e.updateOn==="change"),s.value&&!u.value&&i.popup()}function d(m){m.target.tagName!=="INPUT"&&m.preventDefault(),m.stopPropagation()}function w(m){n.emit("keydown",m)}function z(m){m.key==="Enter"&&(s.value||c.value)&&i.hidePopup(),n.emit("keyup",m)}function L(m){const I=m.target.value;m.stopPropagation(),O(I)}return{hasFocusedTextBox:g,isTextBoxReadonly:M,textBoxClass:x,textBoxPlaceholder:p,textBoxTitle:y,inputGroupClass:T,hasClearClass:v,changeTextBoxValue:O,commitValue:P,onBlurTextBox:S,onClickTextBox:D,onFocusTextBox:B,onInput:N,onKeyDownTextBox:w,onKeyUpTextBox:z,onMouseDownTextBox:d,onTextBoxValueChange:L}}const Y="FarrisVue_PopoverInstancesKey";function Oe(e,n,a,l){const i=t.ref(),s=t.ref(!1),{judgeCanOpen:c}=ue(e,l);t.watch(()=>i.value,(b,g)=>{window[Y]=window[Y]||new WeakMap,b?window[Y].set(a.value,b):window[Y].delete(a.value)});function u(){if(window[Y]){const b=window[Y];document.querySelectorAll(".f-button-edit,.v-popover").forEach(g=>{const x=b.get(g);x&&g!==a.value&&!a.value.closest(".popover-fitcontent")&&x.hide()})}}function f(){const b=i.value;b&&b.show(a.value)}async function v(b=!1){if(!!n.slots.default){if(!b&&!s.value&&!await c())return;s.value=!s.value,s.value&&(await t.nextTick(),f())}}async function y(b=!1){if(!!n.slots.default){if(!b&&!await c())return;s.value=!0,await t.nextTick(),f()}}function p(){s.value=!1}function M(){s.value=!0,t.nextTick(()=>{f()})}return{hidePopup:p,showPopup:M,popup:y,shouldPopupContent:s,togglePopup:v,popoverRef:i,closeAllPopover:u}}function Pe(e,n,a){const l=t.ref(),{isTextBoxReadonly:i,textBoxClass:s,textBoxPlaceholder:c,textBoxTitle:u,onBlurTextBox:f,onClickTextBox:v,onFocusTextBox:y,onInput:p,onKeyDownTextBox:M,onKeyUpTextBox:b,onMouseDownTextBox:g,onTextBoxValueChange:x}=a,T=t.ref(e.id),{uuid:O}=J.useGuid(),P=t.computed(()=>({}));t.onMounted(()=>{var d,w;e.selectOnCreated&&((d=l.value)==null||d.select()),e.focusOnCreated&&((w=l.value)==null||w.focus({preventScroll:!0})),T.value||(T.value="button-edit_"+O(8)),T.value=T.value+"-textbox"});const S=t.ref(!1),D=d=>{d.preventDefault(),S.value=!0},B=d=>{d.preventDefault(),S.value=!1,p(d)};function N(d){S.value||p(d)}return()=>t.createVNode("input",{id:e.id?e.id+"-textbox":void 0,ref:l,name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:s.value,style:P.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:c.value,readonly:i.value,tabindex:e.tabIndex,title:u.value,type:e.inputType,value:n.value,onBlur:f,onChange:x,onClick:v,onFocus:y,onInput:N,onKeydown:M,onKeyup:b,onMousedown:g,onCompositionend:B,onCompositionstart:D},null)}function Se(e,n,a){const l=t.ref(e.separator),i=t.computed(()=>e.readonly||e.disable),{changeTextBoxValue:s,onFocusTextBox:c,onBlurTextBox:u,onClickTextBox:f,textBoxPlaceholder:v}=a,y=t.computed(()=>n.value?n.value.split(l.value).map(g=>({name:g,selectable:!0})):[]);function p(g){s(g.map(x=>x.name).join(l.value),!0)}t.watch(()=>e.separator,g=>{l.value=g});const M=t.ref(!e.disable&&!e.readonly);t.watch([()=>e.disable,()=>e.readonly],([g,x],[T,O])=>{M.value=!g&&!x});function b(g){f(g)}return()=>t.createVNode(de,{tabindex:e.tabIndex,onFocus:c,onBlur:u,id:`${e.id}-tag-editor`,class:"form-control",placeholder:v.value,data:y.value,showClose:!i.value,showInput:!0,disable:i.value,onChange:p,onClick:b},null)}function Ne(e,n,a,l){const{buttonGroupClass:i,onClickButton:s,onMouseEnterButton:c,onMouseLeaveButton:u}=a,{enableClearButton:f,showClearButton:v,onClearValue:y}=l,p=t.ref(),M=fe.debounce(g=>{s(g)},e.buttonBehavior==="Modal"?0:200),b=()=>{n.emit("beforeClearValue")};return{renderButtonGroup:()=>t.createVNode("div",{id:e.id?`${e.id}-button-group`:void 0,class:i.value},[f.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:y,onMousedown:b},[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:M,onMouseenter:c,onMouseleave:u},[n.slots.buttonContent()]):e.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:p,onClick:g=>M(g),onMouseenter:c,onMouseleave:u},null):null]),buttonHandleElement:p}}function ze(e,n,a){const l=t.ref(e.popupMinWidth),{hidePopup:i,popoverRef:s}=a,c=()=>{n.emit("shown")};return()=>t.createVNode(he,{id:`${e.id}-popover`,ref:s,placement:e.placement,host:e.popupHost,"keep-width-with-reference":e.keepWidthWithReference,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:l.value,class:e.popupClass,offsetX:e.popupOffsetX,onHidden:i,onShown:c,beforeClose:e.beforeClosePopup,limitContentBySpace:e.limitContentBySpace},{default:()=>{var u,f;return[(f=(u=n.slots).default)==null?void 0:f.call(u)]}})}const ie=t.defineComponent({name:"FButtonEdit",props:ne,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue","beforeClearValue","shown"],setup(e,n){const a=t.ref(),l=t.ref(e.customClass),i=t.ref(e.modelValue),s=Oe(e,n,a,i),{shouldPopupContent:c,hidePopup:u,showPopup:f,togglePopup:v}=s,y=Te(e,n,a,s,i),p=t.ref(""),M=Ve(e,n,i,p,s),{hasFocusedTextBox:b,commitValue:g,inputGroupClass:x}=M,T=Ee(e,n,i,b,p,M),{onMouseEnterTextBox:O,onMouseLeaveTextBox:P}=T,S=t.ref(!1),D=t.computed(()=>{const E={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return l.value&&l.value.split(" ").reduce((F,r)=>(F[r]=!0,F),E),E}),B=t.computed(()=>({overflow:e.wrapText?"hidden":""})),N=t.computed(()=>({}));function d(){if(!e.multiSelect||e.inputType!=="tag"||!a.value)return 0;let E=0;const F=Array.from(a.value.querySelectorAll(".farris-tag-item"));return F&&F.length&&(E=F.map(r=>r.offsetTop).filter(r=>r>20).length),E}const w=t.ref(d());t.onUpdated(()=>{w.value=d()});function z(){return e.multiSelect&&e.inputType==="tag"?()=>t.createVNode(t.Fragment,null,[Se(e,i,M)(),!!w.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("+"),w.value])])]):Pe(e,i,M)}let L=z();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{L=z()});const{renderButtonGroup:m,buttonHandleElement:I}=Ne(e,n,y,T),_=ze(e,n,s),U=t.ref(c.value),G={displayText:p,commitValue:g,elementRef:a,hidePopup:u,showPopup:f,popoverRef:s.popoverRef,shouldPopupContent:c,togglePopup:v,openDialog:()=>{I.value&&e.buttonBehavior==="Modal"&&I.value.click()},getModal:()=>{var E;return e.buttonBehavior==="Modal"?(E=y.modalRef.value)==null?void 0:E.value:null},getTextbox:()=>{var E;return(E=a.value)==null?void 0:E.querySelector("input")},forceClosePopup:()=>{U.value=!1,S.value=!0,c.value=!1}};return t.onMounted(()=>{a.value.componentInstance=G,window.onresize=()=>{document.body.click()}}),t.onBeforeUnmount(()=>{var E;window.onresize=null,(E=window[Y])==null||E.delete(a.value)}),n.expose(G),t.watch(()=>c.value,async(E,F)=>{if(S.value){U.value=E,S.value=!1;return}if(!E&&e.beforeClosePopup&&typeof e.beforeClosePopup=="function"){try{const r=await e.beforeClosePopup();U.value=!r,(!r||e.readonly)&&(c.value=!0)}catch(r){console.error("Error in beforeClosePopup:",r),U.value=F,c.value=F}return}U.value=E}),()=>{var E,F;return t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:a,class:D.value,id:e.id?e.id:void 0,style:B.value}),[t.createVNode("div",{id:e.id?`${e.id}-input-group`:void 0,class:x.value,style:N.value,onMouseenter:O,onMouseleave:P},[(F=(E=n.slots).precontent)==null?void 0:F.call(E),L(),m()])]),U.value&&_()])}}}),Ie=J.withInstall(ie);H.FButtonEdit=ie,H.buttonEditProps=ne,H.default=Ie,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});