@farris/ui-vue 1.2.8 → 1.3.0

package/components/pagination/index.umd.cjs

@@ -0,0 +1 @@
+(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../property-panel/index.umd.js/src/composition/entity/base-property"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"),require("../designer-canvas/index.umd.js/src/composition/dg-control"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../property-panel/index.umd.js/src/composition/entity/base-property","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting","../designer-canvas/index.umd.js/src/composition/dg-control","../common/index.umd.js"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M.pagination={},M.Vue,M.LodashES,M.baseProperty,M.useResponseLayoutEditorSetting,M.dgControl,M.common))})(this,function(M,e,W,re,ce,le,ie){"use strict";const Y={},Z={};function U(o){const{properties:t,title:n,ignore:u}=o,l=u&&Array.isArray(u),g=Object.keys(t).reduce((a,r)=>((!l||!u.find(s=>s==r))&&(a[r]=t[r].type==="object"&&t[r].properties?U(t[r]):W.cloneDeep(t[r].default)),a),{});return(!l||!u.find(a=>a=="id"))&&(g.id=`${n}-${Date.now()}`),g}function F(o,t={},n){const u=Y[o];if(u){let l=U(u);const g=Z[o];return l=g?g({getSchemaByType:F},l,t,n):l,l}return null}function pe(o,t){const n=U(t);return Object.keys(o).reduce((u,l)=>(u[l]&&W.isPlainObject(u[l])&&W.isPlainObject(o[l])?Object.assign(u[l],o[l]):u[l]=o[l],u),n),n}function ue(o,t){return Object.keys(o).filter(u=>o[u]!=null).reduce((u,l)=>{if(t.has(l)){const g=t.get(l);if(typeof g=="string")u[g]=o[l];else{const a=g(l,o[l],o);Object.assign(u,a)}}else u[l]=o[l];return u},{})}function fe(o,t,n=new Map){const u=pe(o,t);return ue(u,n)}function de(o={}){function t(c,m,d,y){if(typeof d=="number")return y[c].length===d;if(typeof d=="object"){const j=Object.keys(d)[0],i=d[j];if(j==="not")return Number(y[c].length)!==Number(i);if(j==="moreThan")return Number(y[c].length)>=Number(i);if(j==="lessThan")return Number(y[c].length)<=Number(i)}return!1}function n(c,m,d,y){return y[c]&&y[c].propertyValue&&String(y[c].propertyValue.value)===String(d)}const u=new Map([["length",t],["getProperty",n]]);Object.keys(o).reduce((c,m)=>(c.set(m,o[m]),c),u);function l(c,m){const d=c;return typeof m=="number"?[{target:d,operator:"length",param:null,value:Number(m)}]:typeof m=="boolean"?[{target:d,operator:"getProperty",param:c,value:!!m}]:typeof m=="object"?Object.keys(m).map(y=>{if(y==="length")return{target:d,operator:"length",param:null,value:m[y]};const j=y,i=m[y];return{target:d,operator:"getProperty",param:j,value:i}}):[]}function g(c){return Object.keys(c).reduce((d,y)=>{const j=l(y,c[y]);return d.push(...j),d},[])}function a(c,m){if(u.has(c.operator)){const d=u.get(c.operator);return d&&d(c.target,c.param,c.value,m)||!1}return!1}function r(c,m){return g(c).reduce((j,i)=>j&&a(i,m),!0)}function s(c,m){const d=Object.keys(c),y=d.includes("allOf"),j=d.includes("anyOf"),i=y||j,h=(i?c[i?y?"allOf":"anyOf":"allOf"]:[c]).map(v=>r(v,m));return y?!h.includes(!1):h.includes(!0)}return{parseValueSchema:s}}const me={},ge={};de();function ye(o,t,n=new Map,u=(a,r,s)=>r,l={},g=a=>a){return Y[t.title]=t,Z[t.title]=u,me[t.title]=l,ge[t.title]=g,(a={})=>{const r=fe(a,t,n),s=Object.keys(o).reduce((c,m)=>(c[m]=o[m].default,c),{});return Object.assign(s,r)}}function he(o,t){return{customClass:t.class,customStyle:t.style}}const be=new Map([["appearance",he]]),Ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/pagination.schema.json",title:"pagination",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a pagination",type:"string"},type:{description:"The type string of pagination component",type:"string",default:"pagination"},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:"sting",default:""}},required:["id","type"]},je={title:"pagination",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:"右对齐"}]}}}}}};function ve(o,t,n){return t}const q={currentPage:{type:Number,default:1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0},showPageList:{type:Boolean,default:!0},showPageNumbers:{type:Boolean,default:!0},showRedirection:{type:Boolean,default:!0},pageList:{type:Array,default:[20,50,100]}},_=ye(q,Ce,be,ve,je);function R(o,t){const n=e.ref("跳转至"),u=e.ref(""),l=e.ref(o.value);e.watch(l,(s,c)=>{s>=1&&s<=t.value?o.value=s:l.value=c}),e.watch(o,s=>{l.value!==s&&(l.value=s)});function g(s){l.value=s.target.valueAsNumber}function a(s){s.key==="Enter"&&(l.value=s.target.valueAsNumber)}function r(){return e.createVNode("li",{class:"page-goto-input d-flex flex-row",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("span",{class:"pg-message-text"},[n.value]),e.createVNode("input",{type:"number",class:"form-control farris-gotopagenumber",value:l.value,min:"1",max:t.value,style:"display: inline-block;margin-left:3px;",onBlur:s=>g(s),onKeyup:s=>a(s)},null),u.value])}return{renderGotoButton:r}}function K(o,t,n){const u=e.computed(()=>({"page-item":!0,disabled:t.value}));function l(s){o.value=o.value<n.value?o.value+1:n.value}function g(s){o.value=n.value}function a(){return e.createVNode("li",{class:u.value},[!t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-next"},null)]),t.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function r(){return e.createVNode("li",{class:u.value},[!t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>g()},[e.createVNode("span",{class:"f-icon f-page-last"},null)]),t.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:r,renderNextPage:a}}function ee(o,t){const n=e.ref("共"),u=e.ref("条"),l=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":o.value==="right","flex-fill":o.value==="right"}));function g(){return e.createVNode("li",{class:l.value},[e.createVNode("div",{class:"text-truncate",style:"line-height: 26px"},[e.createVNode("span",{class:"pg-message-text"},[n.value]),e.createVNode("b",{class:"pg-message-total"},[t.value]),e.createVNode("span",{class:"pg-message-text"},[u.value])])])}return{renderPageInfo:g}}function te(o,t,n,u){const l=e.ref(!1),g=e.ref("显示"),a=e.ref("条"),r=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":u.value===0,show:l.value})),s=e.computed(()=>({"dropdown-menu":!0,show:l.value})),c=p=>({"w-100":!0,"dropdown-item":!0,active:t.value===p});function m(p){l.value=!0}function d(p){l.value=!1}function y(p,f,h){const v=p*f-f+1;return Math.ceil(v/h)}function j(p,f){o.value=y(o.value,t.value,f),t.value=f,l.value=!1}function i(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:r.value,onMouseenter:p=>m(),onMouseleave:p=>d()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[g.value]),e.createVNode("b",{class:"cur-pagesize"},[t.value]),e.createVNode("span",{class:"pagelist-text"},[a.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode("div",{class:s.value,style:"margin-bottom: -1px;"},[n.value.map(p=>e.createVNode("li",{class:c(p),onClick:f=>j(f,p)},[e.createVNode("span",null,[p])]))])])])}return{renderPageList:i}}function ne(o,t){const n=a=>({"page-item":!0,current:o.value===a.value,ellipsis:a.label==="..."}),u=a=>({"f-icon":!0,"f-icon-arrow-seek-left":a.value<o.value,"f-icon-arrow-seek-right":a.value>o.value});function l(a,r){o.value=r}function g(){return t.value.map(a=>e.createVNode("li",{class:n(a)},[o.value!==a.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:r=>l(r,a.value)},[e.createVNode("span",{class:"page-link-label"},[a.label]),a.label==="..."&&e.createVNode("i",{class:u(a)},null)]),o.value===a.value&&e.createVNode("span",{class:"page-link"},[a.label])]))}return{renderPageNumbers:g}}function oe(o,t,n){const u=e.computed(()=>({"page-item":!0,disabled:t.value}));function l(s){o.value=1}function g(s){o.value=o.value>2?o.value-1:1}function a(){return e.createVNode("li",{class:u.value},[n.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-first"},null)]),t.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function r(){return e.createVNode("li",{class:u.value},[n.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>g()},[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),t.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:a,renderPreviousPage:r}}function ae(o){const t=e.ref([]);function n(l,g,a,r){const s=Math.ceil(a/2);return l===a?r:l===1?l:a<r?r-s<g?r-a+l:s<g?g-s+l:l:l}function u(l,g,a,r){const s=[],c=Math.ceil(a/g),m=Math.ceil(r/2),d=l<=m,y=c-m<l,j=!d&&!y,i=r<c;let p=1;for(;p<=c&&p<=r;){const f=n(p,l,r,c),h=p===2&&(j||y),N=p===r-1&&(j||d),v=i&&(h||N)?"...":""+f;s.push({label:v,value:f}),p++}t.value=s}return{pages:t,updatePages:u}}const I=e.defineComponent({name:"FPagination",props:q,emits:["pageIndexChanged","pageSizeChanged","update:currentPage","update:pageSize"],setup(o,t){const n=e.ref(!1),u=e.ref(o.mode),l=e.ref(""),g=e.ref(!1),a=e.ref(o.pageSize),r=e.ref(o.currentPage),s=e.ref(o.totalItems),{pages:c,updatePages:m}=ae(),d=e.computed(()=>r.value===1),y=e.computed(()=>o.pageList),j=e.computed(()=>Math.ceil(s.value/a.value)),i=e.computed(()=>r.value===j.value),p=e.computed(()=>o.showGoButton),f=e.computed(()=>r.value>1),h=e.computed(()=>!(g.value&&c.value.length<=1)),N=e.computed(()=>!0),v=e.computed(()=>o.showPageList),P=e.computed(()=>o.showPageNumbers),V=e.computed(()=>!0),{renderFirstPage:C,renderPreviousPage:k}=oe(r,d,f),{renderLastPage:L,renderNextPage:b}=K(r,i,j),{renderPageInfo:w}=ee(l,s),{renderPageList:T}=te(r,a,y,s),{renderPageNumbers:S}=ne(r,c),{renderGotoButton:O}=R(r,j);m(r.value,a.value,s.value,7),e.watch(()=>o.totalItems,x=>{s.value=x}),e.watch([r,a,s],()=>{m(r.value,a.value,s.value,7)}),e.watch(r,()=>{t.emit("update:currentPage",r.value),t.emit("pageIndexChanged",{pageIndex:r.value,pageSize:a.value})}),e.watch(a,()=>{t.emit("update:pageSize",a.value),t.emit("pageSizeChanged",{pageIndex:r.value,pageSize:a.value})}),e.watch(()=>o.totalItems,x=>{s.value=x,m(r.value,a.value,s.value,7)}),e.watchEffect(()=>{const x=y.value.includes(a.value);a.value=x?a.value:y.value[0]})();const A=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:n.value,"pager-viewmode-default":u.value==="default","pager-viewmode-simple":u.value==="simple"})),D=e.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function E(){return e.createVNode(e.Fragment,null,[N.value&&w(),v.value&&T(),V.value&&C(),V.value&&k(),P.value&&S(),V.value&&b(),V.value&&L(),p.value&&O()])}function B(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),V.value&&C(),V.value&&k(),O(),e.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[e.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[e.createTextVNode(" /")])]),e.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[e.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[e.createTextVNode(" "),j.value])]),V.value&&b(),V.value&&L()])}return()=>e.createVNode("div",{class:"pagination-container"},[h.value&&e.createVNode("ul",{role:"navigation",class:A.value,style:D.value},[u.value==="default"?E():B()])])}});function Ne(o,t,n){var V;function u(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}u();const l=n&&n.getStyles&&n.getStyles()||"",g=n&&n.getDesignerClass&&n.getDesignerClass()||"",a=e.ref();function r(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function s(){return!1}function c(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function m(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function d(C){if(!C||!C.value)return null;if(C.value.schema&&C.value.schema.type==="component")return C.value;const k=e.ref(C==null?void 0:C.value.parent),L=d(k);return L||null}function y(C=t){const{componentInstance:k,designerItemElementRef:L}=C;return!k||!k.value?null:k.value.canMove?L:y(C.parent)}function j(C){return!!n&&n.canAccepts(C)}function i(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function p(){}function f(C,k){k&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(k)}function h(C,k){const{componentType:L}=C;let b=F(L,C,k);n&&n.onResolveNewComponentSchema&&(b=n.onResolveNewComponentSchema(C,b));const w=L.toLowerCase().replace("-","_");return b&&!b.id&&b.type===L&&(b.id=`${w}_${Math.random().toString().slice(2,6)}`),b}function N(C,k){const L=String(C.getAttribute("data-controltype")),b=C.getAttribute("data-feature"),w=b?JSON.parse(b):{};w.parentComponentInstance=a.value;let T=F(L,w);n&&n.onAcceptNewChildElement&&(T=n.onAcceptNewChildElement(C,k,T));const S=L.toLowerCase().replace("-","_");return T&&!T.id&&T.type===L&&(T.id=`${S}_${Math.random().toString().slice(2,6)}`),T}function v(C){}function P(...C){if(n&&n.getPropsConfig)return n.getPropsConfig(...C)}return a.value={canMove:r(),canSelectParent:s(),canDelete:c(),canNested:!m(),contents:t==null?void 0:t.schema.contents,elementRef:o,parent:(V=t==null?void 0:t.parent)==null?void 0:V.componentInstance,schema:t==null?void 0:t.schema,styles:l,designerClass:g,canAccepts:j,getBelongedComponentInstance:d,getDraggableDesignItemElement:y,getDraggingDisplayText:i,getPropConfig:P,getDragScopeElement:p,onAcceptMovedChildElement:f,onAcceptNewChildElement:N,onChildElementMovedOut:v,addNewChildComponentSchema:h,updateDragAndDropRules:u,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},a}function Pe(){function o(t){var l,g;if(!t)return!1;const n=((l=t.targetContainer)==null?void 0:l.componentInstance)&&t.targetContainer.componentInstance.value;if(!n)return!1;const u=(g=n.schema.appearance)==null?void 0:g.class;if(t.controlCategory==="input"||t.controlType==="form-group"){const a=n.schema.type,r=(a==="response-form"||a==="content-container")&&u&&u.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!r)return!1}return t.controlType!=="field-set"}return{basalDragulaRuleForContainer:o}}const we={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},X=new Map;function Ve(){function o(i,p,f,h){var N;if(typeof f=="number")return((N=h[i])==null?void 0:N.length)===f;if(typeof f=="object"){const v=Object.keys(f)[0],P=f[v];if(v==="not")return Number(h[i].length)!==Number(P);if(v==="moreThan")return Number(h[i].length)>=Number(P);if(v==="lessThan")return Number(h[i].length)<=Number(P)}return!1}function t(i,p,f,h){return typeof f=="boolean"?h.childrenClassList.includes(p)===!!f:!1}function n(i,p,f,h){return typeof f=="boolean"?h.parentClassList.includes(p)===!!f:!1}function u(i,p,f,h){return typeof f=="boolean"?h.parentClassList.includes(p)===!!f:!1}const l=new Map([["length",o],["hasChildren",t],["hasSibling",u],["hasParent",n]]);function g(i,p){const f=i;return typeof p=="number"?[{target:f,operator:"length",param:null,value:Number(p)}]:typeof p=="object"?Object.keys(p).map(h=>{if(h==="length")return{target:f,operator:"length",param:null,value:p[h]};const N=h,v=p[h];return{target:f,operator:i==="children"?"hasChildren":i==="parent"?"hasParent":"hasSibling",param:N,value:v}}):[]}function a(i,p){if(l.has(i.operator)){const f=l.get(i.operator);return f&&f(i.target,i.param,i.value,p)||!1}return!1}function r(i,p){return Object.keys(i).reduce((v,P)=>{const V=g(P,i[P]);return v.push(...V),v},[]).reduce((v,P)=>v&&a(P,p),!0)}function s(i,p){const f=Object.keys(i),h=f.includes("allOf"),N=f.includes("anyOf"),v=h||N,C=(v?i[v?h?"allOf":"anyOf":"allOf"]:[i]).map(L=>r(L,p));return h?!C.includes(!1):C.includes(!0)}function c(i,p){const f=i.const;return f?typeof f=="boolean"?f:typeof f=="object"?s(f,p):!1:!1}function m(i){return p=>{const f={canAccept:!0,fixed:!1,hidePadding:!1};return i&&i.properties&&Object.keys(i.properties).reduce((h,N)=>{const v=i.properties[N];return h[N]=c(v,p),h},f),f}}function d(i,p,f){if(p.type==="object"&&p.properties){const{rules:h,contents:N}=p.properties;f.set(i,m(h)),N&&Object.keys(N.properties).forEach(v=>d(v,N.properties[v],f))}}function y(){const{properties:i}=we;Object.keys(i).forEach(p=>{d(p,i[p],X)})}function j(i,p){const f={canAccept:!0,fixed:!1,hidePadding:!0};return X.has(i)?X.get(i)(p):f}return y(),{getRuleValue:j}}function Te(o,t){function n(s,c=null){if(c)return c;const m=o.getComponentById(t);return o.selectNode(m,d=>d.id===s)}function u(s){const c=o.getComponentById(s);return!(!c||!c.componentType||!c.componentType.startsWith("form"))}function l(s){const c=n(s.id),m=ce.useResponseLayoutEditorSetting(o),d=[];m.getResonseFormLayoutConfig(c,d,1);const y=d.map(P=>P.columnInSM),j=d.map(P=>P.columnInMD),i=d.map(P=>P.columnInLG),p=d.map(P=>P.columnInEL),f=g(y)?y[0]:0,h=g(j)?j[0]:0,N=g(i)?i[0]:0,v=g(p)?p[0]:0;return{uniqueColClassInSM:f,uniqueColClassInMD:h,uniqueColClassInLG:N,uniqueColClassInEL:v}}function g(s){const c=new Set(s);return Array.from(c).length===1}function a(s,c,m){s=n(m,s),s.contents.forEach(d=>{if(d.type===le.DgControl.fieldset.type){a(d,c,d.id);return}d.appearance||(d.appearance={});const y=d.appearance.class;d.appearance.class=r(y,c)})}function r(s,c){let m,d,y,j,i=[];if(s){const P=s.split(" "),V=P.filter(C=>C.startsWith("col-"));m=V.find(C=>/^col-([1-9]|10|11|12)$/.test(C)),d=V.find(C=>/^col-md-([1-9]|10|11|12)$/.test(C)),y=V.find(C=>/^col-xl-([1-9]|10|11|12)$/.test(C)),j=V.find(C=>/^col-el-([1-9]|10|11|12)$/.test(C)),i=P.filter(C=>!C.startsWith("col-"))}const p=c.uniqueColClassInSM?"col-"+c.uniqueColClassInSM:m,f=c.uniqueColClassInMD?"col-md-"+c.uniqueColClassInMD:d,h=c.uniqueColClassInLG?"col-xl-"+c.uniqueColClassInLG:y,N=c.uniqueColClassInEL?"col-el-"+c.uniqueColClassInEL:j;return[p,f,h,N].concat(i).join(" ")}return{checkIsInFormComponent:u,assembleUnifiedLayoutContext:l,changeFormControlsByUnifiedLayoutConfig:a}}class Le extends re.BaseControlProperty{constructor(t,n){super(t,n)}getPropertyConfig(t,n){var u=this;this.propertyConfig.categories.basic=this.getBasicPropConfig(t);const{checkIsInFormComponent:l,assembleUnifiedLayoutContext:g,changeFormControlsByUnifiedLayoutConfig:a}=Te(this.formSchemaUtils,this.componentId),r=this.getAppearanceConfig(t);return r.properties.unifiedLayout={title:"统一布局配置",description:"统一配置卡片区域内所有控件的宽度，只支持标准模式",visible:l(this.componentId),refreshPanelAfterChanged:!0,editor:{type:"response-form-layout-setting",initialState:g(t)}},r.setPropertyRelates=function(s,c){if(s)switch(s&&s.propertyID){case"unifiedLayout":{a(null,s.propertyValue,t.id),u.updateElementByParentContainer(t.id,n);break}}},this.propertyConfig.categories.appearance=r,this.propertyConfig}}function Se(o,t){var L;const n=o.schema,u=(L=o.parent)==null?void 0:L.schema,l=Ve(),g=e.ref(!1),a=e.ref(!1);let r=!0,s=!1,c,m=!1;function d(b){return c&&c.componentClassList&&c.componentClassList.includes("f-form-layout")&&c.componentClassList.includes("farris-form")?b.sourceType==="control"&&b.controlCategory==="input"||b.sourceType==="move"&&b.controlType==="form-group":!0}function y(b){return!(!Pe().basalDragulaRuleForContainer(b)||!r||!d(b))}function j(){g.value=!1,a.value=!1;const b=n,w=b.appearance&&b.appearance.class||"",T=w.split(" "),S=b.contents||[],O=S.length?S[0]:null,$=O&&O.appearance?O.appearance.class:"",A=$?$.split(" "):[],D=S.length?S.reduce((G,Q)=>{const se=Q&&Q.appearance?Q.appearance.class:"",Me=se?se.split(" "):[];return G.push(...Me),G},[]):[],E=u,B=E&&E.appearance&&E.appearance.class||"",x=B?B.split(" "):[];c={componentClass:w,componentClassList:T,childContents:S,firstChildContent:O,firstChildClass:$,firstChildClassList:A,parent:E,parentClass:B,parentClassList:x,children:S,childrenClassList:D};const{canAccept:H,fixed:J,hidePadding:z}=l.getRuleValue(T[0],c);return r=H,s=z,m=J,!0}function i(b){e.nextTick()}function p(){return n.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function f(b,w){const T=n;if((T.appearance&&T.appearance.class||"").split(" ").includes("f-form-layout")){const{label:$}=b,A=F("form-group");return A.editor=w,A.label=$,h(A),delete A.editor.id,delete A.editor.binding,delete A.editor.appearance,delete A.editor.visible,A}return w}function h(b){const w=o.componentInstance.value.getBelongedComponentInstance(o.componentInstance);if(w&&w.schema&&w.schema.componentType){const T=w.schema.formColumns;let S=N(T);S=t.formSchemaUtils.getControlClassByFormUnifiedLayout(S,"",o.schema),b.appearance||(b.appearance={}),b.appearance.class=S}}function N(b){let w="";switch(b){case 1:{w="col-12 col-md-12 col-xl-12 col-el-12";break}case 2:{w="col-12 col-md-6 col-xl-6 col-el-6";break}case 3:{w="col-12 col-md-6 col-xl-4 col-el-4";break}case 4:{w="col-12 col-md-6 col-xl-3 col-el-2";break}}return w}function v(b,w,T){const S=n;if((S.appearance&&S.appearance.class||"").split(" ").includes("f-form-layout")){const A=String(b.innerText),D=F("form-group");return D.editor=T,D.label=A,D}return T}function P(){return!m}function V(){return!m}function C(){return s}function k(b){return new Le(b,t).getPropertyConfig(n,o.componentInstance.value)}return{canAccepts:y,checkCanDeleteComponent:V,checkCanMoveComponent:P,getStyles:p,getPropsConfig:k,hideNestedPaddingInDesginerView:C,onAcceptNewChildElement:v,onAcceptMovedChildElement:i,resolveComponentContext:j,onResolveNewComponentSchema:f,triggerBelongedComponentToMoveWhenMoved:g,triggerBelongedComponentToDeleteWhenDeleted:a}}const ke=e.defineComponent({name:"FPagination",props:q,emits:["pageIndexChanged","pageSizeChanged"],setup(o,t){var z;const n=e.ref(!1),u=e.ref(o.mode),l=e.ref(""),g=e.ref(!1),a=e.ref(o.pageSize),r=e.ref(o.currentPage),s=e.ref(o.totalItems),c=e.ref(),m=e.inject("design-item-context"),d=Se(m.schema,(z=m.parent)==null?void 0:z.schema),y=Ne(c,m,d);e.onMounted(()=>{c.value.componentInstance=y}),t.expose(y.value);const{pages:j,updatePages:i}=ae(),p=e.computed(()=>r.value===1),f=e.computed(()=>[20,50,100]),h=e.computed(()=>Math.ceil(s.value/a.value)),N=e.computed(()=>r.value===h.value),v=e.computed(()=>!0),P=e.computed(()=>r.value>1),V=e.computed(()=>!(g.value&&j.value.length<=1)),C=e.computed(()=>!0),k=e.computed(()=>!0),L=e.computed(()=>!0),b=e.computed(()=>!0),{renderFirstPage:w,renderPreviousPage:T}=oe(r,p,P),{renderLastPage:S,renderNextPage:O}=K(r,N,h),{renderPageInfo:$}=ee(l,s),{renderPageList:A}=te(r,a,f,s),{renderPageNumbers:D}=ne(r,j),{renderGotoButton:E}=R(r,h);i(r.value,a.value,s.value,7),e.watch([r,a],()=>{i(r.value,a.value,s.value,7)}),e.watch(r,()=>{t.emit("pageIndexChanged",r.value)}),e.watch(a,()=>{t.emit("pageSizeChanged",a.value)});const B=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:n.value,"pager-viewmode-default":u.value==="default","pager-viewmode-simple":u.value==="simple"})),x=e.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function H(){return e.createVNode(e.Fragment,null,[C.value&&$(),k.value&&A(),b.value&&w(),b.value&&T(),L.value&&D(),b.value&&O(),b.value&&S(),v.value&&E()])}function J(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),b.value&&w(),b.value&&T(),E(),e.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[e.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[e.createTextVNode(" /")])]),e.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[e.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[e.createTextVNode(" "),h.value])]),b.value&&O(),b.value&&S()])}return()=>e.createVNode("div",{ref:c,class:"pagination-container"},[V.value&&e.createVNode("ul",{role:"navigation",class:B.value,style:x.value},[u.value==="default"?H():J()])])}});I.register=(o,t,n)=>{o.pagination=I,t.pagination=_},I.registerDesigner=(o,t,n)=>{o.pagination=ke,t.pagination=_};const Ae=ie.withInstall(I);M.FPagination=I,M.default=Ae,M.paginationProps=q,M.propsResolver=_,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/popover/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as l, computed as y, watch as J, nextTick as K, defineComponent as Q, onMounted as Y, onUnmounted as Z, createVNode as k, Teleport as _, withDirectives as ee, vShow as te } from "vue";
+import { ref as l, computed as y, watch as J, nextTick as K, defineComponent as Q, onMounted as Y, onUnmounted as Z, createVNode as O, Teleport as _, withDirectives as ee, vShow as te } from "vue";
 const oe = {
   id: { type: String },
   title: { type: String },
@@ -24,18 +24,18 @@ const oe = {
   minWidth: { type: Number, default: -1 }
 };
 function ne(e) {
-  const t = e.host ? e.host : "body", c = y(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), i = y(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), u = y(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), d = y(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: i, hostTop: c, hostWidth: u, hostHeight: d };
+  const t = e.host ? e.host : "body", c = y(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), i = y(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), u = y(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), f = y(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
+  return { host: t, hostLeft: i, hostTop: c, hostWidth: u, hostHeight: f };
 }
 function ie(e, t, c, i) {
   var D;
-  const u = l(0), d = l(((D = e.offsetX) == null ? void 0 : D.value) || 0), g = l(e.minWidth), a = l(-1), P = l(-1), m = l(e.placement), w = l(0), f = l(0), R = l(0), C = l(document.documentElement.scrollLeft), r = l(document.documentElement.scrollTop), { hostLeft: v, hostTop: O, hostWidth: S, hostHeight: j } = i;
+  const u = l(0), f = l(((D = e.offsetX) == null ? void 0 : D.value) || 0), g = l(e.minWidth), v = l(-1), P = l(-1), m = l(e.placement), w = l(0), r = l(0), R = l(0), b = l(document.documentElement.scrollLeft), a = l(document.documentElement.scrollTop), { hostLeft: p, hostTop: C, hostWidth: S, hostHeight: j } = i;
   J(e.offsetX, (o) => {
-    u.value = o - d.value;
+    u.value = o - f.value;
   });
-  const M = y(() => {
+  const E = y(() => {
     const o = {
-      left: `${f.value}px`,
+      left: `${r.value}px`,
       top: `${R.value}px`,
       transform: `translateX(${u.value}px)`
     };
@@ -49,7 +49,7 @@ function ie(e, t, c, i) {
       g.value = Math.max(e.minWidth, n.width);
     }
   }
-  function b(o, n) {
+  function W(o, n) {
     const s = S.value - o.width - 4;
     return s > 0 ? s : n;
   }
@@ -58,24 +58,24 @@ function ie(e, t, c, i) {
     return s > 0 ? s : n;
   }
   function x(o, n, s) {
-    const p = w.value, h = n.left - v.value + n.width / 2 + C.value, L = n.top - O.value - (o.height + s.height) + r.value;
-    return { popoverLeft: h, popoverTop: L, arrowLeft: p };
+    const d = w.value, h = n.left - p.value + n.width / 2 + b.value, L = n.top - C.value - (o.height + s.height) + a.value;
+    return { popoverLeft: h, popoverTop: L, arrowLeft: d };
   }
   function z(o, n, s) {
-    const p = n.top - O.value + (n.height + s.height) + r.value, h = X(o, p);
-    return Math.min(p, h);
+    const d = n.top - C.value + (n.height + s.height) + a.value, h = X(o, d);
+    return Math.min(d, h);
   }
-  function E(o, n) {
-    const s = b(n, o), p = o <= s ? w.value : o - s;
-    return { popoverLeft: Math.min(o, s), arrowLeft: p };
+  function $(o, n) {
+    const s = W(n, o), d = o <= s ? w.value : o - s;
+    return { popoverLeft: Math.min(o, s), arrowLeft: d };
   }
   function N(o, n, s) {
-    const p = n.left - v.value + n.width / 2 - (s.width / 2 - (o.left - v.value)) + C.value, { arrowLeft: h, popoverLeft: L } = E(p, o), W = z(o, n, s);
-    return { popoverLeft: L, popoverTop: W, arrowLeft: h };
+    const d = n.left - p.value + n.width / 2 - (s.width / 2 - (o.left - p.value)) + b.value, { arrowLeft: h, popoverLeft: L } = $(d, o), k = z(o, n, s);
+    return { popoverLeft: L, popoverTop: k, arrowLeft: h };
   }
   function A(o, n, s) {
-    const p = n.left - v.value + C.value, { arrowLeft: h, popoverLeft: L } = E(p, o), W = z(o, n, s);
-    return { popoverLeft: L, popoverTop: W, arrowLeft: h };
+    const d = n.left - p.value + b.value, { arrowLeft: h, popoverLeft: L } = $(d, o), k = z(o, n, s);
+    return { popoverLeft: L, popoverTop: k, arrowLeft: h };
   }
   const F = /* @__PURE__ */ new Map([
     ["top", x],
@@ -83,25 +83,25 @@ function ie(e, t, c, i) {
     ["bottom-left", A]
   ]);
   function H(o) {
-    var L, W;
+    var L, k;
     const n = o.getBoundingClientRect();
-    a.value = n.top, P.value = n.left;
-    const s = (L = t.value) == null ? void 0 : L.getBoundingClientRect(), p = (W = c.value) == null ? void 0 : W.getBoundingClientRect(), h = F.get(m.value);
+    v.value = n.top, P.value = n.left;
+    const s = (L = t.value) == null ? void 0 : L.getBoundingClientRect(), d = (k = c.value) == null ? void 0 : k.getBoundingClientRect(), h = F.get(m.value);
     if (h) {
-      const { arrowLeft: V, popoverLeft: q, popoverTop: G } = h(p, n, s);
-      w.value = V, f.value = q, R.value = G;
+      const { arrowLeft: V, popoverLeft: q, popoverTop: G } = h(d, n, s);
+      w.value = V, r.value = q, R.value = G;
     }
     e.keepWidthWithReference && B(o);
   }
   function U(o) {
     if (o) {
       const n = o.getBoundingClientRect();
-      (n.left !== P.value || n.top !== a.value) && H(o);
+      (n.left !== P.value || n.top !== v.value) && H(o);
     }
   }
   return {
     arrowStyle: T,
-    popoverStyle: M,
+    popoverStyle: E,
     position: m,
     popoverWidth: g,
     fitToReference: B,
@@ -109,90 +109,91 @@ function ie(e, t, c, i) {
     locateToReference: H
   };
 }
-function se(e, t, c, i, u, d, g) {
-  const a = l(e.visible), P = y(() => a.value), { fitToReference: m, locateToReference: w } = g;
-  let f;
+function se(e, t, c, i, u, f, g) {
+  const v = l(e.visible), P = y(() => v.value), { fitToReference: m, locateToReference: w } = g;
+  let r;
   function R() {
-    a.value = !1, document.body.removeEventListener("click", f), t.emit("hidden");
+    v.value = !1, document.body.removeEventListener("click", r), document.body.removeEventListener("wheel", r), t.emit("hidden");
   }
-  f = (r) => {
-    if (!u.value.contains(r.target)) {
-      const v = u.value.closest(".popover");
-      v && v.removeEventListener("click", f), R();
+  r = (a) => {
+    var p;
+    if (!((p = a.target) != null && p.closest(".popover-body")) && !u.value.contains(a.target)) {
+      const C = u.value.closest(".popover");
+      C && C.removeEventListener("click", r), R();
     }
   };
-  async function C(r) {
-    if (i.value && c.value && r) {
-      a.value = !0, u.value = r, d.value && m(r), await K(), w(r), document.body.addEventListener("click", f);
-      const v = r.closest(".popover");
-      v && v.addEventListener("click", f), t.emit("shown");
+  async function b(a) {
+    if (i.value && c.value && a) {
+      v.value = !0, u.value = a, f.value && m(a), await K(), w(a), document.body.addEventListener("click", r, !0), document.body.addEventListener("wheel", r, !0);
+      const p = a.closest(".popover");
+      p && p.addEventListener("click", r), t.emit("shown");
     }
   }
-  return t.expose({ hide: R, show: C, shown: P }), { showPopover: a, hidePopverOnClickBodyHandler: f };
+  return t.expose({ hide: R, show: b, shown: P }), { showPopover: v, hidePopverOnClickBodyHandler: r };
 }
 function ce(e, t, c, i, u) {
-  const { popoverWidth: d, fitToReference: g, followToReferencePosition: a } = u;
+  const { popoverWidth: f, fitToReference: g, followToReferencePosition: v } = u;
   function P() {
     if (c.value) {
-      a(c.value);
+      v(c.value);
       const m = c.value.getBoundingClientRect();
-      i.value && m.width !== d.value && g(c.value);
+      i.value && m.width !== f.value && g(c.value);
     }
   }
   return { onResize: P };
 }
-const $ = /* @__PURE__ */ Q({
+const M = /* @__PURE__ */ Q({
   name: "FPopover",
   props: oe,
   emits: ["shown", "hidden"],
   setup(e, t) {
-    const c = l(), i = l(), u = l(e.reference), d = l(e.keepWidthWithReference), g = y(() => !!e.title), a = ne(e), {
+    const c = l(), i = l(), u = l(e.reference), f = l(e.keepWidthWithReference), g = y(() => !!e.title), v = ne(e), {
       host: P
-    } = a, m = ie(e, c, i, a), {
+    } = v, m = ie(e, c, i, v), {
       position: w,
-      arrowStyle: f,
+      arrowStyle: r,
       popoverStyle: R,
-      fitToReference: C,
-      locateToReference: r
+      fitToReference: b,
+      locateToReference: a
     } = m, {
-      showPopover: v,
-      hidePopverOnClickBodyHandler: O
-    } = se(e, t, c, i, u, d, m), {
+      showPopover: p,
+      hidePopverOnClickBodyHandler: C
+    } = se(e, t, c, i, u, f, m), {
       onResize: S
-    } = ce(e, t, u, d, m), j = y(() => {
-      const T = `popover in popover-${w.value}`, B = `bs-popover-${w.value}`, b = {
+    } = ce(e, t, u, f, m), j = y(() => {
+      const T = `popover in popover-${w.value}`, B = `bs-popover-${w.value}`, W = {
         "popover-fitcontent": e.fitContent
       };
-      return b[T] = !0, b[B] = !0, (e.class || "").split(" ").reduce((x, z) => (x[z] = !0, x), b), b;
-    }), M = y(() => ({
+      return W[T] = !0, W[B] = !0, (e.class || "").split(" ").reduce((x, z) => (x[z] = !0, x), W), W;
+    }), E = y(() => ({
       "popover-content": !0,
       "popover-body": !0
     }));
     return Y(() => {
-      e.reference && r(u.value), d.value && C(u.value), window.addEventListener("resize", S);
+      e.reference && a(u.value), f.value && b(u.value), window.addEventListener("resize", S);
     }), Z(() => {
-      document.body.removeEventListener("click", O), window.removeEventListener("resize", S);
-    }), () => k(_, {
+      document.body.removeEventListener("click", C), window.removeEventListener("resize", S);
+    }), () => O(_, {
       to: P
     }, {
       default: () => {
         var T;
-        return [ee(k("div", {
+        return [ee(O("div", {
           ref: i,
           class: j.value,
           style: R.value,
           onClick: (B) => {
             B.stopPropagation();
           }
-        }, [k("div", {
+        }, [O("div", {
           ref: c,
           class: "popover-arrow arrow",
-          style: f.value
-        }, null), g.value && k("h3", {
+          style: r.value
+        }, null), g.value && O("h3", {
           class: "popover-title popover-header"
-        }, [e.title]), k("div", {
-          class: M.value
-        }, [t.slots.default && ((T = t.slots) == null ? void 0 : T.default())])]), [[te, v.value]])];
+        }, [e.title]), O("div", {
+          class: E.value
+        }, [t.slots.default && ((T = t.slots) == null ? void 0 : T.default())])]), [[te, p.value]])];
       }
     });
   }
@@ -212,12 +213,12 @@ const ue = {
   unMounted: (e, t, c) => {
   }
 };
-$.install = (e) => {
-  e.component($.name, $), e.directive("popover", ue);
+M.install = (e) => {
+  e.component(M.name, M), e.directive("popover", ue);
 };
 export {
-  $ as Popover,
+  M as Popover,
   ue as PopoverDirective,
-  $ as default,
+  M as default,
   oe as popoverProps
 };

package/components/popover/index.umd.cjs

@@ -0,0 +1 @@
+(function(m,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis<"u"?globalThis:m||self,t(m.popover={},m.Vue))})(this,function(m,t){"use strict";const N={id:{type:String},title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:t.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}};function D(e){const o=e.host?e.host:"body",r=t.computed(()=>o==="body"?0:o?o.getBoundingClientRect().top:0),c=t.computed(()=>o==="body"?0:o?o.getBoundingClientRect().left:0),l=t.computed(()=>o==="body"?document.body.getBoundingClientRect().width:o?o.getBoundingClientRect().width-(e.rightBoundary?e.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),v=t.computed(()=>o==="body"?document.body.getBoundingClientRect().height:o?o.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:o,hostLeft:c,hostTop:r,hostWidth:l,hostHeight:v}}function A(e,o,r,c){var H;const l=t.ref(0),v=t.ref(((H=e.offsetX)==null?void 0:H.value)||0),g=t.ref(e.minWidth),d=t.ref(-1),L=t.ref(-1),y=t.ref(e.placement),w=t.ref(0),a=t.ref(0),R=t.ref(0),T=t.ref(document.documentElement.scrollLeft),u=t.ref(document.documentElement.scrollTop),{hostLeft:p,hostTop:b,hostWidth:S,hostHeight:x}=c;t.watch(e.offsetX,n=>{l.value=n-v.value});const E=t.computed(()=>{const n={left:`${a.value}px`,top:`${R.value}px`,transform:`translateX(${l.value}px)`};return e.zIndex!==-1&&(n["z-index"]=e.zIndex),g.value!==-1&&(n.width=`${g.value}px`),n}),C=t.computed(()=>({left:`${w.value}px`}));function B(n){if(n&&e.keepWidthWithReference){const i=n.getBoundingClientRect();g.value=Math.max(e.minWidth,i.width)}}function W(n,i){const s=S.value-n.width-4;return s>0?s:i}function V(n,i){const s=x.value-n.height-4;return s>0?s:i}function j(n,i,s){const f=w.value,h=i.left-p.value+i.width/2+T.value,P=i.top-b.value-(n.height+s.height)+u.value;return{popoverLeft:h,popoverTop:P,arrowLeft:f}}function z(n,i,s){const f=i.top-b.value+(i.height+s.height)+u.value,h=V(n,f);return Math.min(f,h)}function X(n,i){const s=W(i,n),f=n<=s?w.value:n-s;return{popoverLeft:Math.min(n,s),arrowLeft:f}}function U(n,i,s){const f=i.left-p.value+i.width/2-(s.width/2-(n.left-p.value))+T.value,{arrowLeft:h,popoverLeft:P}=X(f,n),O=z(n,i,s);return{popoverLeft:P,popoverTop:O,arrowLeft:h}}function G(n,i,s){const f=i.left-p.value+T.value,{arrowLeft:h,popoverLeft:P}=X(f,n),O=z(n,i,s);return{popoverLeft:P,popoverTop:O,arrowLeft:h}}const J=new Map([["top",j],["bottom",U],["bottom-left",G]]);function $(n){var P,O;const i=n.getBoundingClientRect();d.value=i.top,L.value=i.left;const s=(P=o.value)==null?void 0:P.getBoundingClientRect(),f=(O=r.value)==null?void 0:O.getBoundingClientRect(),h=J.get(y.value);if(h){const{arrowLeft:Q,popoverLeft:Y,popoverTop:Z}=h(f,i,s);w.value=Q,a.value=Y,R.value=Z}e.keepWidthWithReference&&B(n)}function K(n){if(n){const i=n.getBoundingClientRect();(i.left!==L.value||i.top!==d.value)&&$(n)}}return{arrowStyle:C,popoverStyle:E,position:y,popoverWidth:g,fitToReference:B,followToReferencePosition:K,locateToReference:$}}function F(e,o,r,c,l,v,g){const d=t.ref(e.visible),L=t.computed(()=>d.value),{fitToReference:y,locateToReference:w}=g;let a;function R(){d.value=!1,document.body.removeEventListener("click",a),document.body.removeEventListener("wheel",a),o.emit("hidden")}a=u=>{var p;if(!((p=u.target)!=null&&p.closest(".popover-body"))&&!l.value.contains(u.target)){const b=l.value.closest(".popover");b&&b.removeEventListener("click",a),R()}};async function T(u){if(c.value&&r.value&&u){d.value=!0,l.value=u,v.value&&y(u),await t.nextTick(),w(u),document.body.addEventListener("click",a,!0),document.body.addEventListener("wheel",a,!0);const p=u.closest(".popover");p&&p.addEventListener("click",a),o.emit("shown")}}return o.expose({hide:R,show:T,shown:L}),{showPopover:d,hidePopverOnClickBodyHandler:a}}function _(e,o,r,c,l){const{popoverWidth:v,fitToReference:g,followToReferencePosition:d}=l;function L(){if(r.value){d(r.value);const y=r.value.getBoundingClientRect();c.value&&y.width!==v.value&&g(r.value)}}return{onResize:L}}const k=t.defineComponent({name:"FPopover",props:N,emits:["shown","hidden"],setup(e,o){const r=t.ref(),c=t.ref(),l=t.ref(e.reference),v=t.ref(e.keepWidthWithReference),g=t.computed(()=>!!e.title),d=D(e),{host:L}=d,y=A(e,r,c,d),{position:w,arrowStyle:a,popoverStyle:R,fitToReference:T,locateToReference:u}=y,{showPopover:p,hidePopverOnClickBodyHandler:b}=F(e,o,r,c,l,v,y),{onResize:S}=_(e,o,l,v,y),x=t.computed(()=>{const C=`popover in popover-${w.value}`,B=`bs-popover-${w.value}`,W={"popover-fitcontent":e.fitContent};return W[C]=!0,W[B]=!0,(e.class||"").split(" ").reduce((j,z)=>(j[z]=!0,j),W),W}),E=t.computed(()=>({"popover-content":!0,"popover-body":!0}));return t.onMounted(()=>{e.reference&&u(l.value),v.value&&T(l.value),window.addEventListener("resize",S)}),t.onUnmounted(()=>{document.body.removeEventListener("click",b),window.removeEventListener("resize",S)}),()=>t.createVNode(t.Teleport,{to:L},{default:()=>{var C;return[t.withDirectives(t.createVNode("div",{ref:c,class:x.value,style:R.value,onClick:B=>{B.stopPropagation()}},[t.createVNode("div",{ref:r,class:"popover-arrow arrow",style:a.value},null),g.value&&t.createVNode("h3",{class:"popover-title popover-header"},[e.title]),t.createVNode("div",{class:E.value},[o.slots.default&&((C=o.slots)==null?void 0:C.default())])]),[[t.vShow,p.value]])]}})}});function M(e,o,r){e.stopPropagation();const c=o.value;c&&c.value&&c.value.show(r)}function q(e,o){e.stopPropagation(),o.value.value.hide()}const I={mounted:(e,o,r)=>{o.modifiers.hover?(e.addEventListener("mouseenter",c=>M(c,o,e)),e.addEventListener("mouseleave",c=>q(c,o))):o.modifiers.click?e.addEventListener("click",c=>M(c,o,e)):e.addEventListener("click",c=>M(c,o,e))},unMounted:(e,o,r)=>{}};k.install=e=>{e.component(k.name,k),e.directive("popover",I)},m.Popover=k,m.PopoverDirective=I,m.default=k,m.popoverProps=N,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});