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

package/components/modal/index.umd.cjs

@@ -1 +1 @@
-(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../locale/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.modal={},x.Vue,x.locale,x.common,x.propertyPanel))})(this,function(x,e,F,re,ue){"use strict";var Le=Object.defineProperty;var Oe=(x,e,F)=>e in x?Le(x,e,{enumerable:!0,configurable:!0,writable:!0,value:F}):x[e]=F;var A=(x,e,F)=>Oe(x,typeof e!="symbol"?e+"":e,F);const ee={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"}};class E{constructor(a,n){this.x=a,this.y=n}static getTransformInfo(a){const o=window.getComputedStyle(a).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(o.length>=6){const f=parseInt(o[4],10),m=parseInt(o[5],10);return{x:f,y:m}}return{x:0,y:0}}static fromEvent(a,n=null){if(this.isMouseEvent(a))return new E(a.clientX,a.clientY);if(n===null||a.changedTouches.length===1)return new E(a.changedTouches[0].clientX,a.changedTouches[0].clientY);for(let o=0;o<a.changedTouches.length;o++)if(a.changedTouches[o].target===n)return new E(a.changedTouches[o].clientX,a.changedTouches[o].clientY)}static isMouseEvent(a){return Object.prototype.toString.apply(a).indexOf("MouseEvent")===8}static isIPosition(a){return!!a&&"x"in a&&"y"in a}static getCurrent(a){const n=new E(0,0);if(window){const o=window.getComputedStyle(a);if(o){const f=parseInt(o.getPropertyValue("left"),10),m=parseInt(o.getPropertyValue("top"),10);n.x=isNaN(f)?0:f,n.y=isNaN(m)?0:m}return n}return null}static copy(a){return new E(0,0).set(a)}get value(){return{x:this.x,y:this.y}}add(a){return this.x+=a.x,this.y+=a.y,this}subtract(a){return this.x-=a.x,this.y-=a.y,this}multiply(a){this.x*=a,this.y*=a}divide(a){this.x/=a,this.y/=a}reset(){return this.x=0,this.y=0,this}set(a){return this.x=a.x,this.y=a.y,this}}class U{constructor(a,n){this.width=a,this.height=n}static getCurrent(a){const n=new U(0,0);if(window){const o=window.getComputedStyle(a);return o&&(n.width=parseInt(o.getPropertyValue("width"),10),n.height=parseInt(o.getPropertyValue("height"),10)),n}return null}static copy(a){return new U(0,0).set(a)}set(a){return this.width=a.width,this.height=a.height,this}}function te(t,a){const n=e.ref(),o=e.ref(),f=e.ref(),m=e.ref(),d=e.ref(),u=e.ref(),c=e.ref(),v=e.ref(),p=e.ref(),M=e.ref(),P=e.ref(),L=e.ref(t.resizeable),I=e.ref(),O=e.ref(t.draggable),R=e.ref(!1);function V(){const s=o.value||document.body,i=window.getComputedStyle(s);if(!i||!n.value)return;const w=E.getTransformInfo(n.value),g={};c.value&&(g.deltaL=n.value.offsetLeft-c.value.x,g.deltaT=n.value.offsetTop-c.value.y);const k=i.getPropertyValue("position");g.width=s.clientWidth,g.height=s.clientHeight,g.pr=parseInt(i.getPropertyValue("padding-right"),10),g.pb=parseInt(i.getPropertyValue("padding-bottom"),10),g.position=i.getPropertyValue("position"),k==="static"&&(s.style.position="relative"),g.translateX=w.x,g.translateY=w.y,M.value=g}function B(s){if(n.value){m.value=U.getCurrent(n.value),d.value=E.getCurrent(n.value),u.value=m.value?U.copy(m.value):null,c.value=d.value?E.copy(d.value):null,V();const i=s.target.getAttribute("type")||"";v.value={n:!!i.match(/n/),s:!!i.match(/s/),w:!!i.match(/w/),e:!!i.match(/e/)}}}function T(){var s,i,w,g;if(n.value){const k=n.value;v.value&&((v.value.n||v.value.s)&&((s=u.value)!=null&&s.height)&&(k.style.height=u.value.height+"px"),(v.value.w||v.value.e)&&((i=u.value)!=null&&i.width)&&(k.style.width=u.value.width+"px"),c.value&&((w=c.value)!=null&&w.x&&(k.style.left=c.value.x+"px"),(g=c.value)!=null&&g.y&&(k.style.top=c.value.y+"px")))}}function D(){const s=t.minHeight?t.minHeight:1,i=t.minWidth?t.minWidth:1;u.value&&c.value&&v.value&&m.value&&(u.value.height<s&&(u.value.height=s,v.value.n&&d.value&&(c.value.y=d.value.y+(m.value.height-s))),u.value.width<i&&(u.value.width=i,v.value.w&&d.value&&(c.value.x=d.value.x+(m.value.width-i))),t.maxHeight&&u.value.height>t.maxHeight&&(u.value.height=t.maxHeight,d.value&&v.value.n&&(c.value.y=d.value.y+(m.value.height-t.maxHeight))),t.maxWidth&&u.value.width>t.maxWidth&&(u.value.width=t.maxWidth,v.value.w&&d.value&&(c.value.x=d.value.x+(m.value.width-t.maxWidth))))}function b(){if(o.value){const s=M.value;if(c.value&&u.value&&v.value&&m.value){const i=s.width-s.pr-s.deltaL-s.translateX-c.value.x,w=s.height-s.pb-s.deltaT-s.translateY-c.value.y;v.value.n&&c.value.y+s.translateY<0&&d.value&&(c.value.y=-s.translateY,u.value.height=m.value.height+d.value.y+s.translateY),v.value.w&&c.value.x+s.translateX<0&&d.value&&(c.value.x=-s.translateX,u.value.width=m.value.width+d.value.x+s.translateX),u.value.width>i&&(u.value.width=i),u.value.height>w&&(u.value.height=w)}}}function z(s){if(!f.value||!m.value||!d.value||!v.value)return;s.subtract(f.value);const i=s.x,w=s.y;v.value.n?(c.value.y=d.value.y+w,u.value.height=m.value.height-w):v.value.s&&(u.value.height=m.value.height+w),v.value.e?u.value.width=m.value.width+i:v.value.w&&(u.value.width=m.value.width-i,c.value.x=d.value.x+i),b(),D(),T()}function r(s){if(!p.value)return;const i=E.fromEvent(s);i&&z(i)}function y(){if(n.value){const{width:s,height:i,x:w,y:g}=n.value.getBoundingClientRect(),k=E.getTransformInfo(n.value);return{size:{width:s,height:i},position:{x:w-k.x,y:g-k.y}}}return null}function H(s){if(n.value){const i=y();P.value=i}f.value=void 0,m.value=null,d.value=null,u.value=null,c.value=null,v.value=null,p.value=null,document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",H)}function j(){document.addEventListener("mousemove",r),document.addEventListener("mouseup",H)}function C(s){s instanceof MouseEvent&&s.button===2||O.value&&(document.body.click(),s.stopPropagation(),s.preventDefault(),f.value=E.fromEvent(s),p.value=s.target,B(s),j())}function W(s){return n.value=s,L.value&&e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:i=>C(i)},null)])}function _(s=!0){document.body.click();const i=o.value||document.body,w=U.getCurrent(i),g=n.value;s&&g&&(I.value=y(),I.value.transform=g.style.transform),w&&g&&(u.value=w,u.value.height-=14,u.value.width-=14,g.style.height=u.value.height+"px",g.style.width=u.value.width+"px",g.style.left="7px",g.style.top="7px",g.style.transform="",P.value={size:u.value,position:{x:0,y:0}},O.value=!1,R.value=!0)}function K(){var s,i;if(document.body.click(),I.value){const w={width:I.value.size.width||0,height:I.value.size.height||0},g={x:(window.innerWidth-w.width)/2,y:(window.innerHeight-w.height)/2};(s=u.value)==null||s.set(w),(i=c.value)==null||i.set(g);const k=n.value;k.style.height=w.height+"px",k.style.width=w.width+"px",k.style.left=`${g.x}px`,k.style.top=`${g.y}px`,k.style.transform="",P.value={size:w,position:g},O.value=t.draggable,R.value=!1}}function $(){if(n.value){const s=U.getCurrent(n.value);if(s){const{width:i,height:w}=s;n.value.style.left=`${(window.innerWidth-i)/2}px`,n.value.style.top=`${(window.innerHeight-w)/2}px`,n.value.style.transform=""}}}function Y(){const s=()=>{R.value?_(!1):$(),document.body.click()};return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}}const J=Y();return{renderResizeBar:W,boundingElement:o,resizedEventParam:P,maximize:_,restore:K,allowDrag:O,isMaximized:R,unWindowResizeHandle:J,moveToCenter:$}}function ae(t,a,n){const o=e.ref(),f=e.ref(t.draggable),m=e.ref(t.lockAxis),d=e.ref(),u=e.ref(),c=e.ref(!1),v=e.ref(new E(0,0)),p=e.ref(new E(0,0)),M=e.ref(new E(0,0)),P=e.ref(new E(0,0));e.watch(()=>n.value,r=>{d.value.style.cursor=r?"move":"default"});function L(r,y){if(y.tagName==="BUTTON")return!1;if(y===r)return!0;for(const H in y.children)if(Object.prototype.hasOwnProperty.call(y.children,H)&&L(r,y.children[H]))return!0;return!1}function I(){var j,C;let r=M.value.x+p.value.x,y=M.value.y+p.value.y;m.value==="x"?(r=((j=v.value)==null?void 0:j.x)||0,M.value.x=0):m.value==="y"&&(y=((C=v.value)==null?void 0:C.y)||0,M.value.y=0);const H=`translate3d(${Math.round(r)}px, ${Math.round(y)}px, 0px)`;o.value&&(o.value.style.transform=H),P.value.x=r,P.value.y=y}function O(){if(!u.value||!o.value)return null;const r=u.value.getBoundingClientRect(),y=o.value.getBoundingClientRect(),H={top:r.top<y.top,right:r.right>y.right,bottom:r.bottom>y.bottom,left:r.left<y.left};return H.top||(M.value.y-=y.top-r.top),H.bottom||(M.value.y-=y.bottom-r.bottom),H.right||(M.value.x-=y.right-r.right),H.left||(M.value.x-=y.left-r.left),I(),H}function R(r){r&&(v.value&&r.subtract(v.value),M.value.set(r),I(),O())}function V(r){c.value&&f.value&&(r.stopPropagation(),r.preventDefault(),R(E.fromEvent(r,d.value)))}function B(){var r;c.value&&(c.value=!1,p.value.add(M.value),M.value.reset(),(r=o.value)==null||r.classList.remove("ng-dragging"),a.emit("stopMove"),document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",B))}function T(){!c.value&&d.value&&(c.value=!0,d.value.classList.add("ng-dragging"),document.addEventListener("mousemove",V),document.addEventListener("mouseup",B))}function D(){if(o.value){const r=E.getTransformInfo(o.value);p.value.set(r);return}p.value.reset()}function b(r){if(!n.value||r instanceof MouseEvent&&r.button===2)return;const y=r.target||r.srcElement;d.value!==void 0&&y&&!L(y,d.value)||f.value!==!1&&(document.body.click(),r.stopPropagation(),r.preventDefault(),v.value=E.fromEvent(r,o.value),D(),T())}function z(r,y,H){if(f.value&&y){if(r)d.value=r;else if(t.dragHandle){if(t.dragHandle instanceof HTMLElement)d.value=t.dragHandle;else if(typeof t.dragHandle=="string"){const j=y.querySelector(t.dragHandle);j&&(d.value=j)}}o.value=y,u.value=H,d.value?(d.value.classList.add("ng-draggable"),d.value.addEventListener("mousedown",b)):f.value=!1}}return{registerDraggle:z,resetTranslate:D}}function le(t,a){if(t){const n=o=>{o.key.toLowerCase()===t.toLowerCase()&&a({event:o,key:t})};return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}}}function ce(t,a){const n=e.ref(t.enableEsc);let o=null;return n.value?(o=le("Escape",f=>{a.emit("esc",{event:f.event,type:"esc"})}),{remove:o}):null}function de(t,a){const n=e.ref(t.enableEnter);let o=null;return n.value?(o=le("Enter",f=>{a.emit("enter",{event:f.event,type:"enter"})}),{remove:o}):null}const X=e.defineComponent({name:"FModal",props:ee,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter","stopMove"],setup(t,a){const n=e.ref(t.width||300),o=e.ref(t.height||200),f=e.ref(t.modelValue),m=e.ref(""),d=e.ref(t.class),u=e.ref(t.fitContent),c=e.ref(t.showHeader),v=e.ref(""),p=e.ref(t.showCloseButton),M=e.ref(t.showMaxButton),P=e.ref(!1),L=e.ref(t.dialogType),I=e.ref(t.src),O=e.ref(""),R=e.ref(t.showButtons),V=e.ref(t.title),B=e.ref(t.containment||null),T=e.ref();V.value==="错误提示"&&(V.value=F.LocaleService.getLocaleValue("messageBox.errorTitle"));const D=e.ref(!1);function b(l,h){const S=h?"accept":"cancel";Promise.resolve().then(()=>{var N;return(N=t.beforeClose)==null?void 0:N.call(t,{closeType:S})}).then(N=>{N&&(f.value=!1,a.emit("update:modelValue",!1),h!=null&&a.emit(h?"accept":"cancel"),a.emit("closed",l))})}const z=[{name:"cancel",text:F.LocaleService.getLocaleValue("messageBox.cancel")||"取消",class:"btn btn-secondary",handle:l=>{b(l,!1)}},{name:"accept",text:F.LocaleService.getLocaleValue("messageBox.ok")||"确定",class:"btn btn-primary",handle:l=>{b(l,!0)}}],r=e.ref(t.buttons&&t.buttons.length?t.buttons:z),y=e.computed(()=>!!v.value),H=e.computed(()=>!!R.value&&!!r.value),j=e.ref(),C=e.ref(),W=e.ref(!1),{renderResizeBar:_,maximize:K,restore:$,boundingElement:Y,resizedEventParam:J,allowDrag:s,unWindowResizeHandle:i,moveToCenter:w}=te(t),{registerDraggle:g}=ae(t,a,s);function k(){return!!document.querySelectorAll(".farris-modal").length&&document.body.classList.contains("modal-open")}function me(){const l=document.querySelectorAll(".farris-modal").length;(!l||l-1<=0)&&document.body.classList.remove("modal-open"),T.value&&T.value.classList.remove("show")}e.watch(()=>t.title,(l,h)=>{l!==h&&(V.value=l)}),e.watch(()=>t.modelValue,(l,h)=>{l!==h&&(f.value=l,f.value&&t.draggable&&e.nextTick(()=>{C.value&&!B.value&&(B.value=C.value.parentElement,Y.value=B.value,g(j.value,C.value,Y.value),w())}),l||(B.value&&(B.value=null),me())),f.value?D.value=k():(W.value=!1,s.value=t.draggable)}),e.watch(()=>t.showHeader,(l,h)=>{l!==h&&(c.value=l)}),e.watch(()=>t.showButtons,(l,h)=>{l!==h&&(R.value=l)}),e.watch(()=>J.value,(l,h)=>{const S=l||{},N=h||{};JSON.stringify(S)!==JSON.stringify(N)&&a.emit("resize",{newSize:l,oldSize:h,isMaximized:W.value})}),e.watch([()=>t.width,()=>t.height],(l,h)=>{(l[0]!==h[0]||l[1]!==h[1])&&(n.value=l[0]||500,o.value=l[1]||600)});const Z=e.computed(()=>(f.value&&document.body.classList.add("modal-open"),f.value)),ge=e.computed(()=>{var S;const l={modal:!0,"farris-modal":!0,fade:!0};l["f-modal-fitContent"]=!!u.value,l.show=!!Z.value;const h=(S=t.maskClass)==null?void 0:S.split(" ");return h==null||h.reduce((N,q)=>(N[q]=!0,N),l),l}),ye=e.computed(()=>{var S;const l={"modal-dialog":!0},h=(S=d.value)==null?void 0:S.split(" ");return h==null||h.reduce((N,q)=>(N[q]=!0,N),l),l}),be=e.computed(()=>{const l=document.documentElement.clientWidth,h=document.documentElement.clientHeight,S=Math.min(n.value,l),N=u.value?"auto":`${Math.min(o.value,h-10)}px`,q={position:"absolute",top:`${(window.innerHeight-parseInt(N==="auto"?"0":N))/2}px`,left:`${(window.innerWidth-S)/2}px`,width:`${S}px`,height:N};return t.mask||(q.pointerEvents="auto"),q}),we=()=>re.getMaxZIndex()||1040,pe=e.computed(()=>{const l={display:"block",zIndex:we()};return t.mask||(l.pointerEvents="none",l.backgroundColor="transparent"),D.value&&(l.backgroundColor="transparent"),l}),xe=e.computed(()=>({"modal-content":!0,"modal-content-has-header":c.value})),Ce=e.computed(()=>{const l={display:c.value?"":"none"};return l["pointer-events"]=s.value?"auto":"none",l}),Me=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:W.value})),Ee=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":L.value==="iframe","f-utils-fill":!0}));function ze(){return{height:`${t.footerHeight||60}px`}}const ke=e.computed(()=>{const l={textAlgin:O.value},h=ze();return Object.assign(l,h)});function ie(l){if(l==null||l.stopPropagation(),W.value){W.value=!1,$();return}K(),W.value=!0}async function Be(l,h){l.handle&&await l.handle(h,l)&&a.emit("closed",h)}function He(l){l.width&&(n.value=l.width),l.height&&(o.value=l.height),l.buttons&&(r.value=l.buttons),l.title&&(V.value=l.title)}let G=null,Q=null;e.onBeforeMount(()=>{D.value=k()}),e.onMounted(()=>{C.value&&!B.value&&(B.value=C.value.parentElement,Y.value=B.value,g(j.value,C.value,Y.value)),Z.value&&document.body.classList.add("modal-open"),G=ce(t,a),Q=de(t,a)}),e.onUnmounted(()=>{i&&i(),G&&G.remove(),Q&&Q.remove()}),a.expose({modalElementRef:C,updateModalOptions:He,close:b,maxDialog:ie,isMaximized:W});function Te(){return e.createVNode("ul",null,[P.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),M.value&&e.createVNode("li",{onClick:ie,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:Me.value},null)]),p.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:l=>b(l,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function Ne(){return e.createVNode("div",{class:"modal-footer",style:ke.value},[r.value&&r.value.map(l=>{const h=e.ref(l.disabled);return e.createVNode("button",{name:l.name,type:"button",disabled:h.value,class:l.class+(l.iconClass?" btn-icontext":""),onClick:S=>{Be(l,S)}},[!!l.iconClass&&e.createVNode("i",{class:l.iconClass},null),l.text])})])}function Ve(){return e.createVNode("div",{ref:j,class:"modal-header",style:Ce.value},[a.slots.headerTemplate?a.slots.headerTemplate():e.createVNode("div",{class:"modal-title"},[y.value&&e.createVNode("span",{class:v.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[V.value])]),e.createVNode("div",{class:"actions"},[Te()])])}function Se(){return a.slots.footerTemplate?a.slots.footerTemplate():H.value&&Ne()}function Ie(l){if(l.stopPropagation(),t.allowClickMaskToClose){if(l.target!==T.value)return;b(l,!1)}}function Pe(){var l,h;return e.createVNode("div",{id:m.value,class:ye.value,style:be.value,ref:C},[e.createVNode("div",{class:xe.value},[c.value&&Ve(),e.createVNode("div",{class:Ee.value},[(h=(l=a.slots).default)==null?void 0:h.call(l),L.value==="iframe"&&e.createVNode("iframe",{title:m.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:I.value},null)]),Se()]),!u.value&&C.value&&!W.value&&_(C.value)])}function Re(l){return l||"body"}return()=>e.createVNode(e.Teleport,{to:Re(t.host)},{default:()=>[Z.value&&e.createVNode(e.Transition,{name:"fade",appear:!0},{default:()=>[e.createVNode("div",{ref:T,class:ge.value,style:pe.value,onClick:Ie},[Pe()])]})]})}});function ne(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function fe(t){const a=document.createElement("div");a.style.display="contents";const n=e.createApp({setup(o,f){e.onUnmounted(()=>{document.body.removeChild(a)});const m=e.ref(),d=e.ref(t.class||""),u=e.ref(!!t.showButtons),c=e.ref(!!t.showHeader),v=e.ref(t.showCloseButton==null?!0:t.showCloseButton),p=e.ref(!0),M=e.ref(t.title||""),P=t.acceptCallback||(()=>{}),L=t.rejectCallback||(()=>{}),I=t.closedCallback||(T=>{}),O=t.resizeHandle||(T=>{}),R=t.stopMoveHandle||(T=>{}),V=ne(t),B=T=>{p.value=!1,n.unmount(),I(T)};return e.onMounted(()=>{}),f.expose({modalRef:m}),()=>e.createVNode(X,{ref:m,class:d.value,modelValue:p.value,"onUpdate:modelValue":T=>p.value=T,title:M.value,width:t.width,height:t.height,buttons:t.buttons,"show-header":c.value,"show-buttons":u.value,"show-close-button":v.value,"show-max-button":!1,onAccept:P,onCancel:L,fitContent:t.fitContent==null?!0:t.fitContent,onClosed:B,onResize:O,onStopMove:R},{default:()=>[V&&V(n)]})}});return document.body.appendChild(a),n.use(F.LocaleService.i18n),n.mount(a),n}class oe{constructor(a){A(this,"appContext",null);A(this,"modalRef",e.ref());A(this,"activeModalIndex",e.ref(0));A(this,"modalRefs",{});A(this,"isUseEscCloseModal",e.ref(!1));A(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=a,this.appContext=a?a._context:null}getCurrentModal(){return this.activeModalInstance.value}adaptToWindow(a,n){const{width:o,height:f}={width:window.innerWidth,height:window.innerHeight};return o<a&&(a=o-14),f<n&&(n=f-14),{width:a,height:n}}static show(a){const n=Object.assign({title:"",showButtons:!0,showHeader:!0},a);return fe(n)}close(a){var n,o;a?(o=a.value)==null||o.close():(n=this.getCurrentModal())==null||n.close()}open(a){const n=document.createDocumentFragment();a.showMaxButton&&a.fitContent&&(a.showMaxButton=!1);const o=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},a)),f=e.ref(!0),m=o.value.acceptCallback||(()=>{}),d=o.value.rejectCallback||(()=>{}),u=o.value.closedCallback||((b,z)=>{}),c=o.value.resizeHandle||(b=>{}),v=a.stopMoveHandle||(b=>{});let p;const M=ne(o.value),P=b=>{var r;f.value=!1;const z=(r=b==null?void 0:b.target)==null?void 0:r.classList.contains("modal_close");u(b,this.isUseEscCloseModal.value?"esc":z?"icon":"button")},L=b=>{P(b),p&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,n),p=null,this.modalRef.value=null,this.modalRefs){const z=Object.keys(this.modalRefs).map(r=>Number(r));z.length>0?this.activeModalIndex.value=Math.max(...z):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},I=b=>{var z;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((z=this.activeModalInstance.value)==null||z.close(b==null?void 0:b.event))},{width:O,height:R}=o.value,V=this.adaptToWindow(O||500,R||320);Object.assign(o.value,V);const B=()=>e.createVNode(X,e.mergeProps({ref:this.modalRef,modelValue:f.value,"onUpdate:modelValue":b=>f.value=b},o.value,{onAccept:m,onCancel:d,onClosed:L,onResize:c,onEsc:I,onStopMove:v}),{default:()=>[M&&M(this.app)]});return p=(b=>{const z=e.h(B,b);return z.appContext=this.appContext,e.render(z,n),z})({...o.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:b=>{o.value={...o.value,...b},p&&e.render(e.cloneVNode(p,{...o}),n)},destroy:L,modalRef:this.activeModalInstance,close:()=>this.close()}}}const ve=[{label:"beforeClose",name:"关闭前事件"},{label:"onAccept",name:"确定事件"},{label:"onCancel",name:"取消事件"}];class he extends ue.BaseControlProperty{constructor(n,o){super(n,o);A(this,"numberEditor",{type:"number-spinner",useThousands:!1})}getPropertyConfig(n){const o=this.getEventPropConfig(n);return this.propertyConfig.categories.dialog=this.getDialogPropertyConfig(n),this.propertyConfig.categories.eventsEditor=o,this.propertyConfig}getDialogPropertyConfig(n){return{description:"窗口尺寸配置",title:"窗口",parentPropertyID:"dialog",properties:{title:{description:"标题",title:"标题",type:"string",visible:!0},width:{description:"窗口宽度，单位：px，最小值：300px，最大值：3000px",title:"宽度",type:"number",editor:{...this.numberEditor,min:300,max:3e3}},height:{description:"窗口高度，单位：px，最小值：200px，最大值：2000px",title:"高度",type:"number",editor:{...this.numberEditor,min:200,max:2e3}},resizeable:{description:"允许鼠标拖拽窗口边缘调整尺寸",title:"允许调整窗口尺寸",type:"boolean",visible:!0},enableEsc:{description:"允许ESC关闭",title:"允许ESC关闭",type:"boolean",visible:!1},showMaxButton:{description:"显示最大化按钮",title:"显示最大化按钮",type:"boolean",visible:!0},showCloseButton:{description:"显示关闭按钮",title:"显示关闭按钮",type:"boolean",visible:!0}}}}getEventPropConfig(n){const o=this,f=ve,m=o.eventsEditorUtils.formProperties(n,o.viewModelId,f);return{title:"事件",hideTitle:!0,properties:o.createBaseEventProperty(m),refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(u,c){const v=u.propertyValue;delete n[o.viewModelId],v&&o.eventsEditorUtils.saveRelatedParameters(n,o.viewModelId,v.events,v),f.forEach(p=>{c[p.label]=n[p.label]})}}}}const se=Symbol("FModalService");X.install=t=>{t.component(X.name,X);const a=new oe(t);t.provide(se,a),t.provide("FModalService",a)},x.FModal=X,x.FModalService=oe,x.F_MODAL_SERVICE_TOKEN=se,x.ModalProperty=he,x.default=X,x.modalProps=ee,x.useDraggable=ae,x.useResizeable=te,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../locale/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.modal={},x.Vue,x.locale,x.common,x.propertyPanel))})(this,function(x,e,D,J,de){"use strict";var Oe=Object.defineProperty;var je=(x,e,D)=>e in x?Oe(x,e,{enumerable:!0,configurable:!0,writable:!0,value:D}):x[e]=D;var U=(x,e,D)=>je(x,typeof e!="symbol"?e+"":e,D);const te={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 E{constructor(a,n){this.x=a,this.y=n}static getTransformInfo(a){const o=window.getComputedStyle(a).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(o.length>=6){const h=parseInt(o[4],10),m=parseInt(o[5],10);return{x:h,y:m}}return{x:0,y:0}}static fromEvent(a,n=null){if(this.isMouseEvent(a))return new E(a.clientX,a.clientY);if(n===null||a.changedTouches.length===1)return new E(a.changedTouches[0].clientX,a.changedTouches[0].clientY);for(let o=0;o<a.changedTouches.length;o++)if(a.changedTouches[o].target===n)return new E(a.changedTouches[o].clientX,a.changedTouches[o].clientY)}static isMouseEvent(a){return Object.prototype.toString.apply(a).indexOf("MouseEvent")===8}static isIPosition(a){return!!a&&"x"in a&&"y"in a}static getCurrent(a){const n=new E(0,0);if(window){const o=window.getComputedStyle(a);if(o){const h=parseInt(o.getPropertyValue("left"),10),m=parseInt(o.getPropertyValue("top"),10);n.x=isNaN(h)?0:h,n.y=isNaN(m)?0:m}return n}return null}static copy(a){return new E(0,0).set(a)}get value(){return{x:this.x,y:this.y}}add(a){return this.x+=a.x,this.y+=a.y,this}subtract(a){return this.x-=a.x,this.y-=a.y,this}multiply(a){this.x*=a,this.y*=a}divide(a){this.x/=a,this.y/=a}reset(){return this.x=0,this.y=0,this}set(a){return this.x=a.x,this.y=a.y,this}}class X{constructor(a,n){this.width=a,this.height=n}static getCurrent(a){const n=new X(0,0);if(window){const o=window.getComputedStyle(a);return o&&(n.width=parseInt(o.getPropertyValue("width"),10),n.height=parseInt(o.getPropertyValue("height"),10)),n}return null}static copy(a){return new X(0,0).set(a)}set(a){return this.width=a.width,this.height=a.height,this}}function ae(t,a){const n=e.ref(),o=e.ref(),h=e.ref(),m=e.ref(),d=e.ref(),u=e.ref(),c=e.ref(),v=e.ref(),p=e.ref(),M=e.ref(),P=e.ref(),L=e.ref(t.resizeable),I=e.ref(),O=e.ref(t.draggable),R=e.ref(!1);function N(){const s=o.value||document.body,i=window.getComputedStyle(s);if(!i||!n.value)return;const b=E.getTransformInfo(n.value),g={};c.value&&(g.deltaL=n.value.offsetLeft-c.value.x,g.deltaT=n.value.offsetTop-c.value.y);const k=i.getPropertyValue("position");g.width=s.clientWidth,g.height=s.clientHeight,g.pr=parseInt(i.getPropertyValue("padding-right"),10),g.pb=parseInt(i.getPropertyValue("padding-bottom"),10),g.position=i.getPropertyValue("position"),k==="static"&&(s.style.position="relative"),g.translateX=b.x,g.translateY=b.y,M.value=g}function B(s){if(n.value){m.value=X.getCurrent(n.value),d.value=E.getCurrent(n.value),u.value=m.value?X.copy(m.value):null,c.value=d.value?E.copy(d.value):null,N();const i=s.target.getAttribute("type")||"";v.value={n:!!i.match(/n/),s:!!i.match(/s/),w:!!i.match(/w/),e:!!i.match(/e/)}}}function T(){var s,i,b,g;if(n.value){const k=n.value;v.value&&((v.value.n||v.value.s)&&((s=u.value)!=null&&s.height)&&(k.style.height=u.value.height+"px"),(v.value.w||v.value.e)&&((i=u.value)!=null&&i.width)&&(k.style.width=u.value.width+"px"),c.value&&((b=c.value)!=null&&b.x&&(k.style.left=c.value.x+"px"),(g=c.value)!=null&&g.y&&(k.style.top=c.value.y+"px")))}}function A(){const s=t.minHeight?t.minHeight:1,i=t.minWidth?t.minWidth:1;u.value&&c.value&&v.value&&m.value&&(u.value.height<s&&(u.value.height=s,v.value.n&&d.value&&(c.value.y=d.value.y+(m.value.height-s))),u.value.width<i&&(u.value.width=i,v.value.w&&d.value&&(c.value.x=d.value.x+(m.value.width-i))),t.maxHeight&&u.value.height>t.maxHeight&&(u.value.height=t.maxHeight,d.value&&v.value.n&&(c.value.y=d.value.y+(m.value.height-t.maxHeight))),t.maxWidth&&u.value.width>t.maxWidth&&(u.value.width=t.maxWidth,v.value.w&&d.value&&(c.value.x=d.value.x+(m.value.width-t.maxWidth))))}function w(){if(o.value){const s=M.value;if(c.value&&u.value&&v.value&&m.value){const i=s.width-s.pr-s.deltaL-s.translateX-c.value.x,b=s.height-s.pb-s.deltaT-s.translateY-c.value.y;v.value.n&&c.value.y+s.translateY<0&&d.value&&(c.value.y=-s.translateY,u.value.height=m.value.height+d.value.y+s.translateY),v.value.w&&c.value.x+s.translateX<0&&d.value&&(c.value.x=-s.translateX,u.value.width=m.value.width+d.value.x+s.translateX),u.value.width>i&&(u.value.width=i),u.value.height>b&&(u.value.height=b)}}}function z(s){if(!h.value||!m.value||!d.value||!v.value)return;s.subtract(h.value);const i=s.x,b=s.y;v.value.n?(c.value.y=d.value.y+b,u.value.height=m.value.height-b):v.value.s&&(u.value.height=m.value.height+b),v.value.e?u.value.width=m.value.width+i:v.value.w&&(u.value.width=m.value.width-i,c.value.x=d.value.x+i),w(),A(),T()}function r(s){if(!p.value)return;const i=E.fromEvent(s);i&&z(i)}function y(){if(n.value){const{width:s,height:i,x:b,y:g}=n.value.getBoundingClientRect(),k=E.getTransformInfo(n.value);return{size:{width:s,height:i},position:{x:b-k.x,y:g-k.y}}}return null}function H(s){if(n.value){const i=y();P.value=i}h.value=void 0,m.value=null,d.value=null,u.value=null,c.value=null,v.value=null,p.value=null,document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",H)}function j(){document.addEventListener("mousemove",r),document.addEventListener("mouseup",H)}function C(s){s instanceof MouseEvent&&s.button===2||O.value&&(document.body.click(),s.stopPropagation(),s.preventDefault(),h.value=E.fromEvent(s),p.value=s.target,B(s),j())}function W(s){return n.value=s,L.value&&e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:i=>C(i)},null),e.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:i=>C(i)},null)])}function $(s=!0){document.body.click();const i=o.value||document.body,b=X.getCurrent(i),g=n.value;s&&g&&(I.value=y(),I.value.transform=g.style.transform),b&&g&&(u.value=b,u.value.height-=14,u.value.width-=14,g.style.height=u.value.height+"px",g.style.width=u.value.width+"px",g.style.left="7px",g.style.top="7px",g.style.transform="",P.value={size:u.value,position:{x:0,y:0}},O.value=!1,R.value=!0)}function Z(){var s,i;if(document.body.click(),I.value){const b={width:I.value.size.width||0,height:I.value.size.height||0},g={x:(window.innerWidth-b.width)/2,y:(window.innerHeight-b.height)/2};(s=u.value)==null||s.set(b),(i=c.value)==null||i.set(g);const k=n.value;k.style.height=b.height+"px",k.style.width=b.width+"px",k.style.left=`${g.x}px`,k.style.top=`${g.y}px`,k.style.transform="",P.value={size:b,position:g},O.value=t.draggable,R.value=!1}}function _(){if(n.value){const s=X.getCurrent(n.value);if(s){const{width:i,height:b}=s;n.value.style.left=`${(window.innerWidth-i)/2}px`,n.value.style.top=`${(window.innerHeight-b)/2}px`,n.value.style.transform=""}}}function q(){const s=()=>{R.value?$(!1):_(),document.body.click()};return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}}const G=q();return{renderResizeBar:W,boundingElement:o,resizedEventParam:P,maximize:$,restore:Z,allowDrag:O,isMaximized:R,unWindowResizeHandle:G,moveToCenter:_}}function le(t,a,n){const o=e.ref(),h=e.ref(t.draggable),m=e.ref(t.lockAxis),d=e.ref(),u=e.ref(),c=e.ref(!1),v=e.ref(new E(0,0)),p=e.ref(new E(0,0)),M=e.ref(new E(0,0)),P=e.ref(new E(0,0));e.watch(()=>n.value,r=>{d.value.style.cursor=r?"move":"default"});function L(r,y){if(y.tagName==="BUTTON")return!1;if(y===r)return!0;for(const H in y.children)if(Object.prototype.hasOwnProperty.call(y.children,H)&&L(r,y.children[H]))return!0;return!1}function I(){var j,C;let r=M.value.x+p.value.x,y=M.value.y+p.value.y;m.value==="x"?(r=((j=v.value)==null?void 0:j.x)||0,M.value.x=0):m.value==="y"&&(y=((C=v.value)==null?void 0:C.y)||0,M.value.y=0);const H=`translate3d(${Math.round(r)}px, ${Math.round(y)}px, 0px)`;o.value&&(o.value.style.transform=H),P.value.x=r,P.value.y=y}function O(){if(!u.value||!o.value)return null;const r=u.value.getBoundingClientRect(),y=o.value.getBoundingClientRect(),H={top:r.top<y.top,right:r.right>y.right,bottom:r.bottom>y.bottom,left:r.left<y.left};return H.top||(M.value.y-=y.top-r.top),H.bottom||(M.value.y-=y.bottom-r.bottom),H.right||(M.value.x-=y.right-r.right),H.left||(M.value.x-=y.left-r.left),I(),H}function R(r){r&&(v.value&&r.subtract(v.value),M.value.set(r),I(),O())}function N(r){c.value&&h.value&&(r.stopPropagation(),r.preventDefault(),R(E.fromEvent(r,d.value)))}function B(){var r;c.value&&(c.value=!1,p.value.add(M.value),M.value.reset(),(r=o.value)==null||r.classList.remove("ng-dragging"),a.emit("stopMove"),document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",B))}function T(){!c.value&&d.value&&(c.value=!0,d.value.classList.add("ng-dragging"),document.addEventListener("mousemove",N),document.addEventListener("mouseup",B))}function A(){if(o.value){const r=E.getTransformInfo(o.value);p.value.set(r);return}p.value.reset()}function w(r){if(!n.value||r instanceof MouseEvent&&r.button===2)return;const y=r.target||r.srcElement;d.value!==void 0&&y&&!L(y,d.value)||h.value!==!1&&(document.body.click(),r.stopPropagation(),r.preventDefault(),v.value=E.fromEvent(r,o.value),A(),T())}function z(r,y,H){if(h.value&&y){if(r)d.value=r;else if(t.dragHandle){if(t.dragHandle instanceof HTMLElement)d.value=t.dragHandle;else if(typeof t.dragHandle=="string"){const j=y.querySelector(t.dragHandle);j&&(d.value=j)}}o.value=y,u.value=H,d.value?(d.value.classList.add("ng-draggable"),d.value.addEventListener("mousedown",w)):h.value=!1}}return{registerDraggle:z,resetTranslate:A}}function ne(t,a){if(t){const n=o=>{o.key.toLowerCase()===t.toLowerCase()&&a({event:o,key:t})};return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}}}function fe(t,a){const n=e.ref(t.enableEsc);let o=null;return n.value?(o=ne("Escape",h=>{a.emit("esc",{event:h.event,type:"esc"})}),{remove:o}):null}function he(t,a){const n=e.ref(t.enableEnter);let o=null;return n.value?(o=ne("Enter",h=>{a.emit("enter",{event:h.event,type:"enter"})}),{remove:o}):null}const Y=e.defineComponent({name:"FModal",props:te,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter","stopMove"],setup(t,a){const n=e.ref(t.width||300),o=e.ref(t.height||200),h=e.ref(t.modelValue),m=e.ref(""),d=e.ref(t.class),u=e.ref(t.fitContent),c=e.ref(t.showHeader),v=e.ref(""),p=e.ref(t.showCloseButton),M=e.ref(t.showMaxButton),P=e.ref(!1),L=e.ref(t.dialogType),I=e.ref(t.src),O=e.ref(""),R=e.ref(t.showButtons),N=e.ref(t.title),B=e.ref(t.containment||null),T=e.ref();N.value==="错误提示"&&(N.value=D.LocaleService.getLocaleValue("messageBox.errorTitle"));const A=e.ref(!1);function w(l,f){const S=f?"accept":"cancel";Promise.resolve().then(()=>{var V;return(V=t.beforeClose)==null?void 0:V.call(t,{closeType:S})}).then(V=>{V&&(h.value=!1,a.emit("update:modelValue",!1),f!=null&&a.emit(f?"accept":"cancel"),a.emit("closed",l))})}const z=[{name:"cancel",text:D.LocaleService.getLocaleValue("messageBox.cancel")||"取消",class:"btn btn-secondary",handle:l=>{w(l,!1)}},{name:"accept",text:D.LocaleService.getLocaleValue("messageBox.ok")||"确定",class:"btn btn-primary",handle:l=>{w(l,!0)}}],r=e.ref(t.buttons&&t.buttons.length?t.buttons:z),y=e.computed(()=>!!v.value),H=e.computed(()=>!!R.value&&!!r.value),j=e.ref(),C=e.ref(),W=e.ref(!1),{renderResizeBar:$,maximize:Z,restore:_,boundingElement:q,resizedEventParam:G,allowDrag:s,unWindowResizeHandle:i,moveToCenter:b}=ae(t),{registerDraggle:g}=le(t,a,s);function k(){return!!document.querySelectorAll(".farris-modal").length&&document.body.classList.contains("modal-open")}function ye(){const l=document.querySelectorAll(".farris-modal").length;(!l||l-1<=0)&&document.body.classList.remove("modal-open"),T.value&&T.value.classList.remove("show")}e.watch(()=>t.title,(l,f)=>{l!==f&&(N.value=l)}),e.watch(()=>t.modelValue,(l,f)=>{l!==f&&(h.value=l,h.value&&t.draggable&&e.nextTick(()=>{C.value&&!B.value&&(B.value=C.value.parentElement,q.value=B.value,g(j.value,C.value,q.value),b())}),l||(B.value&&(B.value=null),ye())),h.value?A.value=k():(W.value=!1,s.value=t.draggable)}),e.watch(()=>t.showHeader,(l,f)=>{l!==f&&(c.value=l)}),e.watch(()=>t.showButtons,(l,f)=>{l!==f&&(R.value=l)}),e.watch(()=>G.value,(l,f)=>{const S=l||{},V=f||{};JSON.stringify(S)!==JSON.stringify(V)&&a.emit("resize",{newSize:l,oldSize:f,isMaximized:W.value})}),e.watch([()=>t.width,()=>t.height],(l,f)=>{(l[0]!==f[0]||l[1]!==f[1])&&(n.value=l[0]||500,o.value=l[1]||600)}),e.watch(()=>t.class,(l,f)=>{d.value=l});const K=e.computed(()=>(h.value&&document.body.classList.add("modal-open"),h.value)),we=e.computed(()=>{var S;const l={modal:!0,"farris-modal":!0,fade:!0};l["f-modal-fitContent"]=!!u.value,l.show=!!K.value;const f=(S=t.maskClass)==null?void 0:S.split(" ");return f==null||f.reduce((V,F)=>(V[F]=!0,V),l),l}),be=e.computed(()=>{var S;const l={"modal-dialog":!0},f=(S=d.value)==null?void 0:S.split(" ");return f==null||f.reduce((V,F)=>(V[F]=!0,V),l),l}),re=()=>J.isMobilePhone()&&!t.isMessager,pe=e.computed(()=>{const l=document.documentElement.clientWidth,f=document.documentElement.clientHeight,S=Math.min(n.value,l),V=u.value?"auto":`${Math.min(o.value,f-10)}px`,F={position:"absolute",top:`${(window.innerHeight-parseInt(V==="auto"?"0":V))/2}px`,left:`${(window.innerWidth-S)/2}px`,width:`${S}px`,height:V};return re()&&(F.top="0px",F.left="0px",F.width=`${window.innerWidth}px`,F.height=`${window.innerHeight}px`),t.mask||(F.pointerEvents="auto"),F}),ue=e.ref(J.getMaxZIndex()||1050),xe=e.computed(()=>{const l={display:"block",overflow:"hidden"};return t.mask||(l.pointerEvents="none",l.backgroundColor="transparent"),A.value&&(l.backgroundColor="transparent"),l.zIndex=ue.value,l}),Ce=e.computed(()=>({"modal-content":!0,"modal-content-has-header":c.value,"is-mobile":re()})),Me=e.computed(()=>{const l={display:c.value?"":"none"};return l["pointer-events"]=s.value?"auto":"none",l}),Ee=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:W.value})),ze=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":L.value==="iframe","f-utils-fill":!0}));function ke(){return{height:`${t.footerHeight||60}px`}}const Be=e.computed(()=>{const l={textAlgin:O.value},f=ke();return Object.assign(l,f)});function ce(l){if(l==null||l.stopPropagation(),W.value){W.value=!1,_();return}Z(),W.value=!0}async function He(l,f){l.handle&&await l.handle(f,l)&&a.emit("closed",f)}function Te(l){l.width&&(n.value=l.width),l.height&&(o.value=l.height),l.buttons&&(r.value=l.buttons),l.title&&(N.value=l.title)}let Q=null,ee=null;e.onBeforeMount(()=>{A.value=k()}),e.onMounted(()=>{C.value&&!B.value&&(B.value=C.value.parentElement,q.value=B.value,g(j.value,C.value,q.value)),K.value&&document.body.classList.add("modal-open"),Q=fe(t,a),ee=he(t,a)}),e.onUnmounted(()=>{i&&i(),Q&&Q.remove(),ee&&ee.remove()}),a.expose({modalElementRef:C,updateModalOptions:Te,close:w,maxDialog:ce,isMaximized:W});function Ve(){return e.createVNode("ul",null,[P.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),M.value&&e.createVNode("li",{onClick:ce,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:Ee.value},null)]),p.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:l=>w(l,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function Ne(){return e.createVNode("div",{class:"modal-footer",style:Be.value},[r.value&&r.value.map(l=>{const f=e.ref(l.disabled);return e.createVNode("button",{name:l.name,type:"button",disabled:f.value,class:l.class+(l.iconClass?" btn-icontext":""),onClick:S=>{He(l,S)}},[!!l.iconClass&&e.createVNode("i",{class:l.iconClass},null),l.text])})])}function Se(){return e.createVNode("div",{ref:j,class:"modal-header",style:Me.value},[a.slots.headerTemplate?a.slots.headerTemplate():e.createVNode("div",{class:"modal-title"},[y.value&&e.createVNode("span",{class:v.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[N.value])]),e.createVNode("div",{class:"actions"},[Ve()])])}function Ie(){return a.slots.footerTemplate?a.slots.footerTemplate():H.value&&Ne()}function Pe(l){if(l.stopPropagation(),t.allowClickMaskToClose){if(l.target!==T.value)return;w(l,!1)}}function Re(){var l,f;return e.createVNode("div",{id:m.value,class:be.value,style:pe.value,ref:C},[e.createVNode("div",{class:Ce.value},[c.value&&Se(),e.createVNode("div",{class:ze.value},[(f=(l=a.slots).default)==null?void 0:f.call(l),L.value==="iframe"&&e.createVNode("iframe",{title:m.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:I.value},null)]),Ie()]),!u.value&&C.value&&!W.value&&$(C.value)])}function Le(l){return l||"body"}return e.watchEffect(()=>{K.value&&(ue.value=J.getMaxZIndex()||1050)}),()=>e.createVNode(e.Teleport,{to:Le(t.host)},{default:()=>[K.value&&e.createVNode(e.Transition,{name:"fade",appear:!0},{default:()=>[e.createVNode("div",{ref:T,class:we.value,style:xe.value,onClick:Pe},[Re()])]})]})}});function oe(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function ve(t){const a=document.createElement("div");a.style.display="contents";const n=e.createApp({setup(o,h){e.onUnmounted(()=>{document.body.removeChild(a)});const m=e.ref(),d=e.ref(t.class||""),u=e.ref(!!t.showButtons),c=e.ref(!!t.showHeader),v=e.ref(t.showCloseButton==null?!0:t.showCloseButton),p=e.ref(!0),M=e.ref(t.title||""),P=t.acceptCallback||(()=>{}),L=t.rejectCallback||(()=>{}),I=t.closedCallback||(T=>{}),O=t.resizeHandle||(T=>{}),R=t.stopMoveHandle||(T=>{}),N=oe(t),B=T=>{p.value=!1,n.unmount(),I(T)};return e.onMounted(()=>{}),h.expose({modalRef:m}),()=>e.createVNode(Y,{ref:m,class:d.value,modelValue:p.value,"onUpdate:modelValue":T=>p.value=T,title:M.value,width:t.width,height:t.height,buttons:t.buttons,"show-header":c.value,"show-buttons":u.value,"show-close-button":v.value,"show-max-button":!1,onAccept:P,onCancel:L,fitContent:t.fitContent==null?!0:t.fitContent,onClosed:B,onResize:O,onStopMove:R},{default:()=>[N&&N(n)]})}});return document.body.appendChild(a),n.use(D.LocaleService.i18n),n.mount(a),n}class se{constructor(a){U(this,"appContext",null);U(this,"modalRef",e.ref());U(this,"activeModalIndex",e.ref(0));U(this,"modalRefs",{});U(this,"isUseEscCloseModal",e.ref(!1));U(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=a,this.appContext=a?a._context:null}getCurrentModal(){return this.activeModalInstance.value}adaptToWindow(a,n){const{width:o,height:h}={width:window.innerWidth,height:window.innerHeight};return o<a&&(a=o-14),h<n&&(n=h-14),{width:a,height:n}}static show(a){const n=Object.assign({title:"",showButtons:!0,showHeader:!0},a);return ve(n)}close(a){var n,o;a?(o=a.value)==null||o.close():(n=this.getCurrentModal())==null||n.close()}open(a){const n=document.createDocumentFragment();a.showMaxButton&&a.fitContent&&(a.showMaxButton=!1);const o=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},a)),h=e.ref(!0),m=o.value.acceptCallback||(()=>{}),d=o.value.rejectCallback||(()=>{}),u=o.value.closedCallback||((w,z)=>{}),c=o.value.resizeHandle||(w=>{}),v=a.stopMoveHandle||(w=>{});let p;const M=oe(o.value),P=w=>{var r;h.value=!1;const z=(r=w==null?void 0:w.target)==null?void 0:r.classList.contains("modal_close");u(w,this.isUseEscCloseModal.value?"esc":z?"icon":"button")},L=w=>{P(w),p&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,n),p=null,this.modalRef.value=null,this.modalRefs){const z=Object.keys(this.modalRefs).map(r=>Number(r));z.length>0?this.activeModalIndex.value=Math.max(...z):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},I=w=>{var z;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((z=this.activeModalInstance.value)==null||z.close(w==null?void 0:w.event))},{width:O,height:R}=o.value,N=this.adaptToWindow(O||500,R||320);Object.assign(o.value,N);const B=()=>e.createVNode(Y,e.mergeProps({ref:this.modalRef,modelValue:h.value,"onUpdate:modelValue":w=>h.value=w},o.value,{isMessager:o.value.class&&o.value.class.indexOf("modal-message")>-1,onAccept:m,onCancel:d,onClosed:L,onResize:c,onEsc:I,onStopMove:v}),{default:()=>[M&&M(this.app)]});return p=(w=>{const z=e.h(B,w);return z.appContext=this.appContext,e.render(z,n),z})({...o.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:w=>{o.value={...o.value,...w},p&&e.render(e.cloneVNode(p,{...o}),n)},destroy:L,modalRef:this.activeModalInstance,close:()=>this.close()}}}const me=[{label:"beforeClose",name:"关闭前事件"},{label:"onAccept",name:"确定事件"},{label:"onCancel",name:"取消事件"}];class ge extends de.BaseControlProperty{constructor(n,o){super(n,o);U(this,"numberEditor",{type:"number-spinner",useThousands:!1})}getPropertyConfig(n){const o=this.getEventPropConfig(n);return this.propertyConfig.categories.dialog=this.getDialogPropertyConfig(n),this.propertyConfig.categories.eventsEditor=o,this.propertyConfig}getDialogPropertyConfig(n){return{description:"窗口尺寸配置",title:"窗口",parentPropertyID:"dialog",properties:{title:{description:"标题",title:"标题",type:"string",visible:!0},width:{description:"窗口宽度，单位：px，最小值：300px，最大值：3000px",title:"宽度",type:"number",editor:{...this.numberEditor,min:300,max:3e3}},height:{description:"窗口高度，单位：px，最小值：200px，最大值：2000px",title:"高度",type:"number",editor:{...this.numberEditor,min:200,max:2e3}},resizeable:{description:"允许鼠标拖拽窗口边缘调整尺寸",title:"允许调整窗口尺寸",type:"boolean",visible:!0},enableEsc:{description:"允许ESC关闭",title:"允许ESC关闭",type:"boolean",visible:!1},showMaxButton:{description:"显示最大化按钮",title:"显示最大化按钮",type:"boolean",visible:!0},showCloseButton:{description:"显示关闭按钮",title:"显示关闭按钮",type:"boolean",visible:!0}}}}getEventPropConfig(n){const o=this,h=me,m=o.eventsEditorUtils.formProperties(n,o.viewModelId,h);return{title:"事件",hideTitle:!0,properties:o.createBaseEventProperty(m),refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(u,c){const v=u.propertyValue;delete n[o.viewModelId],v&&o.eventsEditorUtils.saveRelatedParameters(n,o.viewModelId,v.events,v),h.forEach(p=>{c[p.label]=n[p.label]})}}}}const ie=Symbol("FModalService");Y.install=t=>{t.component(Y.name,Y);const a=new se(t);t.provide(ie,a),t.provide("FModalService",a)},x.FModal=Y,x.FModalService=se,x.F_MODAL_SERVICE_TOKEN=ie,x.ModalProperty=ge,x.default=Y,x.modalProps=te,x.useDraggable=le,x.useResizeable=ae,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/nav/index.esm.js

@@ -1,203 +1,6 @@
-import { defineComponent as x, ref as d, computed as c, watch as I, createVNode as l, createTextVNode as F, inject as D, onMounted as T } from "vue";
-import { resolveAppearance as C, createPropsResolver as j } from "../dynamic-resolver/index.esm.js";
-import { useDesignerComponent as z } from "../designer-canvas/index.esm.js";
-const P = /* @__PURE__ */ new Map([
-  ["appearance", C]
-]);
-function S(t, s, i) {
-  return s;
-}
-const $ = "https://json-schema.org/draft/2020-12/schema", A = "https://farris-design.gitee.io/nav.schema.json", M = "nav", R = "A Farris Component", _ = "object", q = {
-  id: {
-    description: "The unique identifier for a nav",
-    type: "string"
-  },
-  type: {
-    description: "The type string of nav component",
-    type: "string",
-    default: "nav"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeholder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, L = [
-  "id",
-  "type"
-], B = {
-  $schema: $,
-  $id: A,
-  title: M,
-  description: R,
-  type: _,
-  properties: q,
-  required: L
-}, w = "nav", O = "A Farris Component", V = "object", W = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeholder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, E = {
-  title: w,
-  description: O,
-  type: V,
-  categories: W
-}, h = {
+import { withInstall as F } from "../common/index.esm.js";
+import { defineComponent as x, ref as v, computed as d, watch as b, createVNode as l, createTextVNode as h } from "vue";
+const T = {
   /** 当前激活的id */
   activeNavId: { Type: String, default: "1" },
   /** 导航文本字段 */
@@ -242,51 +45,51 @@ const $ = "https://json-schema.org/draft/2020-12/schema", A = "https://farris-de
   },
   /** 徽标值字段 */
   valueField: { Type: String, default: "num" }
-}, N = j(h, B, P, S, E), b = /* @__PURE__ */ x({
+}, k = /* @__PURE__ */ x({
   name: "FNav",
-  props: h,
+  props: T,
   emits: ["nav", "update:activeNavId"],
-  setup(t, s) {
-    const i = d(t.activeNavId), v = d(t.navData), u = d(t.horizontal), p = d(t.navPicking), f = c(() => ({
+  setup(t, u) {
+    const i = v(t.activeNavId), r = v(t.navData), s = v(t.horizontal), c = v(t.navPicking), f = d(() => ({
       paddingTop: "1rem"
     }));
-    I(() => t.activeNavId, (a, e) => {
+    b(() => t.activeNavId, (a, e) => {
       a !== e && (i.value = a);
     });
-    const r = c({
+    const n = d({
       get() {
-        return v.value;
+        return r.value;
       },
       set(a) {
-        v.value = a, g();
+        r.value = a, y();
       }
-    }), o = c({
+    }), o = d({
       get() {
         return i.value;
       },
       set(a) {
-        if (i.value = a, i.value && r && r.value.length) {
-          const e = r.value.find((n) => n.id === i.value);
-          e && s.emit("nav", e);
+        if (i.value = a, i.value && n && n.value.length) {
+          const e = n.value.find((g) => g.id === i.value);
+          e && u.emit("nav", e);
         }
       }
-    }), m = c({
+    }), m = d({
       set(a) {
-        u.value = a;
+        s.value = a;
       },
       get() {
-        return u.value;
+        return s.value;
       }
     });
-    function g() {
-      if (r.value && r.value.length && !i.value) {
-        const a = r.value.find((e) => !e.disable);
+    function y() {
+      if (n.value && n.value.length && !i.value) {
+        const a = n.value.find((e) => !e.disable);
         a && (i.value = a.id);
       }
     }
-    function y(a) {
-      a.disable || a.id === i.value || Promise.resolve().then(() => p.value(a)).then((e) => {
-        e && (i.value = a.id, s.emit("update:activeNavId", a.id), s.emit("nav", a));
+    function N(a) {
+      a.disable || a.id === i.value || Promise.resolve().then(() => c.value(a)).then((e) => {
+        e && (i.value = a.id, u.emit("update:activeNavId", a.id), u.emit("nav", a));
       });
     }
     return () => {
@@ -295,13 +98,13 @@ const $ = "https://json-schema.org/draft/2020-12/schema", A = "https://farris-de
         class: ["farris-nav", {
           "farris-nav-vertical": !m.value
         }]
-      }, [(a = r.value) == null ? void 0 : a.map((e) => l("div", {
+      }, [(a = n.value) == null ? void 0 : a.map((e) => l("div", {
         class: ["farris-nav-item", {
           active: e[t.idField] === o.value
         }, {
           disabled: e[t.disableField]
         }],
-        onClick: () => y(e)
+        onClick: () => N(e)
       }, [l("div", {
         class: "farris-nav-item-link",
         style: f.value
@@ -313,97 +116,14 @@ const $ = "https://json-schema.org/draft/2020-12/schema", A = "https://farris-de
         class: "tag-text"
       }, [e[t.valueField]]), e[t.valueField] > t.maxNum && l("span", {
         class: "tag-text"
-      }, [t.maxNum, F("+")])])]), l("div", {
+      }, [t.maxNum, h("+")])])]), l("div", {
         class: "farris-nav-item-bottom-line"
       }, null)])]))]);
     };
   }
-}), G = /* @__PURE__ */ x({
-  name: "FNavDesign",
-  props: h,
-  emits: ["nav"],
-  setup(t, s) {
-    const i = d(t.activeNavId), v = d(t.navData), u = d(t.horizontal);
-    d(t.navPicking);
-    const p = d(), f = D("design-item-context"), r = z(p, f);
-    T(() => {
-      p.value.componentInstance = r;
-    }), s.expose(r.value);
-    const o = c({
-      get() {
-        return v.value;
-      },
-      set(e) {
-        v.value = e, y();
-      }
-    }), m = c({
-      get() {
-        return i.value;
-      },
-      set(e) {
-        if (i.value = e, i.value && o && o.value.length) {
-          const n = o.value.find((k) => k.id === i.value);
-          n && s.emit("nav", n);
-        }
-      }
-    }), g = c({
-      set(e) {
-        u.value = e;
-      },
-      get() {
-        return u.value;
-      }
-    });
-    function y() {
-      if (o.value && o.value.length && !i.value) {
-        const e = o.value.find((n) => !n.disable);
-        e && (i.value = e.id);
-      }
-    }
-    function a(e) {
-      e.disable || e.id === i.value || (i.value = e.id, s.emit("nav", e));
-    }
-    return () => {
-      var e;
-      return l("div", {
-        ref: p,
-        class: ["farris-nav", {
-          "farris-nav-vertical": !g.value
-        }]
-      }, [(e = o.value) == null ? void 0 : e.map((n) => l("div", {
-        class: ["farris-nav-item", {
-          active: n.id === m.value
-        }, {
-          disabled: n.disable
-        }],
-        onClick: () => a(n)
-      }, [l("div", {
-        class: "farris-nav-item-link"
-      }, [l("span", {
-        class: "farris-nav-item-link-text"
-      }, [n.text, n.num && l("div", {
-        class: "farris-nav-item-tag"
-      }, [n.num <= t.maxNum && l("span", {
-        class: "tag-text"
-      }, [n.num]), n.num > t.maxNum && l("span", {
-        class: "tag-text"
-      }, [t.maxNum, F("+")])])])])]))]);
-    };
-  }
-}), Q = {
-  install(t) {
-    t.component(b.name, b);
-  },
-  register(t, s, i, v) {
-    t.nav = b, s.nav = N;
-  },
-  registerDesigner(t, s, i) {
-    t.nav = G, s.nav = N;
-  }
-};
+}), D = F(k);
 export {
-  b as FNav,
-  Q as default,
-  h as navProps,
-  N as propsResolver
+  k as FNav,
+  D as default,
+  T as navProps
 };

package/components/nav/index.umd.cjs

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.nav={},l.Vue,l.dynamicResolver,l.designerCanvas))})(this,function(l,e,h,x){"use strict";const F=new Map([["appearance",h.resolveAppearance]]);function V(a,s,n){return s}const k={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/nav.schema.json",title:"nav",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a nav",type:"string"},type:{description:"The type string of nav component",type:"string",default:"nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""}},required:["id","type"]},T={title:"nav",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},p={activeNavId:{Type:String,default:"1"},displayField:{Type:String,default:"text"},disableField:{Type:String,default:"disable"},horizontal:{Type:Boolean,default:!0},idField:{Type:String,default:"id"},maxNum:{Type:Number,default:99},navData:{Type:Array,default:[{id:"1",text:"全部"},{id:"2",text:"已回复",disable:!0},{id:"3",text:"待回复",num:200},{id:"4",text:"@我",num:33}]},navPicking:{type:Function,default:()=>a=>!0},valueField:{Type:String,default:"num"}},m=h.createPropsResolver(p,k,F,V,T),f=e.defineComponent({name:"FNav",props:p,emits:["nav","update:activeNavId"],setup(a,s){const n=e.ref(a.activeNavId),c=e.ref(a.navData),u=e.ref(a.horizontal),v=e.ref(a.navPicking),y=e.computed(()=>({paddingTop:"1rem"}));e.watch(()=>a.activeNavId,(i,t)=>{i!==t&&(n.value=i)});const d=e.computed({get(){return c.value},set(i){c.value=i,b()}}),o=e.computed({get(){return n.value},set(i){if(n.value=i,n.value&&d&&d.value.length){const t=d.value.find(r=>r.id===n.value);t&&s.emit("nav",t)}}}),g=e.computed({set(i){u.value=i},get(){return u.value}});function b(){if(d.value&&d.value.length&&!n.value){const i=d.value.find(t=>!t.disable);i&&(n.value=i.id)}}function N(i){i.disable||i.id===n.value||Promise.resolve().then(()=>v.value(i)).then(t=>{t&&(n.value=i.id,s.emit("update:activeNavId",i.id),s.emit("nav",i))})}return()=>{var i;return e.createVNode("div",{class:["farris-nav",{"farris-nav-vertical":!g.value}]},[(i=d.value)==null?void 0:i.map(t=>e.createVNode("div",{class:["farris-nav-item",{active:t[a.idField]===o.value},{disabled:t[a.disableField]}],onClick:()=>N(t)},[e.createVNode("div",{class:"farris-nav-item-link",style:y.value},[e.createVNode("span",{class:"farris-nav-item-link-text"},[typeof t[a.displayField]=="function"?t[a.displayField]():t[a.displayField],t[a.valueField]&&e.createVNode("div",{class:"farris-nav-item-tag"},[t[a.valueField]<=a.maxNum&&e.createVNode("span",{class:"tag-text"},[t[a.valueField]]),t[a.valueField]>a.maxNum&&e.createVNode("span",{class:"tag-text"},[a.maxNum,e.createTextVNode("+")])])]),e.createVNode("div",{class:"farris-nav-item-bottom-line"},null)])]))])}}}),I=e.defineComponent({name:"FNavDesign",props:p,emits:["nav"],setup(a,s){const n=e.ref(a.activeNavId),c=e.ref(a.navData),u=e.ref(a.horizontal);e.ref(a.navPicking);const v=e.ref(),y=e.inject("design-item-context"),d=x.useDesignerComponent(v,y);e.onMounted(()=>{v.value.componentInstance=d}),s.expose(d.value);const o=e.computed({get(){return c.value},set(t){c.value=t,N()}}),g=e.computed({get(){return n.value},set(t){if(n.value=t,n.value&&o&&o.value.length){const r=o.value.find(C=>C.id===n.value);r&&s.emit("nav",r)}}}),b=e.computed({set(t){u.value=t},get(){return u.value}});function N(){if(o.value&&o.value.length&&!n.value){const t=o.value.find(r=>!r.disable);t&&(n.value=t.id)}}function i(t){t.disable||t.id===n.value||(n.value=t.id,s.emit("nav",t))}return()=>{var t;return e.createVNode("div",{ref:v,class:["farris-nav",{"farris-nav-vertical":!b.value}]},[(t=o.value)==null?void 0:t.map(r=>e.createVNode("div",{class:["farris-nav-item",{active:r.id===g.value},{disabled:r.disable}],onClick:()=>i(r)},[e.createVNode("div",{class:"farris-nav-item-link"},[e.createVNode("span",{class:"farris-nav-item-link-text"},[r.text,r.num&&e.createVNode("div",{class:"farris-nav-item-tag"},[r.num<=a.maxNum&&e.createVNode("span",{class:"tag-text"},[r.num]),r.num>a.maxNum&&e.createVNode("span",{class:"tag-text"},[a.maxNum,e.createTextVNode("+")])])])])]))])}}}),j={install(a){a.component(f.name,f)},register(a,s,n,c){a.nav=f,s.nav=m},registerDesigner(a,s,n){a.nav=I,s.nav=m}};l.FNav=f,l.default=j,l.navProps=p,l.propsResolver=m,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(n,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("../common/index.umd.js"),require("vue")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue"],u):(n=typeof globalThis<"u"?globalThis:n||self,u(n.nav={},n.common,n.Vue))})(this,function(n,u,a){"use strict";const v={activeNavId:{Type:String,default:"1"},displayField:{Type:String,default:"text"},disableField:{Type:String,default:"disable"},horizontal:{Type:Boolean,default:!0},idField:{Type:String,default:"id"},maxNum:{Type:Number,default:99},navData:{Type:Array,default:[{id:"1",text:"全部"},{id:"2",text:"已回复",disable:!0},{id:"3",text:"待回复",num:200},{id:"4",text:"@我",num:33}]},navPicking:{type:Function,default:()=>i=>!0},valueField:{Type:String,default:"num"}},c=a.defineComponent({name:"FNav",props:v,emits:["nav","update:activeNavId"],setup(i,r){const d=a.ref(i.activeNavId),s=a.ref(i.navData),o=a.ref(i.horizontal),m=a.ref(i.navPicking),N=a.computed(()=>({paddingTop:"1rem"}));a.watch(()=>i.activeNavId,(e,t)=>{e!==t&&(d.value=e)});const l=a.computed({get(){return s.value},set(e){s.value=e,F()}}),y=a.computed({get(){return d.value},set(e){if(d.value=e,d.value&&l&&l.value.length){const t=l.value.find(h=>h.id===d.value);t&&r.emit("nav",t)}}}),g=a.computed({set(e){o.value=e},get(){return o.value}});function F(){if(l.value&&l.value.length&&!d.value){const e=l.value.find(t=>!t.disable);e&&(d.value=e.id)}}function x(e){e.disable||e.id===d.value||Promise.resolve().then(()=>m.value(e)).then(t=>{t&&(d.value=e.id,r.emit("update:activeNavId",e.id),r.emit("nav",e))})}return()=>{var e;return a.createVNode("div",{class:["farris-nav",{"farris-nav-vertical":!g.value}]},[(e=l.value)==null?void 0:e.map(t=>a.createVNode("div",{class:["farris-nav-item",{active:t[i.idField]===y.value},{disabled:t[i.disableField]}],onClick:()=>x(t)},[a.createVNode("div",{class:"farris-nav-item-link",style:N.value},[a.createVNode("span",{class:"farris-nav-item-link-text"},[typeof t[i.displayField]=="function"?t[i.displayField]():t[i.displayField],t[i.valueField]&&a.createVNode("div",{class:"farris-nav-item-tag"},[t[i.valueField]<=i.maxNum&&a.createVNode("span",{class:"tag-text"},[t[i.valueField]]),t[i.valueField]>i.maxNum&&a.createVNode("span",{class:"tag-text"},[i.maxNum,a.createTextVNode("+")])])]),a.createVNode("div",{class:"farris-nav-item-bottom-line"},null)])]))])}}}),f=u.withInstall(c);n.FNav=c,n.default=f,n.navProps=v,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});