@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8

package/components/popover/index.esm.js

@@ -262,7 +262,7 @@ const Z = /* @__PURE__ */ ut({
       "popover-body": !0
     })), V = w(() => {
       const d = {};
-      return d.opacity = u.value ? 1 : 0, d.visibility = u.value ? "visible" : "hidden", d.zIndex = ft() || 1050, d;
+      return d.opacity = u.value ? 1 : 0, d.visibility = u.value ? "visible" : "hidden", d.zIndex = ft() || 1060, d;
     }), K = w(() => t.isSimpleTips ? !0 : t.showArrow), {
       delayedValue: X
     } = ht(V, 50);

package/components/popover/index.umd.cjs

@@ -1 +1 @@
-(function(L,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],i):(L=typeof globalThis<"u"?globalThis:L||self,i(L.popover={},L.Vue,L.common))})(this,function(L,i,U){"use strict";const Z={id:{type:String},arrowOffsetX:{type:Number,default:0},class:{type:String,default:""},customStyles:{type:Object,default:null},isSimpleTips:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},host:{type:Object},leftBoundary:{type:Object},keepWidthWithReference:{type:Boolean,default:!1},minWidth:{type:Number,default:-1},offsetX:{type:Object,default:i.ref(0)},placement:{type:String,default:"bottom"},reference:{type:Object},rightBoundary:{type:Object},showArrow:{type:Boolean,default:!1},title:{type:String},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:-1},limitContentBySpace:{type:Boolean,default:!1},beforeClose:{type:Function}};function tt(t){const n=t.host?t.host:"body",a=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),l=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().bottom:window.innerHeight),h=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),f=i.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),P=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().height:window.innerHeight);return{host:n,hostLeft:h,hostTop:a,hostWidth:f,hostHeight:P,hostBottom:l}}function et(t,n,a,l){const h=i.ref(t.offsetX||0),f=i.ref(-1),P=i.ref(-1),g=i.ref(-1),x=i.ref(-1),T=i.ref(t.placement),b=i.ref(0),S=i.ref(0),p=i.ref(0),y=i.computed(()=>document.documentElement.scrollLeft),C=i.computed(()=>document.documentElement.scrollTop),{hostLeft:c,hostTop:m,hostWidth:W,hostHeight:H,hostBottom:B}=l;i.watch(()=>t.offsetX,e=>{h.value=e});const _=i.computed(()=>{const e={left:`${S.value}px`,top:`${p.value}px`,transform:`translateX(${h.value}px)`};return t.zIndex!==-1&&(e["z-index"]=t.zIndex),t.fitContent?t.keepWidthWithReference&&a.value&&f.value>=a.value.getBoundingClientRect().width&&(e.width=`${f.value}px`):f.value!==-1&&(e.width=`${f.value}px`),t.minWidth!==-1&&(e.minWidth=`${t.minWidth}px`),t.customStyles&&Object.assign(e,t.customStyles),P.value>0&&(e.maxHeight=P.value+"px"),e}),q=i.computed(()=>({left:`${b.value}px`,transform:`translateX(${t.arrowOffsetX}px)`}));function V(e){if(e&&t.keepWidthWithReference){const o=e.getBoundingClientRect();f.value=Math.max(t.minWidth,o.width)}}function v(e,o){const s=W.value-e.width-4;return s>0?s:o}function M(e,o){const s=H.value-e.height-4;return s>0?s:o}function X(e,o,s){const r=b.value,d=o.left-c.value+o.width/2+y.value,u=o.top-m.value-(e.height+s.height)+C.value;return{popoverLeft:d,popoverTop:u,arrowLeft:r}}function k(e,o,s){const r=o.top-m.value+(o.height+s.height)+C.value,d=M(e,r);return Math.min(r,d)}function z(e,o){const s=v(o,e),r=e<=s?b.value:e-s;return{popoverLeft:Math.min(e,s),arrowLeft:r,maxHeight:0}}function A(e,o){const s=v(o,e),r=e<=s?b.value:e-s;return{popoverLeft:e,arrowLeft:r,maxHeight:0}}function K(e,o,s){const r=o.left-c.value+y.value,{arrowLeft:d,popoverLeft:u}=A(r,e),{popoverTop:w}=X(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function lt(e,o,s){const r=o.left-c.value+o.width/2-(s.width/2-(e.left-c.value))+y.value,{arrowLeft:d,popoverLeft:u}=z(r,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function st(e,o,s){const r=o.left-c.value+y.value,{arrowLeft:d,popoverLeft:u}=z(r,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function at(e,o,s){const r=o.left-c.value;let d=0,u=0,w=0,O=0,j="bottom-left";window.innerWidth-r>e.width?d=r+y.value:(d=o.right-e.width+y.value,w=e.width-s.width-20);let E=0;if(t.limitContentBySpace){const Y={topHeight:o.top-m.value-s.height-8,bottomHeight:B.value-o.bottom-s.height-8};E=Math.max(Y.topHeight,Y.bottomHeight),e.height>E&&(O=E,a.value.classList.add("popover-limitmax"))}const R=O?Math.floor(O):e.height,D=o.top-m.value+(o.height+s.height);return B.value-D>R?u=D+C.value:(u=o.top-R-s.height+C.value,B.value-D>o.top?(u=D+C.value,R>o.top&&(u=B.value-R)):(u=u<0?0:u,j="top")),a.value.classList.add("popover-"+j,"bs-popover-"+j),{popoverLeft:d,popoverTop:u,arrowLeft:w,maxHeight:O}}function ut(e,o,s){const r=o.left+o.width,d=Math.max(o.top-(e.height/2-o.height/2),m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:r,popoverTop:w,arrowLeft:0,maxHeight:0}}function ct(e,o,s){const r=o.left+o.width,d=Math.max(o.top-o.height,m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:r,popoverTop:w,arrowLeft:0,maxHeight:0}}const rt=new Map([["top",X],["top-left",K],["bottom",lt],["bottom-left",st],["right",ut],["right-top",ct],["auto",at]]);function Q(e){var u;t.keepWidthWithReference&&V(e);const o=e.getBoundingClientRect();g.value=o.top,x.value=o.left;const s=n.value?n.value.getBoundingClientRect():{height:4,width:4},r=(u=a.value)==null?void 0:u.getBoundingClientRect();f.value=r.width;const d=rt.get(T.value);if(d){const{arrowLeft:w,popoverLeft:O,popoverTop:j,maxHeight:E}=d(r,o,s);b.value=w,S.value=O,p.value=j,P.value=E||-1}}function dt(e){if(e){const o=e.getBoundingClientRect();(o.left!==x.value||o.top!==g.value)&&Q(e)}}function pt(){T.value=t.placement,b.value=0,S.value=0,p.value=0,f.value=-1}return{arrowStyle:q,popoverStyle:_,position:T,popoverWidth:f,fitToReference:V,followToReferencePosition:dt,locateToReference:Q,resetPosition:pt}}function ot(t,n,a,l,h,f,P){const g=i.ref(t.visible),x=i.computed(()=>g.value),{fitToReference:T,locateToReference:b,resetPosition:S}=P;let p;async function y(){g.value&&(t.beforeClose&&typeof t.beforeClose=="function"&&!await t.beforeClose()||(g.value=!1,document.body.removeEventListener("click",p),document.body.removeEventListener("mousedown",p),document.body.removeEventListener("wheel",p,!0),document.removeEventListener("scroll",p),S(),n.emit("hidden")))}p=c=>{var H;if(!h.value)return;const m=h.value.contains(c.target);if(c.type==="scroll"||c.type==="wheel"&&m){y();return}const W=(H=c.target)==null?void 0:H.closest(".popover");if(W&&l.value&&W===l.value){c.type!=="scroll"&&c.type!=="wheel"&&c.stopPropagation();return}if(!m&&g.value){const B=h.value.closest(".popover");B&&B.removeEventListener("click",p),y()}};async function C(c){if(l.value&&(t.showArrow===!1||t.showArrow&&a.value)&&c){g.value=!0,h.value=c,f.value&&T(c),await i.nextTick(),b(c),document.body.addEventListener("click",p),document.body.addEventListener("mousedown",p),document.body.addEventListener("wheel",p,!0),document.addEventListener("scroll",p),(top==null?void 0:top.document)!==document&&(top==null||top.document.addEventListener("mousedown",p));const m=c.closest(".popover");m&&m.addEventListener("click",p),n.emit("shown")}}return n.expose({hide:y,popoverRef:l,show:C,shown:x,isShow:g}),{showPopover:g,hidePopverOnClickBodyHandler:p}}function nt(t,n,a,l,h){const{popoverWidth:f,fitToReference:P,followToReferencePosition:g}=h;function x(){if(a.value){g(a.value);const T=a.value.getBoundingClientRect();l.value&&T.width!==f.value&&P(a.value)}}return{onResize:x}}const I=i.defineComponent({name:"FPopover",props:Z,emits:["shown","hidden"],setup(t,n){const a=i.ref(),l=i.ref(),h=i.ref(t.reference),f=i.ref(t.keepWidthWithReference),P=i.computed(()=>!!t.title),g=tt(t),{host:x}=g,T=et(t,a,l,g),{position:b,arrowStyle:S,popoverStyle:p,fitToReference:y,locateToReference:C}=T,{showPopover:c,hidePopverOnClickBodyHandler:m}=ot(t,n,a,l,h,f,T),{onResize:W}=nt(t,n,h,f,T),H=i.computed(()=>{let v=b.value;v==="top-left"&&(v="top");const M=`popover in popover-${v}`,X=`bs-popover-${v}`,k={"popover-fitcontent":t.fitContent,fade:!0};k[M]=!0,k[X]=!0;const z=(t.class||"").split(" ");return t.isSimpleTips&&z.unshift("popover-tips"),z.reduce((A,K)=>(A[K]=!0,A),k),k}),B=i.computed(()=>({"popover-content":!0,"popover-body":!0})),_=i.computed(()=>{const v={};return v.opacity=c.value?1:0,v.visibility=c.value?"visible":"hidden",v.zIndex=U.getMaxZIndex()||1050,v}),q=i.computed(()=>t.isSimpleTips?!0:t.showArrow),{delayedValue:V}=U.useDelayedRef(_,50);return i.onMounted(()=>{var v;f.value&&y(h.value),t.reference&&C(h.value),window.addEventListener("resize",W),(v=l.value)==null||v.focus()}),i.onUnmounted(()=>{document.body.removeEventListener("click",m),window.removeEventListener("resize",W),c.value=!1}),()=>i.createVNode(i.Teleport,{to:x},{default:()=>{var v;return[i.withDirectives(i.createVNode("div",{tabindex:"-1",ref:l,class:H.value,style:{...p.value,...V.value},onMousedown:M=>{M.stopPropagation()},onClick:M=>{M.stopPropagation()}},[q.value&&i.createVNode("div",{ref:a,class:"popover-arrow arrow",style:S.value},null),P.value&&i.createVNode("h3",{class:"popover-title popover-header"},[t.title]),i.createVNode("div",{class:B.value},[n.slots.default&&((v=n.slots)==null?void 0:v.default())])]),[[i.vShow,c.value]])]}})}}),N="FarrisVue_PopoverInstancesKey";window[N]=window[N]||new WeakMap;function F(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&!l.value.isShow&&(l.value.show(a),window[N].set(a,l.value))}function $(t,n,a){t.stopPropagation(),n.value.value.hide(),window[N].delete(a)}function it(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&(l.value.isShow?$(t,n,a):F(t,n,a))}function G(t,n,a){n.arg&&n.arg==="toggle"?it(t,n,a):F(t,n,a)}const J={mounted:(t,n,a)=>{n.modifiers.hover?(t.addEventListener("mouseenter",l=>F(l,n,t)),t.addEventListener("mouseleave",l=>$(l,n,t))):n.modifiers.click?t.addEventListener("click",l=>G(l,n,t)):t.addEventListener("click",l=>G(l,n,t)),t.classList.add("v-popover")},unMounted:(t,n,a)=>{}};I.install=t=>{t.component(I.name,I),t.directive("popover",J)},L.Popover=I,L.PopoverDirective=J,L.default=I,L.popoverProps=Z,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(L,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],i):(L=typeof globalThis<"u"?globalThis:L||self,i(L.popover={},L.Vue,L.common))})(this,function(L,i,U){"use strict";const Z={id:{type:String},arrowOffsetX:{type:Number,default:0},class:{type:String,default:""},customStyles:{type:Object,default:null},isSimpleTips:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},host:{type:Object},leftBoundary:{type:Object},keepWidthWithReference:{type:Boolean,default:!1},minWidth:{type:Number,default:-1},offsetX:{type:Object,default:i.ref(0)},placement:{type:String,default:"bottom"},reference:{type:Object},rightBoundary:{type:Object},showArrow:{type:Boolean,default:!1},title:{type:String},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:-1},limitContentBySpace:{type:Boolean,default:!1},beforeClose:{type:Function}};function tt(t){const n=t.host?t.host:"body",a=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),l=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().bottom:window.innerHeight),h=i.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),f=i.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),P=i.computed(()=>n==="body"?window.innerHeight:n?n.getBoundingClientRect().height:window.innerHeight);return{host:n,hostLeft:h,hostTop:a,hostWidth:f,hostHeight:P,hostBottom:l}}function et(t,n,a,l){const h=i.ref(t.offsetX||0),f=i.ref(-1),P=i.ref(-1),g=i.ref(-1),x=i.ref(-1),T=i.ref(t.placement),b=i.ref(0),S=i.ref(0),p=i.ref(0),y=i.computed(()=>document.documentElement.scrollLeft),C=i.computed(()=>document.documentElement.scrollTop),{hostLeft:c,hostTop:m,hostWidth:W,hostHeight:H,hostBottom:B}=l;i.watch(()=>t.offsetX,e=>{h.value=e});const _=i.computed(()=>{const e={left:`${S.value}px`,top:`${p.value}px`,transform:`translateX(${h.value}px)`};return t.zIndex!==-1&&(e["z-index"]=t.zIndex),t.fitContent?t.keepWidthWithReference&&a.value&&f.value>=a.value.getBoundingClientRect().width&&(e.width=`${f.value}px`):f.value!==-1&&(e.width=`${f.value}px`),t.minWidth!==-1&&(e.minWidth=`${t.minWidth}px`),t.customStyles&&Object.assign(e,t.customStyles),P.value>0&&(e.maxHeight=P.value+"px"),e}),q=i.computed(()=>({left:`${b.value}px`,transform:`translateX(${t.arrowOffsetX}px)`}));function V(e){if(e&&t.keepWidthWithReference){const o=e.getBoundingClientRect();f.value=Math.max(t.minWidth,o.width)}}function v(e,o){const s=W.value-e.width-4;return s>0?s:o}function M(e,o){const s=H.value-e.height-4;return s>0?s:o}function X(e,o,s){const r=b.value,d=o.left-c.value+o.width/2+y.value,u=o.top-m.value-(e.height+s.height)+C.value;return{popoverLeft:d,popoverTop:u,arrowLeft:r}}function k(e,o,s){const r=o.top-m.value+(o.height+s.height)+C.value,d=M(e,r);return Math.min(r,d)}function z(e,o){const s=v(o,e),r=e<=s?b.value:e-s;return{popoverLeft:Math.min(e,s),arrowLeft:r,maxHeight:0}}function A(e,o){const s=v(o,e),r=e<=s?b.value:e-s;return{popoverLeft:e,arrowLeft:r,maxHeight:0}}function K(e,o,s){const r=o.left-c.value+y.value,{arrowLeft:d,popoverLeft:u}=A(r,e),{popoverTop:w}=X(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function lt(e,o,s){const r=o.left-c.value+o.width/2-(s.width/2-(e.left-c.value))+y.value,{arrowLeft:d,popoverLeft:u}=z(r,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function st(e,o,s){const r=o.left-c.value+y.value,{arrowLeft:d,popoverLeft:u}=z(r,e),w=k(e,o,s);return{popoverLeft:u,popoverTop:w,arrowLeft:d,maxHeight:0}}function at(e,o,s){const r=o.left-c.value;let d=0,u=0,w=0,O=0,j="bottom-left";window.innerWidth-r>e.width?d=r+y.value:(d=o.right-e.width+y.value,w=e.width-s.width-20);let E=0;if(t.limitContentBySpace){const Y={topHeight:o.top-m.value-s.height-8,bottomHeight:B.value-o.bottom-s.height-8};E=Math.max(Y.topHeight,Y.bottomHeight),e.height>E&&(O=E,a.value.classList.add("popover-limitmax"))}const R=O?Math.floor(O):e.height,D=o.top-m.value+(o.height+s.height);return B.value-D>R?u=D+C.value:(u=o.top-R-s.height+C.value,B.value-D>o.top?(u=D+C.value,R>o.top&&(u=B.value-R)):(u=u<0?0:u,j="top")),a.value.classList.add("popover-"+j,"bs-popover-"+j),{popoverLeft:d,popoverTop:u,arrowLeft:w,maxHeight:O}}function ut(e,o,s){const r=o.left+o.width,d=Math.max(o.top-(e.height/2-o.height/2),m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:r,popoverTop:w,arrowLeft:0,maxHeight:0}}function ct(e,o,s){const r=o.left+o.width,d=Math.max(o.top-o.height,m.value);let u=m.value+H.value-e.height;u<0&&(u=d);const w=Math.min(d,u);return{popoverLeft:r,popoverTop:w,arrowLeft:0,maxHeight:0}}const rt=new Map([["top",X],["top-left",K],["bottom",lt],["bottom-left",st],["right",ut],["right-top",ct],["auto",at]]);function Q(e){var u;t.keepWidthWithReference&&V(e);const o=e.getBoundingClientRect();g.value=o.top,x.value=o.left;const s=n.value?n.value.getBoundingClientRect():{height:4,width:4},r=(u=a.value)==null?void 0:u.getBoundingClientRect();f.value=r.width;const d=rt.get(T.value);if(d){const{arrowLeft:w,popoverLeft:O,popoverTop:j,maxHeight:E}=d(r,o,s);b.value=w,S.value=O,p.value=j,P.value=E||-1}}function dt(e){if(e){const o=e.getBoundingClientRect();(o.left!==x.value||o.top!==g.value)&&Q(e)}}function pt(){T.value=t.placement,b.value=0,S.value=0,p.value=0,f.value=-1}return{arrowStyle:q,popoverStyle:_,position:T,popoverWidth:f,fitToReference:V,followToReferencePosition:dt,locateToReference:Q,resetPosition:pt}}function ot(t,n,a,l,h,f,P){const g=i.ref(t.visible),x=i.computed(()=>g.value),{fitToReference:T,locateToReference:b,resetPosition:S}=P;let p;async function y(){g.value&&(t.beforeClose&&typeof t.beforeClose=="function"&&!await t.beforeClose()||(g.value=!1,document.body.removeEventListener("click",p),document.body.removeEventListener("mousedown",p),document.body.removeEventListener("wheel",p,!0),document.removeEventListener("scroll",p),S(),n.emit("hidden")))}p=c=>{var H;if(!h.value)return;const m=h.value.contains(c.target);if(c.type==="scroll"||c.type==="wheel"&&m){y();return}const W=(H=c.target)==null?void 0:H.closest(".popover");if(W&&l.value&&W===l.value){c.type!=="scroll"&&c.type!=="wheel"&&c.stopPropagation();return}if(!m&&g.value){const B=h.value.closest(".popover");B&&B.removeEventListener("click",p),y()}};async function C(c){if(l.value&&(t.showArrow===!1||t.showArrow&&a.value)&&c){g.value=!0,h.value=c,f.value&&T(c),await i.nextTick(),b(c),document.body.addEventListener("click",p),document.body.addEventListener("mousedown",p),document.body.addEventListener("wheel",p,!0),document.addEventListener("scroll",p),(top==null?void 0:top.document)!==document&&(top==null||top.document.addEventListener("mousedown",p));const m=c.closest(".popover");m&&m.addEventListener("click",p),n.emit("shown")}}return n.expose({hide:y,popoverRef:l,show:C,shown:x,isShow:g}),{showPopover:g,hidePopverOnClickBodyHandler:p}}function nt(t,n,a,l,h){const{popoverWidth:f,fitToReference:P,followToReferencePosition:g}=h;function x(){if(a.value){g(a.value);const T=a.value.getBoundingClientRect();l.value&&T.width!==f.value&&P(a.value)}}return{onResize:x}}const I=i.defineComponent({name:"FPopover",props:Z,emits:["shown","hidden"],setup(t,n){const a=i.ref(),l=i.ref(),h=i.ref(t.reference),f=i.ref(t.keepWidthWithReference),P=i.computed(()=>!!t.title),g=tt(t),{host:x}=g,T=et(t,a,l,g),{position:b,arrowStyle:S,popoverStyle:p,fitToReference:y,locateToReference:C}=T,{showPopover:c,hidePopverOnClickBodyHandler:m}=ot(t,n,a,l,h,f,T),{onResize:W}=nt(t,n,h,f,T),H=i.computed(()=>{let v=b.value;v==="top-left"&&(v="top");const M=`popover in popover-${v}`,X=`bs-popover-${v}`,k={"popover-fitcontent":t.fitContent,fade:!0};k[M]=!0,k[X]=!0;const z=(t.class||"").split(" ");return t.isSimpleTips&&z.unshift("popover-tips"),z.reduce((A,K)=>(A[K]=!0,A),k),k}),B=i.computed(()=>({"popover-content":!0,"popover-body":!0})),_=i.computed(()=>{const v={};return v.opacity=c.value?1:0,v.visibility=c.value?"visible":"hidden",v.zIndex=U.getMaxZIndex()||1060,v}),q=i.computed(()=>t.isSimpleTips?!0:t.showArrow),{delayedValue:V}=U.useDelayedRef(_,50);return i.onMounted(()=>{var v;f.value&&y(h.value),t.reference&&C(h.value),window.addEventListener("resize",W),(v=l.value)==null||v.focus()}),i.onUnmounted(()=>{document.body.removeEventListener("click",m),window.removeEventListener("resize",W),c.value=!1}),()=>i.createVNode(i.Teleport,{to:x},{default:()=>{var v;return[i.withDirectives(i.createVNode("div",{tabindex:"-1",ref:l,class:H.value,style:{...p.value,...V.value},onMousedown:M=>{M.stopPropagation()},onClick:M=>{M.stopPropagation()}},[q.value&&i.createVNode("div",{ref:a,class:"popover-arrow arrow",style:S.value},null),P.value&&i.createVNode("h3",{class:"popover-title popover-header"},[t.title]),i.createVNode("div",{class:B.value},[n.slots.default&&((v=n.slots)==null?void 0:v.default())])]),[[i.vShow,c.value]])]}})}}),N="FarrisVue_PopoverInstancesKey";window[N]=window[N]||new WeakMap;function F(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&!l.value.isShow&&(l.value.show(a),window[N].set(a,l.value))}function $(t,n,a){t.stopPropagation(),n.value.value.hide(),window[N].delete(a)}function it(t,n,a){t.stopPropagation();const l=n.value;l&&l.value&&(l.value.isShow?$(t,n,a):F(t,n,a))}function G(t,n,a){n.arg&&n.arg==="toggle"?it(t,n,a):F(t,n,a)}const J={mounted:(t,n,a)=>{n.modifiers.hover?(t.addEventListener("mouseenter",l=>F(l,n,t)),t.addEventListener("mouseleave",l=>$(l,n,t))):n.modifiers.click?t.addEventListener("click",l=>G(l,n,t)):t.addEventListener("click",l=>G(l,n,t)),t.classList.add("v-popover")},unMounted:(t,n,a)=>{}};I.install=t=>{t.component(I.name,I),t.directive("popover",J)},L.Popover=I,L.PopoverDirective=J,L.default=I,L.popoverProps=Z,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/progress/index.esm.js

@@ -1,21 +1,21 @@
-import { ref as O, computed as F, defineComponent as Q, watch as Z, createVNode as B, Fragment as fe, inject as pe, onMounted as de } from "vue";
-import { isPlainObject as Y, cloneDeep as J } from "lodash-es";
+import { ref as O, computed as F, defineComponent as J, watch as Q, createVNode as B, Fragment as fe, inject as pe, onMounted as de } from "vue";
+import { cloneDeep as X, isPlainObject as Y } from "lodash-es";
 import { getSchemaByTypeForDesigner as ge } from "../dynamic-resolver/index.esm.js";
 import { withInstall as ve } from "../common/index.esm.js";
-function x(e, t) {
+function Z(e, t) {
   let r;
   function i(s) {
-    const { properties: a, title: g, ignore: n } = s, o = n && Array.isArray(n), u = Object.keys(a).reduce((c, m) => ((!o || !n.find((T) => T === m)) && (c[m] = a[m].type === "object" && a[m].properties ? i(a[m]) : J(a[m].default)), c), {});
+    const { properties: a, title: g, ignore: n } = s, o = n && Array.isArray(n), u = Object.keys(a).reduce((c, m) => ((!o || !n.find((T) => T === m)) && (c[m] = a[m].type === "object" && a[m].properties ? i(a[m]) : X(a[m].default)), c), {});
     if (g && (!o || !n.find((c) => c === "id"))) {
       const c = g.toLowerCase().replace(/-/g, "_");
       u.id = `${c}_${Math.random().toString().slice(2, 6)}`;
     }
     return u;
   }
-  function b(s) {
+  function y(s) {
     const { properties: a, title: g, required: n } = s;
     if (n && Array.isArray(n)) {
-      const o = n.reduce((u, c) => (u[c] = a[c].type === "object" && a[c].properties ? i(a[c]) : J(a[c].default), u), {});
+      const o = n.reduce((u, c) => (u[c] = a[c].type === "object" && a[c].properties ? i(a[c]) : X(a[c].default), u), {});
       if (g && n.find((u) => u === "id")) {
         const u = g.toLowerCase().replace(/-/g, "_");
         o.id = `${u}_${Math.random().toString().slice(2, 6)}`;
@@ -29,7 +29,7 @@ function x(e, t) {
   function P(s, a = {}, g) {
     const n = e[s];
     if (n) {
-      let o = b(n);
+      let o = y(n);
       const u = t[s];
       return o = u ? u({ getSchemaByType: P }, o, a, g) : o, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(o), o;
     }
@@ -79,7 +79,7 @@ function x(e, t) {
   }
   return { getSchemaByType: P, resolveSchemaWithDefaultValue: l, resolveSchemaToProps: j, mappingSchemaToProps: k, setDesignerContext: d };
 }
-const V = {}, H = {}, { resolveSchemaWithDefaultValue: me, resolveSchemaToProps: be, mappingSchemaToProps: ye } = x(V, H);
+const V = {}, H = {}, { getSchemaByType: bt, resolveSchemaWithDefaultValue: me, resolveSchemaToProps: ye, mappingSchemaToProps: be, setDesignerContext: ht } = Z(V, H);
 function he(e = {}) {
   function t(l, d, s, a) {
     if (typeof s == "number")
@@ -103,7 +103,7 @@ function he(e = {}) {
     ["getProperty", r]
   ]);
   Object.keys(e).reduce((l, d) => (l.set(d, e[d]), l), i);
-  function b(l, d) {
+  function y(l, d) {
     const s = l;
     return typeof d == "number" ? [{ target: s, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: s, operator: "getProperty", param: l, value: !!d }] : typeof d == "object" ? Object.keys(d).map((a) => {
       if (a === "length")
@@ -114,7 +114,7 @@ function he(e = {}) {
   }
   function P(l) {
     return Object.keys(l).reduce((s, a) => {
-      const g = b(a, l[a]);
+      const g = y(a, l[a]);
       return s.push(...g), s;
     }, []);
   }
@@ -195,16 +195,16 @@ const Se = {
   "language-textbox": { type: "language-textbox", name: "多语输入框" }
 }, Te = {
   convertFrom: (e, t, r) => {
-    var b;
+    var y;
     const i = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((b = I[i]) == null ? void 0 : b.name) || i;
+    return ((y = I[i]) == null ? void 0 : y.name) || i;
   }
-}, we = {
+}, $e = {
   convertTo: (e, t, r, i) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, r) => e.editor ? r.getRealEditorType(e.editor.type) : ""
-}, $e = {
+}, we = {
   convertTo: (e, t, r, i) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = r : e.formatter = {
       [t]: r
@@ -319,8 +319,8 @@ const Se = {
     e.selection || (e.selection = {}), e.selection[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var i, b;
-    return t === "showCheckbox" ? (i = e.selection) != null && i.multiSelect ? !0 : (b = e.selection) == null ? void 0 : b.showCheckbox : e.selection ? e.selection[t] : e[t];
+    var i, y;
+    return t === "showCheckbox" ? (i = e.selection) != null && i.multiSelect ? !0 : (y = e.selection) == null ? void 0 : y.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
 }, Ce = {
   convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
@@ -336,19 +336,19 @@ const Se = {
   convertFrom: (e, t, r) => e.size ? e.size[t] : e[t]
 }, We = {
   convertFrom: (e, t, r) => {
-    var i, b;
-    return (i = e.formatter) != null && i.data && t === "formatterEnumData" && !e.formatterEnumData ? (b = e.formatter) == null ? void 0 : b.data : e.formatterEnumData;
+    var i, y;
+    return (i = e.formatter) != null && i.data && t === "formatterEnumData" && !e.formatterEnumData ? (y = e.formatter) == null ? void 0 : y.data : e.formatterEnumData;
   }
 }, Ae = {
   convertTo: (e, t, r, i) => {
     e.sort || (e.sort = {}), e.sort[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var i, b;
+    var i, y;
     if (t === "mode")
       return ((i = e.sort) == null ? void 0 : i.mode) || "client";
     if (t === "multiSort")
-      return !!((b = e.sort) != null && b.multiSort);
+      return !!((y = e.sort) != null && y.multiSort);
   }
 }, Le = {
   convertTo: (e, t, r, i) => {
@@ -382,8 +382,8 @@ function K(e, t, r) {
     ["/converter/property-editor.converter", Pe],
     ["/converter/items-count.converter", Ce],
     ["/converter/type.converter", Te],
-    ["/converter/change-editor.converter", we],
-    ["/converter/change-formatter.converter", $e],
+    ["/converter/change-editor.converter", $e],
+    ["/converter/change-formatter.converter", we],
     ["/converter/column-command.converter", Oe],
     ["/converter/column-option.converter", Fe],
     ["/converter/summary.converter", je],
@@ -398,7 +398,7 @@ function K(e, t, r) {
     ["/converter/grid-sort.converter", Ae],
     ["/converter/grid-filter.converter", Le],
     ["/converter/row-option.converter", ze]
-  ]), b = /* @__PURE__ */ new Map([
+  ]), y = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -438,9 +438,9 @@ function K(e, t, r) {
   }
   function d(n, o, u, c, m, T = "", D = "") {
     return Object.keys(n).map((S) => {
-      const E = O(1), R = S, p = n[S], C = Object.keys(p), W = p.title, f = p.type, v = b.get(f) || { type: "input-group", enableClear: !1 }, y = p.editor ? Object.assign({}, v, p.editor) : Object.assign({}, v), w = k(C, p, o), N = j(C, p, o);
-      y.readonly = y.readonly === void 0 ? N() : y.readonly;
-      const $ = p.type === "cascade" ? d(p.properties, o, u, c, m, T, D) : [], A = !0;
+      const E = O(1), R = S, p = n[S], C = Object.keys(p), W = p.title, f = p.type, v = y.get(f) || { type: "input-group", enableClear: !1 }, b = p.editor ? Object.assign({}, v, p.editor) : Object.assign({}, v), $ = k(C, p, o), N = j(C, p, o);
+      b.readonly = b.readonly === void 0 ? N() : b.readonly;
+      const w = p.type === "cascade" ? d(p.properties, o, u, c, m, T, D) : [], A = !0;
       let G = l(p, D);
       const L = F({
         get() {
@@ -455,8 +455,8 @@ function K(e, t, r) {
         set(z) {
           E.value += 1, G && G.convertTo ? (G.convertTo(c, S, z, m, T), G.convertTo(u, S, z, m, T)) : (c[S] = z, u[S] = z);
         }
-      }), { refreshPanelAfterChanged: q, description: ae, isExpand: ce, parentPropertyID: le } = p, X = { propertyID: R, propertyName: W, propertyType: f, propertyValue: L, editor: y, visible: w, readonly: N, cascadeConfig: $, hideCascadeTitle: A, refreshPanelAfterChanged: q, description: ae, isExpand: ce, parentPropertyID: le };
-      return o[R] = X, X;
+      }), { refreshPanelAfterChanged: q, description: ae, isExpand: ce, parentPropertyID: le } = p, x = { propertyID: R, propertyName: W, propertyType: f, propertyValue: L, editor: b, visible: $, readonly: N, cascadeConfig: w, hideCascadeTitle: A, refreshPanelAfterChanged: q, description: ae, isExpand: ce, parentPropertyID: le };
+      return o[R] = x, x;
     });
   }
   function s(n, o, u = {}) {
@@ -470,8 +470,8 @@ function K(e, t, r) {
     const T = o.$ref.schema, D = o.$ref.converter, M = u[T], S = M.type, E = r(M), R = {}, p = e[S];
     if (p && p.categories) {
       const C = p.categories[n], W = C == null ? void 0 : C.title;
-      D && Object.keys(C.properties).forEach((y) => {
-        C.properties[y].$converter = D;
+      D && Object.keys(C.properties).forEach((b) => {
+        C.properties[b].$converter = D;
       });
       const f = (C == null ? void 0 : C.properties) || {}, v = d(f, R, E, M, c, m);
       return { categoryId: n, categoryName: W, properties: v };
@@ -489,8 +489,8 @@ function K(e, t, r) {
           E.push(a(R, p, n, o, c));
           return;
         }
-        const C = p == null ? void 0 : p.title, W = p == null ? void 0 : p.tabId, f = p == null ? void 0 : p.tabName, v = p == null ? void 0 : p.hide, y = p == null ? void 0 : p.hideTitle, w = d(p.properties || {}, M, D, n, o, c, p.$converter), { setPropertyRelates: N } = p, $ = p == null ? void 0 : p.parentPropertyID;
-        E.push({ categoryId: R, categoryName: C, tabId: W, tabName: f, hide: v, properties: w, hideTitle: y, setPropertyRelates: N, parentPropertyID: $ });
+        const C = p == null ? void 0 : p.title, W = p == null ? void 0 : p.tabId, f = p == null ? void 0 : p.tabName, v = p == null ? void 0 : p.hide, b = p == null ? void 0 : p.hideTitle, $ = d(p.properties || {}, M, D, n, o, c, p.$converter), { setPropertyRelates: N } = p, w = p == null ? void 0 : p.parentPropertyID;
+        E.push({ categoryId: R, categoryName: C, tabId: W, tabName: f, hide: v, properties: $, hideTitle: b, setPropertyRelates: N, parentPropertyID: w });
       }), E;
     }
     return [];
@@ -503,26 +503,26 @@ function K(e, t, r) {
 }
 const ee = {}, te = {};
 K(ee, te, me);
-const re = {}, ne = {}, { resolveSchemaWithDefaultValue: qe } = x(re, ne), oe = {}, se = {};
+const re = {}, ne = {}, { getSchemaByType: St, resolveSchemaWithDefaultValue: qe, resolveSchemaToProps: kt, mappingSchemaToProps: Pt, setDesignerContext: Tt } = Z(re, ne), oe = {}, se = {};
 K(oe, se, qe);
-function _e(e, t, r = /* @__PURE__ */ new Map(), i = (h, k, j, l) => k, b = {}, P = (h) => h) {
-  return V[t.title] = t, H[t.title] = i, ee[t.title] = b, te[t.title] = P, re[t.title] = t, ne[t.title] = i, oe[t.title] = b, se[t.title] = P, (h = {}, k = !0) => {
+function _e(e, t, r = /* @__PURE__ */ new Map(), i = (h, k, j, l) => k, y = {}, P = (h) => h) {
+  return V[t.title] = t, H[t.title] = i, ee[t.title] = y, te[t.title] = P, re[t.title] = t, ne[t.title] = i, oe[t.title] = y, se[t.title] = P, (h = {}, k = !0) => {
     if (!k)
-      return ye(h, r);
-    const j = be(h, t, r), l = Object.keys(e).reduce((d, s) => (d[s] = e[s].default, d), {});
+      return be(h, r);
+    const j = ye(h, t, r), l = Object.keys(e).reduce((d, s) => (d[s] = e[s].default, d), {});
     return Object.assign(l, j);
   };
 }
 function Ue(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const Xe = /* @__PURE__ */ new Map([
+const xe = /* @__PURE__ */ new Map([
   ["appearance", Ue]
 ]);
-function Ye(e, t, r) {
+function Xe(e, t, r) {
   return t;
 }
-const Je = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-design.gitee.io/progress.schema.json", Ze = "progress", xe = "A Farris Component", Ve = "object", He = {
+const Ye = "https://json-schema.org/draft/2020-12/schema", Je = "https://farris-design.gitee.io/progress.schema.json", Qe = "progress", Ze = "A Farris Component", Ve = "object", He = {
   id: {
     description: "The unique identifier for progress",
     type: "string"
@@ -588,10 +588,10 @@ const Je = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-
   "id",
   "type"
 ], Ke = {
-  $schema: Je,
-  $id: Qe,
-  title: Ze,
-  description: xe,
+  $schema: Ye,
+  $id: Je,
+  title: Qe,
+  description: Ze,
   type: Ve,
   properties: He,
   required: Ie
@@ -653,7 +653,7 @@ const Je = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-
    * 格式化进度信息
    */
   format: { type: Function, default: (e, t) => `${e}%` }
-}, ie = _e(U, Ke, Xe, Ye, ot);
+}, ie = _e(U, Ke, xe, Xe, ot);
 function st(e) {
   function t(h) {
     return +h.replace("%", "");
@@ -668,7 +668,7 @@ function st(e) {
       });
     }), k = k.sort((j, l) => j.key - l.key), k;
   }
-  const i = F(() => !!e.strokeColor && typeof e.strokeColor != "string"), b = F(() => {
+  const i = F(() => !!e.strokeColor && typeof e.strokeColor != "string"), y = F(() => {
     const { from: h = "#59a1ff", to: k = "#59a1ff", direction: j = "to right", ...l } = e.strokeColor;
     if (Object.keys(l).length !== 0) {
       const d = r(l).map(({ key: s, value: a }) => `${a} ${s}%`).join(", ");
@@ -678,7 +678,7 @@ function st(e) {
   }), P = F(() => r(e.strokeColor).map(({ key: h, value: k }) => ({ offset: `${h}%`, color: k })));
   return {
     isGradient: i,
-    linearGradient: b,
+    linearGradient: y,
     circleGradient: P
   };
 }
@@ -689,13 +689,13 @@ function at(e) {
   return { formatPercentageText: F(() => e.format(e.percent, e.successPercent)) };
 }
 function ct(e, t, r, i) {
-  const { isCircleStyle: b } = t, { isGradient: P, linearGradient: h } = r, { strokeWidth: k } = i, j = F(() => {
+  const { isCircleStyle: y } = t, { isGradient: P, linearGradient: h } = r, { strokeWidth: k } = i, j = F(() => {
     const c = {
       "f-progress": !0,
       "f-progress-line": e.progressType === "line",
       "ant-progress-small": e.size === "small",
       "f-progress-show-info": e.showInfo,
-      "f-progress-circle": b.value
+      "f-progress-circle": y.value
     }, m = `f-progress-status-${e.progressStatus}`;
     return c[m] = !0, c;
   }), l = F(() => ({
@@ -767,17 +767,17 @@ function lt(e) {
 }
 function ut(e) {
   const t = F(() => {
-    const b = {
+    const y = {
       "f-progress-text-icon": !0,
       "f-icon": !0
     }, P = `f-icon-${e.progressStatus}`;
-    return b[P] = !0, b;
+    return y[P] = !0, y;
   }), r = F(() => {
-    const b = {
+    const y = {
       "f-progress-text-icon": !0,
       "f-icon": !0
     }, P = e.progressStatus === "success" ? "f-icon-checkmark" : "f-icon-x";
-    return b[P] = !0, b;
+    return y[P] = !0, y;
   }), i = F(() => e.progressStatus === "error" || e.progressStatus === "success");
   return {
     inlineProgrssStatusClass: t,
@@ -794,12 +794,12 @@ function ft(e) {
   })), r = F(() => e.successPercent || e.successPercent === 0);
   return { inlineProgressSuccessBackgroundStyle: t, shouldShowSuccessInlineProgressBackground: r };
 }
-const _ = /* @__PURE__ */ Q({
+const _ = /* @__PURE__ */ J({
   name: "FProgress",
   props: U,
   emits: [],
   setup(e) {
-    const t = O(e.progressType), r = O(e.showInfo), i = O(e.percent), b = O(e.strokeLinecap), P = st(e), {
+    const t = O(e.progressType), r = O(e.showInfo), i = O(e.percent), y = O(e.strokeLinecap), P = st(e), {
       isGradient: h,
       circleGradient: k
     } = P, j = it(e), {
@@ -825,7 +825,7 @@ const _ = /* @__PURE__ */ Q({
       inlineProgressSuccessBackgroundStyle: R,
       shouldShowSuccessInlineProgressBackground: p
     } = ft(e);
-    Z(() => e.percent, (v) => {
+    Q(() => e.percent, (v) => {
       i.value = v || 0;
     });
     function C() {
@@ -875,7 +875,7 @@ const _ = /* @__PURE__ */ Q({
         class: "f-progress-circle-path",
         "fill-opacity": "0",
         d: u.value,
-        "stroke-linecap": b.value,
+        "stroke-linecap": y.value,
         stroke: v.stroke,
         "stroke-width": i.value ? l.value : 0,
         style: v.strokePathStyle
@@ -888,7 +888,7 @@ const _ = /* @__PURE__ */ Q({
 });
 function pt(e, t, r) {
   var W;
-  const i = "", b = "", P = O();
+  const i = "", y = "", P = O();
   let h;
   function k() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
@@ -907,19 +907,19 @@ function pt(e, t, r) {
       return null;
     if (f.value.schema && f.value.schema.type === "component")
       return f.value;
-    const v = O(f == null ? void 0 : f.value.parent), y = s(v);
-    return y || null;
+    const v = O(f == null ? void 0 : f.value.parent), b = s(v);
+    return b || null;
   }
   function a(f = t) {
     var N;
-    const { componentInstance: v, designerItemElementRef: y } = f;
+    const { componentInstance: v, designerItemElementRef: b } = f;
     if (!v || !v.value)
       return null;
-    const { getCustomButtons: w } = v.value;
-    return v.value.canMove || w && ((N = w()) != null && N.length) ? y : a(f.parent);
+    const { getCustomButtons: $ } = v.value;
+    return v.value.canMove || $ && ((N = $()) != null && N.length) ? b : a(f.parent);
   }
   function g(f) {
-    return !1;
+    return !!r;
   }
   function n() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
@@ -927,14 +927,14 @@ function pt(e, t, r) {
   function o() {
   }
   function u(f, v) {
-    var y;
-    !f || !v || (y = t == null ? void 0 : t.setupContext) == null || y.emit("dragEnd");
+    var b;
+    !f || !v || (b = t == null ? void 0 : t.setupContext) == null || b.emit("dragEnd");
   }
   function c(f, v) {
-    const { componentType: y } = f;
-    let w = ge(y, f, v);
-    const N = y.toLowerCase().replace(/-/g, "_");
-    return w && !w.id && w.type === y && (w.id = `${N}_${Math.random().toString().slice(2, 6)}`), w;
+    const { componentType: b } = f;
+    let $ = ge(b, f, v);
+    const N = b.toLowerCase().replace(/-/g, "_");
+    return $ && !$.id && $.type === b && ($.id = `${N}_${Math.random().toString().slice(2, 6)}`), $;
   }
   function m(f) {
   }
@@ -943,40 +943,40 @@ function pt(e, t, r) {
   function D(f) {
     if (!f)
       return;
-    const v = t == null ? void 0 : t.schema, { formSchemaUtils: y } = f;
-    if (v && y.getExpressions().length) {
-      const w = y.getExpressions().findIndex((N) => N.target === v.id);
-      w > -1 && y.getExpressions().splice(w, 1);
+    const v = t == null ? void 0 : t.schema, { formSchemaUtils: b } = f;
+    if (v && b.getExpressions().length) {
+      const $ = b.getExpressions().findIndex((N) => N.target === v.id);
+      $ > -1 && b.getExpressions().splice($, 1);
     }
   }
   function M(f) {
     if (!f || !(t != null && t.schema))
       return;
-    const v = t.schema, { formSchemaUtils: y } = f;
-    y.removeCommunicationInComponent(v);
+    const v = t.schema, { formSchemaUtils: b } = f;
+    b.removeCommunicationInComponent(v);
   }
   function S(f) {
     D(f), M(f), t != null && t.schema.contents && t.schema.contents.map((v) => {
-      let y = v.id;
-      v.type === "component-ref" && (y = v.component);
-      const w = e.value.querySelectorAll(`#${y}-design-item`);
-      w != null && w.length && Array.from(w).map((N) => {
-        var $;
-        ($ = N == null ? void 0 : N.componentInstance) != null && $.value.onRemoveComponent && N.componentInstance.value.onRemoveComponent(f);
+      let b = v.id;
+      v.type === "component-ref" && (b = v.component);
+      const $ = e.value.querySelectorAll(`#${b}-design-item`);
+      $ != null && $.length && Array.from($).map((N) => {
+        var w;
+        (w = N == null ? void 0 : N.componentInstance) != null && w.value.onRemoveComponent && N.componentInstance.value.onRemoveComponent(f);
       });
     });
   }
   function E() {
   }
   function R(f) {
-    var y, w;
-    if (!((y = t == null ? void 0 : t.schema) != null && y.id))
+    var b, $;
+    if (!((b = t == null ? void 0 : t.schema) != null && b.id))
       return;
     !h && f && (h = f.formSchemaUtils);
     let v = "";
     {
-      const { text: N, title: $, label: A, mainTitle: G, name: L, type: q } = t.schema;
-      v = N || $ || A || G || L || ((w = I[q]) == null ? void 0 : w.name);
+      const { text: N, title: w, label: A, mainTitle: G, name: L, type: q } = t.schema;
+      v = N || w || A || G || L || (($ = I[q]) == null ? void 0 : $.name);
     }
     v && h.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: v,
@@ -985,15 +985,15 @@ function pt(e, t, r) {
   }
   function p(f) {
     var N;
-    const { changeObject: v } = f, { propertyID: y, propertyValue: w } = v;
-    if (["text", "title", "label", "name", "mainTitle"].includes((N = f == null ? void 0 : f.changeObject) == null ? void 0 : N.propertyID) && y && w && (R(), h)) {
-      const $ = h.getControlBasicInfoMap(), A = $.keys().toArray().filter((G) => {
+    const { changeObject: v } = f, { propertyID: b, propertyValue: $ } = v;
+    if (["text", "title", "label", "name", "mainTitle"].includes((N = f == null ? void 0 : f.changeObject) == null ? void 0 : N.propertyID) && b && $ && (R(), h)) {
+      const w = h.getControlBasicInfoMap(), A = w.keys().toArray().filter((G) => {
         var L, q;
-        return ((L = $.get(G)) == null ? void 0 : L.reliedComponentId) === ((q = t == null ? void 0 : t.schema) == null ? void 0 : q.id);
+        return ((L = w.get(G)) == null ? void 0 : L.reliedComponentId) === ((q = t == null ? void 0 : t.schema) == null ? void 0 : q.id);
       });
       A != null && A.length && A.forEach((G) => {
-        const L = $.get(G).parentPathName.split(" > ");
-        L[0] = w, $.get(G).parentPathName = L.join(" > ");
+        const L = w.get(G).parentPathName.split(" > ");
+        L[0] = $, w.get(G).parentPathName = L.join(" > ");
       });
     }
   }
@@ -1010,7 +1010,7 @@ function pt(e, t, r) {
     parent: (W = t == null ? void 0 : t.parent) == null ? void 0 : W.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: i,
-    designerClass: b,
+    designerClass: y,
     canAccepts: g,
     getBelongedComponentInstance: s,
     getDraggableDesignItemElement: a,
@@ -1029,26 +1029,26 @@ function pt(e, t, r) {
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
   }, P;
 }
-const dt = /* @__PURE__ */ Q({
+const dt = /* @__PURE__ */ J({
   name: "FProgressDesign",
   props: U,
   emits: [],
   setup(e, t) {
-    const r = O(e.progressStatus), i = O(e.progressType), b = O(e.size), P = O(e.showInfo), h = O(e.strokeWidth), k = O(e.percent), j = O(e.strokeLinecap), l = O(!1), d = O(e.strokeColor), s = O(null), a = O(0), g = O(e.width), n = O(""), o = O([]), u = O(""), c = O([]), m = O(e.enableBackgroundImg), T = O(e.backgroundImg), D = O(), M = pe("design-item-context"), S = pt(D, M);
+    const r = O(e.progressStatus), i = O(e.progressType), y = O(e.size), P = O(e.showInfo), h = O(e.strokeWidth), k = O(e.percent), j = O(e.strokeLinecap), l = O(!1), d = O(e.strokeColor), s = O(null), a = O(0), g = O(e.width), n = O(""), o = O([]), u = O(""), c = O([]), m = O(e.enableBackgroundImg), T = O(e.backgroundImg), D = O(), M = pe("design-item-context"), S = pt(D, M);
     de(() => {
       D.value.componentInstance = S;
-    }), t.expose(S.value), Z(() => e.percent, ($) => {
-      k.value = $ || 0;
+    }), t.expose(S.value), Q(() => e.percent, (w) => {
+      k.value = w || 0;
     });
-    const E = F(() => h.value || (i.value === "line" && b.value !== "small" ? 8 : 6)), R = F(() => i.value === "circle" || i.value === "dashboard"), p = F(() => {
-      const $ = {
+    const E = F(() => h.value || (i.value === "line" && y.value !== "small" ? 8 : 6)), R = F(() => i.value === "circle" || i.value === "dashboard"), p = F(() => {
+      const w = {
         "f-progress": !0,
         "f-progress-line": i.value === "line",
-        "ant-progress-small": b.value === "small",
+        "ant-progress-small": y.value === "small",
         "f-progress-show-info": P.value,
         ".f-progress-circle": R.value
       }, A = `f-progress-status-${r.value}`;
-      return $[A] = !0, $;
+      return w[A] = !0, w;
     }), C = F(() => ({
       width: `${k.value}%`,
       "border-radius": j.value === "round" ? "100px" : "0",
@@ -1074,16 +1074,16 @@ const dt = /* @__PURE__ */ Q({
         style: W.value
       }, null)])]);
     }
-    const y = F(() => ({
+    const b = F(() => ({
       width: `${g.value}px`,
       height: `${g.value}px`,
       "font-size": `${g.value * 0.15 + 6}px`,
       "f-progress-circle-gradient": l.value
-    })), w = F(() => ({}));
+    })), $ = F(() => ({}));
     function N() {
       return B("div", {
         class: "f-progress-inner",
-        style: y.value
+        style: b.value
       }, [B("svg", {
         class: "f-progress-circle",
         viewBox: "0 0 100 100"
@@ -1093,24 +1093,24 @@ const dt = /* @__PURE__ */ Q({
         y1: "0%",
         x2: "0%",
         y2: "0%"
-      }, [o.value.map(($) => B("stop", {
-        offset: $.offset,
-        "stop-color": $.color
+      }, [o.value.map((w) => B("stop", {
+        offset: w.offset,
+        "stop-color": w.color
       }, null))])]), B("path", {
         class: "f-progress-circle-trail",
         stroke: "#efefef",
         "fill-opacity": "0",
         "stroke-width": E.value,
         d: u.value,
-        style: w.value
-      }, null), c.value.map(($) => B("path", {
+        style: $.value
+      }, null), c.value.map((w) => B("path", {
         class: "f-progress-circle-path",
         "fill-opacity": "0",
         d: u.value,
         "stroke-linecap": j.value,
-        stroke: $.stroke,
+        stroke: w.stroke,
         "stroke-width": k.value ? E.value : 0,
-        style: $.strokePathStyle
+        style: w.strokePathStyle
       }, null))])]);
     }
     return () => B("div", {
@@ -1125,10 +1125,10 @@ _.register = (e, t, r) => {
 _.registerDesigner = (e, t, r) => {
   e.progress = dt, t.progress = ie;
 };
-const yt = ve(_);
+const $t = ve(_);
 export {
   _ as Progress,
-  yt as default,
+  $t as default,
   U as progressProps,
   ie as propsResolver
 };