@farris/ui-vue 1.2.9 → 1.3.1

package/components/pagination/index.umd.cjs

@@ -1 +1 @@
-(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M.pagination={},M.Vue,M.LodashES,M.common))})(this,function(M,e,ae,re){"use strict";const X={},Y={};function _(o){const{properties:t,title:n,ignore:p}=o,r=p&&Array.isArray(p),d=Object.keys(t).reduce((a,s)=>((!r||!p.find(c=>c==s))&&(a[s]=t[s].type==="object"&&t[s].properties?_(t[s]):ae.cloneDeep(t[s].default)),a),{});return(!r||!p.find(a=>a=="id"))&&(d.id=`${n}-${Date.now()}`),d}function B(o,t={},n){const p=X[o];if(p){let r=_(p);const d=Y[o];return r=d?d({getSchemaByType:B},r,t,n):r,r}return null}function se(o,t){const n=_(t);return Object.keys(o).reduce((p,r)=>(p[r]&&typeof p[r]=="object"?Object.assign(p[r],o[r]):p[r]=o[r],p),n),n}function ce(o,t){return Object.keys(o).filter(p=>o[p]!=null).reduce((p,r)=>{if(t.has(r)){const d=t.get(r);if(typeof d=="string")p[d]=o[r];else{const a=d(r,o[r],o);Object.assign(p,a)}}else p[r]=o[r];return p},{})}function le(o,t,n=new Map){const p=se(o,t);return ce(p,n)}function ie(o={}){function t(f,g,j,h){if(typeof j=="number")return h[f].length===j;if(typeof j=="object"){const P=Object.keys(j)[0],i=j[P];if(P==="not")return Number(h[f].length)!==Number(i);if(P==="moreThan")return Number(h[f].length)>=Number(i);if(P==="lessThan")return Number(h[f].length)<=Number(i)}return!1}function n(f,g,j,h){return h[f]&&h[f].propertyValue&&String(h[f].propertyValue.value)===String(j)}const p=new Map([["length",t],["getProperty",n]]);Object.keys(o).reduce((f,g)=>(f.set(g,o[g]),f),p);function r(f,g){const j=f;return typeof g=="number"?[{target:j,operator:"length",param:null,value:Number(g)}]:typeof g=="boolean"?[{target:j,operator:"getProperty",param:f,value:!!g}]:typeof g=="object"?Object.keys(g).map(h=>{if(h==="length")return{target:j,operator:"length",param:null,value:g[h]};const P=h,i=g[h];return{target:j,operator:"getProperty",param:P,value:i}}):[]}function d(f){return Object.keys(f).reduce((j,h)=>{const P=r(h,f[h]);return j.push(...P),j},[])}function a(f,g){if(p.has(f.operator)){const j=p.get(f.operator);return j&&j(f.target,f.param,f.value,g)||!1}return!1}function s(f,g){return d(f).reduce((P,i)=>P&&a(i,g),!0)}function c(f,g){const j=Object.keys(f),h=j.includes("allOf"),P=j.includes("anyOf"),i=h||P,m=(i?f[i?h?"allOf":"anyOf":"allOf"]:[f]).map(v=>s(v,g));return h?!m.includes(!1):m.includes(!0)}return{parseValueSchema:c}}const pe={},ue={};ie();function fe(o,t,n=new Map,p=(a,s,c)=>s,r={},d=a=>a){return X[t.title]=t,Y[t.title]=p,pe[t.title]=r,ue[t.title]=d,(a={})=>{const s=le(a,t,n),c=Object.keys(o).reduce((f,g)=>(f[g]=o[g].default,f),{});return Object.assign(c,s)}}function de(o,t){return{customClass:t.class,customStyle:t.style}}const ge=new Map([["appearance",de]]),me={$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"]},ye={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 be(o,t,n){return t}const G={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]}},H=fe(G,me,ge,be,ye);function Z(o,t){const n=e.ref("跳转至"),p=e.ref(""),r=e.ref(o.value);e.watch(r,(c,f)=>{c>=1&&c<=t.value?o.value=c:r.value=f}),e.watch(o,c=>{r.value!==c&&(r.value=c)});function d(c){r.value=c.target.valueAsNumber}function a(c){c.key==="Enter"&&(r.value=c.target.valueAsNumber)}function s(){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:r.value,min:"1",max:t.value,style:"display: inline-block;margin-left:3px;",onBlur:c=>d(c),onKeyup:c=>a(c)},null),p.value])}return{renderGotoButton:s}}function I(o,t,n){const p=e.computed(()=>({"page-item":!0,disabled:t.value}));function r(c){o.value=o.value<n.value?o.value+1:n.value}function d(c){o.value=n.value}function a(){return e.createVNode("li",{class:p.value},[!t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:c=>r()},[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 s(){return e.createVNode("li",{class:p.value},[!t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:c=>d()},[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:s,renderNextPage:a}}function R(o,t){const n=e.ref("共"),p=e.ref("条"),r=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":o.value==="right","flex-fill":o.value==="right"}));function d(){return e.createVNode("li",{class:r.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"},[p.value])])])}return{renderPageInfo:d}}function K(o,t,n,p){const r=e.ref(!1),d=e.ref("显示"),a=e.ref("条"),s=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":p.value===0,show:r.value})),c=e.computed(()=>({"dropdown-menu":!0,show:r.value})),f=l=>({"w-100":!0,"dropdown-item":!0,active:t.value===l});function g(l){r.value=!0}function j(l){r.value=!1}function h(l,u,m){const v=l*u-u+1;return Math.ceil(v/m)}function P(l,u){o.value=h(o.value,t.value,u),t.value=u,r.value=!1}function i(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:s.value,onMouseenter:l=>g(),onMouseleave:l=>j()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[d.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:c.value,style:"margin-bottom: -1px;"},[n.value.map(l=>e.createVNode("li",{class:f(l),onClick:u=>P(u,l)},[e.createVNode("span",null,[l])]))])])])}return{renderPageList:i}}function ee(o,t){const n=a=>({"page-item":!0,current:o.value===a.value,ellipsis:a.label==="..."}),p=a=>({"f-icon":!0,"f-icon-arrow-seek-left":a.value<o.value,"f-icon-arrow-seek-right":a.value>o.value});function r(a,s){o.value=s}function d(){return t.value.map(a=>e.createVNode("li",{class:n(a)},[o.value!==a.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>r(s,a.value)},[e.createVNode("span",{class:"page-link-label"},[a.label]),a.label==="..."&&e.createVNode("i",{class:p(a)},null)]),o.value===a.value&&e.createVNode("span",{class:"page-link"},[a.label])]))}return{renderPageNumbers:d}}function te(o,t,n){const p=e.computed(()=>({"page-item":!0,disabled:t.value}));function r(c){o.value=1}function d(c){o.value=o.value>2?o.value-1:1}function a(){return e.createVNode("li",{class:p.value},[n.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:c=>r()},[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 s(){return e.createVNode("li",{class:p.value},[n.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:c=>d()},[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:s}}function ne(o){const t=e.ref([]);function n(r,d,a,s){const c=Math.ceil(a/2);return r===a?s:r===1?r:a<s?s-c<d?s-a+r:c<d?d-c+r:r:r}function p(r,d,a,s){const c=[],f=Math.ceil(a/d),g=Math.ceil(s/2),j=r<=g,h=f-g<r,P=!j&&!h,i=s<f;let l=1;for(;l<=f&&l<=s;){const u=n(l,r,s,f),m=l===2&&(P||h),C=l===s-1&&(P||j),v=i&&(m||C)?"...":""+u;c.push({label:v,value:u}),l++}t.value=c}return{pages:t,updatePages:p}}const F=e.defineComponent({name:"FPagination",props:G,emits:["pageIndexChanged","pageSizeChanged","update:currentPage","update:pageSize"],setup(o,t){const n=e.ref(!1),p=e.ref(o.mode),r=e.ref(""),d=e.ref(!1),a=e.ref(o.pageSize),s=e.ref(o.currentPage),c=e.ref(o.totalItems),{pages:f,updatePages:g}=ne(),j=e.computed(()=>s.value===1),h=e.computed(()=>o.pageList),P=e.computed(()=>Math.ceil(c.value/a.value)),i=e.computed(()=>s.value===P.value),l=e.computed(()=>o.showGoButton),u=e.computed(()=>s.value>1),m=e.computed(()=>!(d.value&&f.value.length<=1)),C=e.computed(()=>!0),v=e.computed(()=>o.showPageList),O=e.computed(()=>o.showPageNumbers),k=e.computed(()=>!0),{renderFirstPage:N,renderPreviousPage:V}=te(s,j,u),{renderLastPage:y,renderNextPage:b}=I(s,i,P),{renderPageInfo:T}=R(r,c),{renderPageList:w}=K(s,a,h,c),{renderPageNumbers:A}=ee(s,f),{renderGotoButton:L}=Z(s,P);g(s.value,a.value,c.value,7),e.watch(()=>o.totalItems,$=>{c.value=$}),e.watch([s,a,c],()=>{g(s.value,a.value,c.value,7)}),e.watch(s,()=>{t.emit("update:currentPage",s.value),t.emit("pageIndexChanged",s.value)}),e.watch(a,()=>{t.emit("update:pageSize",a.value),t.emit("pageSizeChanged",a.value)}),e.watch(()=>o.totalItems,$=>{c.value=$,g(s.value,a.value,c.value,7)}),e.watchEffect(()=>{const $=h.value.includes(a.value);a.value=$?a.value:h.value[0]})();const x=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:n.value,"pager-viewmode-default":p.value==="default","pager-viewmode-simple":p.value==="simple"})),D=e.computed(()=>({position:"relative","justify-content":r.value==="center"?"center":"start"}));function E(){return e.createVNode(e.Fragment,null,[C.value&&T(),v.value&&w(),k.value&&N(),k.value&&V(),O.value&&A(),k.value&&b(),k.value&&y(),l.value&&L()])}function z(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),k.value&&N(),k.value&&V(),L(),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(" "),P.value])]),k.value&&b(),k.value&&y()])}return()=>e.createVNode("div",{class:"pagination-container"},[m.value&&e.createVNode("ul",{role:"navigation",class:x.value,style:D.value},[p.value==="default"?E():z()])])}});function he(o,t,n){var k;function p(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}p();const r=n&&n.getStyles&&n.getStyles()||"",d=n&&n.getDesignerClass&&n.getDesignerClass()||"",a=e.ref();function s(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function c(){return!1}function f(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function g(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function j(N){if(!N||!N.value)return null;if(N.value.schema&&N.value.schema.type==="component")return N.value;const V=e.ref(N==null?void 0:N.value.parent),y=j(V);return y||null}function h(N=t){const{componentInstance:V,designerItemElementRef:y}=N;return!V||!V.value?null:V.value.canMove?y:h(N.parent)}function P(N){return!!n&&n.canAccepts(N)}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 l(){}function u(N,V){V&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(V)}function m(N,V){const{componentType:y}=N;let b=B(y,N,V);n&&n.onResolveNewComponentSchema&&(b=n.onResolveNewComponentSchema(N,b));const T=y.toLowerCase().replace("-","_");return b&&!b.id&&b.type===y&&(b.id=`${T}_${Math.random().toString().slice(2,6)}`),b}function C(N,V){const y=String(N.getAttribute("data-controltype")),b=N.getAttribute("data-feature"),T=b?JSON.parse(b):{};T.parentComponentInstance=a.value;let w=B(y,T);n&&n.onAcceptNewChildElement&&(w=n.onAcceptNewChildElement(N,V,w));const A=y.toLowerCase().replace("-","_");return w&&!w.id&&w.type===y&&(w.id=`${A}_${Math.random().toString().slice(2,6)}`),w}function v(N){}function O(...N){if(n&&n.getPropsConfig)return n.getPropsConfig(...N)}return a.value={canMove:s(),canSelectParent:c(),canDelete:f(),canNested:!g(),contents:t==null?void 0:t.schema.contents,elementRef:o,parent:(k=t==null?void 0:t.parent)==null?void 0:k.componentInstance,schema:t==null?void 0:t.schema,styles:r,designerClass:d,canAccepts:P,getBelongedComponentInstance:j,getDraggableDesignItemElement:h,getDraggingDisplayText:i,getPropConfig:O,getDragScopeElement:l,onAcceptMovedChildElement:u,onAcceptNewChildElement:C,onChildElementMovedOut:v,addNewChildComponentSchema:m,updateDragAndDropRules:p,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},a}function je(){function o(t){var r,d;if(!t)return!1;const n=((r=t.targetContainer)==null?void 0:r.componentInstance)&&t.targetContainer.componentInstance.value;if(!n)return!1;const p=(d=n.schema.appearance)==null?void 0:d.class;if(t.controlCategory==="input"||t.controlType==="form-group"){const a=n.schema.type,s=(a==="response-form"||a==="content-container")&&p&&p.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!s)return!1}return t.controlType!=="field-set"}return{basalDragulaRuleForContainer:o}}const Ne={$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"}}},J=new Map;function ve(){function o(i,l,u,m){var C;if(typeof u=="number")return((C=m[i])==null?void 0:C.length)===u;if(typeof u=="object"){const v=Object.keys(u)[0],O=u[v];if(v==="not")return Number(m[i].length)!==Number(O);if(v==="moreThan")return Number(m[i].length)>=Number(O);if(v==="lessThan")return Number(m[i].length)<=Number(O)}return!1}function t(i,l,u,m){return typeof u=="boolean"?m.childrenClassList.includes(l)===!!u:!1}function n(i,l,u,m){return typeof u=="boolean"?m.parentClassList.includes(l)===!!u:!1}function p(i,l,u,m){return typeof u=="boolean"?m.parentClassList.includes(l)===!!u:!1}const r=new Map([["length",o],["hasChildren",t],["hasSibling",p],["hasParent",n]]);function d(i,l){const u=i;return typeof l=="number"?[{target:u,operator:"length",param:null,value:Number(l)}]:typeof l=="object"?Object.keys(l).map(m=>{if(m==="length")return{target:u,operator:"length",param:null,value:l[m]};const C=m,v=l[m];return{target:u,operator:i==="children"?"hasChildren":i==="parent"?"hasParent":"hasSibling",param:C,value:v}}):[]}function a(i,l){if(r.has(i.operator)){const u=r.get(i.operator);return u&&u(i.target,i.param,i.value,l)||!1}return!1}function s(i,l){return Object.keys(i).reduce((v,O)=>{const k=d(O,i[O]);return v.push(...k),v},[]).reduce((v,O)=>v&&a(O,l),!0)}function c(i,l){const u=Object.keys(i),m=u.includes("allOf"),C=u.includes("anyOf"),v=m||C,N=(v?i[v?m?"allOf":"anyOf":"allOf"]:[i]).map(y=>s(y,l));return m?!N.includes(!1):N.includes(!0)}function f(i,l){const u=i.const;return u?typeof u=="boolean"?u:typeof u=="object"?c(u,l):!1:!1}function g(i){return l=>{const u={canAccept:!0,fixed:!1,hidePadding:!1};return i&&i.properties&&Object.keys(i.properties).reduce((m,C)=>{const v=i.properties[C];return m[C]=f(v,l),m},u),u}}function j(i,l,u){if(l.type==="object"&&l.properties){const{rules:m,contents:C}=l.properties;u.set(i,g(m)),C&&Object.keys(C.properties).forEach(v=>j(v,C.properties[v],u))}}function h(){const{properties:i}=Ne;Object.keys(i).forEach(l=>{j(l,i[l],J)})}function P(i,l){const u={canAccept:!0,fixed:!1,hidePadding:!0};return J.has(i)?J.get(i)(l):u}return h(),{getRuleValue:P}}function Pe(o,t){var V;const n=o.schema,p=(V=o.parent)==null?void 0:V.schema,r=ve(),d=e.ref(!1),a=e.ref(!1);let s=!0,c=!1,f,g=!1;function j(y){return f&&f.componentClassList&&f.componentClassList.includes("f-form-layout")&&f.componentClassList.includes("farris-form")?y.sourceType==="control"&&y.controlCategory==="input"||y.sourceType==="move"&&y.controlType==="form-group":!0}function h(y){return!(!je().basalDragulaRuleForContainer(y)||!s||!j(y))}function P(){d.value=!1,a.value=!1;const y=n,b=y.appearance&&y.appearance.class||"",T=b.split(" "),w=y.contents||[],A=w.length?w[0]:null,L=A&&A.appearance?A.appearance.class:"",S=L?L.split(" "):[],x=w.length?w.reduce((q,W)=>{const oe=W&&W.appearance?W.appearance.class:"",Ve=oe?oe.split(" "):[];return q.push(...Ve),q},[]):[],D=p,E=D&&D.appearance&&D.appearance.class||"",z=E?E.split(" "):[];f={componentClass:b,componentClassList:T,childContents:w,firstChildContent:A,firstChildClass:L,firstChildClassList:S,parent:D,parentClass:E,parentClassList:z,children:w,childrenClassList:x};const{canAccept:$,fixed:Q,hidePadding:U}=r.getRuleValue(T[0],f);return s=$,c=U,g=Q,!0}function i(y){e.nextTick()}function l(){return n.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function u(y,b){const T=n;if((T.appearance&&T.appearance.class||"").split(" ").includes("f-form-layout")){const{label:L}=y,S=B("form-group");return S.editor=b,S.label=L,m(S),delete S.editor.id,delete S.editor.binding,delete S.editor.appearance,delete S.editor.visible,S}return b}function m(y){const b=o.componentInstance.value.getBelongedComponentInstance(o.componentInstance);if(b&&b.schema&&b.schema.componentType){const T=b.schema.formColumns,w=C(T);y.appearance||(y.appearance={}),y.appearance.class=w}}function C(y){let b="";switch(y){case 1:{b="col-12 col-md-12 col-xl-12 col-el-12";break}case 2:{b="col-12 col-md-6 col-xl-6 col-el-6";break}case 3:{b="col-12 col-md-6 col-xl-4 col-el-4";break}case 4:{b="col-12 col-md-6 col-xl-3 col-el-2";break}}return b}function v(y,b,T){const w=n;if((w.appearance&&w.appearance.class||"").split(" ").includes("f-form-layout")){const S=String(y.innerText),x=B("form-group");return x.editor=T,x.label=S,x}return T}function O(){return!g}function k(){return!g}function N(){return c}return{canAccepts:h,checkCanDeleteComponent:k,checkCanMoveComponent:O,getStyles:l,hideNestedPaddingInDesginerView:N,onAcceptNewChildElement:v,onAcceptMovedChildElement:i,resolveComponentContext:P,onResolveNewComponentSchema:u,triggerBelongedComponentToMoveWhenMoved:d,triggerBelongedComponentToDeleteWhenDeleted:a}}const Ce=e.defineComponent({name:"FPagination",props:G,emits:["pageIndexChanged","pageSizeChanged"],setup(o,t){var q;const n=e.ref(!1),p=e.ref(o.mode),r=e.ref(""),d=e.ref(!1),a=e.ref(o.pageSize),s=e.ref(o.currentPage),c=e.ref(o.totalItems),f=e.ref(),g=e.inject("design-item-context"),j=Pe(g.schema,(q=g.parent)==null?void 0:q.schema),h=he(f,g,j);e.onMounted(()=>{f.value.componentInstance=h}),t.expose(h.value);const{pages:P,updatePages:i}=ne(),l=e.computed(()=>s.value===1),u=e.computed(()=>[20,50,100]),m=e.computed(()=>Math.ceil(c.value/a.value)),C=e.computed(()=>s.value===m.value),v=e.computed(()=>!0),O=e.computed(()=>s.value>1),k=e.computed(()=>!(d.value&&P.value.length<=1)),N=e.computed(()=>!0),V=e.computed(()=>!0),y=e.computed(()=>!0),b=e.computed(()=>!0),{renderFirstPage:T,renderPreviousPage:w}=te(s,l,O),{renderLastPage:A,renderNextPage:L}=I(s,C,m),{renderPageInfo:S}=R(r,c),{renderPageList:x}=K(s,a,u,c),{renderPageNumbers:D}=ee(s,P),{renderGotoButton:E}=Z(s,m);i(s.value,a.value,c.value,7),e.watch([s,a],()=>{i(s.value,a.value,c.value,7)}),e.watch(s,()=>{t.emit("pageIndexChanged",s.value)}),e.watch(a,()=>{t.emit("pageSizeChanged",a.value)});const z=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:n.value,"pager-viewmode-default":p.value==="default","pager-viewmode-simple":p.value==="simple"})),$=e.computed(()=>({position:"relative","justify-content":r.value==="center"?"center":"start"}));function Q(){return e.createVNode(e.Fragment,null,[N.value&&S(),V.value&&x(),b.value&&T(),b.value&&w(),y.value&&D(),b.value&&L(),b.value&&A(),v.value&&E()])}function U(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),b.value&&T(),b.value&&w(),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(" "),m.value])]),b.value&&L(),b.value&&A()])}return()=>e.createVNode("div",{ref:f,class:"pagination-container"},[k.value&&e.createVNode("ul",{role:"navigation",class:z.value,style:$.value},[p.value==="default"?Q():U()])])}});F.register=(o,t,n)=>{o.pagination=F,t.pagination=H},F.registerDesigner=(o,t,n)=>{o.pagination=Ce,t.pagination=H};const we=re.withInstall(F);M.FPagination=F,M.default=we,M.paginationProps=G,M.propsResolver=H,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(P,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../designer-canvas/index.umd.js","../common/index.umd.js"],t):(P=typeof globalThis<"u"?globalThis:P||self,t(P.pagination={},P.Vue,P.LodashES,P.designerCanvas,P.common))})(this,function(P,t,k,G,ae){"use strict";var Te=Object.defineProperty;var De=(P,t,k)=>t in P?Te(P,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):P[t]=k;var V=(P,t,k)=>De(P,typeof t!="symbol"?t+"":t,k);const _={},J={};function U(o){const{properties:e,title:n,ignore:i}=o,l=i&&Array.isArray(i),p=Object.keys(e).reduce((a,d)=>((!l||!i.find(u=>u==d))&&(a[d]=e[d].type==="object"&&e[d].properties?U(e[d]):k.cloneDeep(e[d].default)),a),{});return n&&(!l||!i.find(a=>a=="id"))&&(p.id=`${n}-${Date.now()}`),p}function W(o,e={},n){const i=_[o];if(i){let l=U(i);const p=J[o];return l=p?p({getSchemaByType:W},l,e,n):l,l}return null}function oe(o,e){const n=U(e);return Object.keys(o).reduce((i,l)=>(i[l]&&k.isPlainObject(i[l])&&k.isPlainObject(o[l])?Object.assign(i[l],o[l]):i[l]=o[l],i),n),n}function se(o,e){return Object.keys(o).filter(i=>o[i]!=null).reduce((i,l)=>{if(e.has(l)){const p=e.get(l);if(typeof p=="string")i[p]=o[l];else{const a=p(l,o[l],o);Object.assign(i,a)}}else i[l]=o[l];return i},{})}function le(o,e,n=new Map){const i=oe(o,e);return se(i,n)}function re(o={}){function e(r,c,s,f){if(typeof s=="number")return f[r].length===s;if(typeof s=="object"){const m=Object.keys(s)[0],b=s[m];if(m==="not")return Number(f[r].length)!==Number(b);if(m==="moreThan")return Number(f[r].length)>=Number(b);if(m==="lessThan")return Number(f[r].length)<=Number(b)}return!1}function n(r,c,s,f){return f[r]&&f[r].propertyValue&&String(f[r].propertyValue.value)===String(s)}const i=new Map([["length",e],["getProperty",n]]);Object.keys(o).reduce((r,c)=>(r.set(c,o[c]),r),i);function l(r,c){const s=r;return typeof c=="number"?[{target:s,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:s,operator:"getProperty",param:r,value:!!c}]:typeof c=="object"?Object.keys(c).map(f=>{if(f==="length")return{target:s,operator:"length",param:null,value:c[f]};const m=f,b=c[f];return{target:s,operator:"getProperty",param:m,value:b}}):[]}function p(r){return Object.keys(r).reduce((s,f)=>{const m=l(f,r[f]);return s.push(...m),s},[])}function a(r,c){if(i.has(r.operator)){const s=i.get(r.operator);return s&&s(r.target,r.param,r.value,c)||!1}return!1}function d(r,c){return p(r).reduce((m,b)=>m&&a(b,c),!0)}function u(r,c){const s=Object.keys(r),f=s.includes("allOf"),m=s.includes("anyOf"),b=f||m,v=(b?r[b?f?"allOf":"anyOf":"allOf"]:[r]).map(N=>d(N,c));return f?!v.includes(!1):v.includes(!0)}return{parseValueSchema:u}}const D={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},ce={},ie={};re();function pe(o,e,n=new Map,i=(a,d,u)=>d,l={},p=a=>a){return _[e.title]=e,J[e.title]=i,ce[e.title]=l,ie[e.title]=p,(a={})=>{const d=le(a,e,n),u=Object.keys(o).reduce((r,c)=>(r[c]=o[c].default,r),{});return Object.assign(u,d)}}function ue(o,e){return{customClass:e.class,customStyle:e.style}}const de=new Map([["appearance",ue]]),fe={$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"]},me={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 ge(o,e,n){return e}const j={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]}},q=pe(j,fe,de,ge,me);function Q(o,e,n,i){const l=t.ref("跳转至"),p=t.ref(""),a=t.ref(o.value);t.watch(a,(c,s)=>{c>=1&&c<=e.value?o.value=c:a.value=s}),t.watch(o,c=>{a.value!==c&&(a.value=c)});function d(c){a.value=c.target.valueAsNumber,i.emit("change",{pageIndex:a.value,pageSize:n.value})}function u(c){c.key==="Enter"&&(a.value=c.target.valueAsNumber,i.emit("change",{pageIndex:a.value,pageSize:n.value}))}function r(){return t.createVNode("li",{class:"page-goto-input d-flex flex-row",style:"padding-left: 10px; white-space: nowrap;"},[t.createVNode("span",{class:"pg-message-text"},[l.value]),t.createVNode("input",{type:"number",class:"form-control farris-gotopagenumber",value:a.value,min:"1",max:e.value,style:"display: inline-block;margin-left:3px;",onBlur:c=>d(c),onKeyup:c=>u(c)},null),p.value])}return{renderGotoButton:r}}function Y(o,e,n,i,l){const p=t.computed(()=>({"page-item":!0,disabled:e.value}));function a(c){o.value=o.value<n.value?o.value+1:n.value,l.emit("change",{pageIndex:o.value,pageSize:i.value})}function d(c){o.value=n.value,l.emit("change",{pageIndex:o.value,pageSize:i.value})}function u(){return t.createVNode("li",{class:p.value},[!e.value&&t.createVNode("a",{class:"page-link",tabindex:"0",onClick:c=>a()},[t.createVNode("span",{class:"f-icon f-page-next"},null)]),e.value&&t.createVNode("span",{class:"page-link"},[t.createVNode("span",{class:"f-icon f-page-next"},null)])])}function r(){return t.createVNode("li",{class:p.value},[!e.value&&t.createVNode("a",{class:"page-link",tabindex:"0",onClick:c=>d()},[t.createVNode("span",{class:"f-icon f-page-last"},null)]),e.value&&t.createVNode("span",{class:"page-link"},[t.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:r,renderNextPage:u}}function Z(o,e){const n=t.ref("共"),i=t.ref("条"),l=t.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":o.value==="right","flex-fill":o.value==="right"}));function p(){return t.createVNode("li",{class:l.value},[t.createVNode("div",{class:"text-truncate",style:"line-height: 26px"},[t.createVNode("span",{class:"pg-message-text"},[n.value]),t.createVNode("b",{class:"pg-message-total"},[e.value]),t.createVNode("span",{class:"pg-message-text"},[i.value])])])}return{renderPageInfo:p}}function R(o,e,n,i,l){const p=t.ref(!1),a=t.ref("显示"),d=t.ref("条"),u=t.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":i.value===0,show:p.value})),r=t.computed(()=>({"dropdown-menu":!0,show:p.value})),c=y=>({"w-100":!0,"dropdown-item":!0,active:e.value===y});function s(y){p.value=!0}function f(y){p.value=!1}function m(y,v,h){const M=y*v-v+1;return Math.ceil(M/h)}function b(y,v){o.value=m(o.value,e.value,v),e.value=v,p.value=!1,l.emit("change",{pageIndex:o.value,pageSize:e.value})}function g(){return t.createVNode("li",{class:"pagination-pagelist"},[t.createVNode("div",{class:u.value,onMouseenter:y=>s(),onMouseleave:y=>f()},[t.createVNode("div",{class:"pg-pagelist-info"},[t.createVNode("span",{class:"pagelist-text"},[a.value]),t.createVNode("b",{class:"cur-pagesize"},[e.value]),t.createVNode("span",{class:"pagelist-text"},[d.value]),t.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),t.createVNode("div",{class:r.value,style:"margin-bottom: -1px;"},[n.value.map(y=>t.createVNode("li",{class:c(y),onClick:v=>b(v,y)},[t.createVNode("span",null,[y])]))])])])}return{renderPageList:g}}function K(o,e,n,i){const l=u=>({"page-item":!0,current:o.value===u.value,ellipsis:u.label==="..."}),p=u=>({"f-icon":!0,"f-icon-arrow-seek-left":u.value<o.value,"f-icon-arrow-seek-right":u.value>o.value});function a(u,r){o.value=r,i.emit("change",{pageIndex:o.value,pageSize:n.value})}function d(){return e.value.map(u=>t.createVNode("li",{class:l(u)},[o.value!==u.value&&t.createVNode("a",{class:"page-link",tabindex:"0",onClick:r=>a(r,u.value)},[t.createVNode("span",{class:"page-link-label"},[u.label]),u.label==="..."&&t.createVNode("i",{class:p(u)},null)]),o.value===u.value&&t.createVNode("span",{class:"page-link"},[u.label])]))}return{renderPageNumbers:d}}function H(o,e,n,i,l){const p=t.computed(()=>({"page-item":!0,disabled:e.value}));function a(c){o.value=1,l.emit("change",{pageIndex:o.value,pageSize:i.value})}function d(c){o.value=o.value>2?o.value-1:1,l.emit("change",{pageIndex:o.value,pageSize:i.value})}function u(){return t.createVNode("li",{class:p.value},[n.value&&t.createVNode("a",{tabindex:"0",class:"page-link",onClick:c=>a()},[t.createVNode("span",{class:"f-icon f-page-first"},null)]),e.value&&t.createVNode("span",{class:"page-link"},[t.createVNode("span",{class:"f-icon f-page-first"},null)])])}function r(){return t.createVNode("li",{class:p.value},[n.value&&t.createVNode("a",{tabindex:"0",class:"page-link",onClick:c=>d()},[t.createVNode("span",{class:"f-icon f-page-pre"},null)]),e.value&&t.createVNode("span",{class:"page-link"},[t.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:u,renderPreviousPage:r}}function ee(o){const e=t.ref([]);function n(l,p,a,d){const u=Math.ceil(a/2);return l===a?d:l===1?l:a<d?d-u<p?d-a+l:u<p?p-u+l:l:l}function i(l,p,a,d){const u=[],r=Math.ceil(a/p),c=Math.ceil(d/2),s=l<=c,f=r-c<l,m=!s&&!f,b=d<r;let g=1;for(;g<=r&&g<=d;){const y=n(g,l,d,r),v=g===2&&(m||f),h=g===d-1&&(m||s),N=b&&(v||h)?"...":""+y;u.push({label:N,value:y}),g++}e.value=u}return{pages:e,updatePages:i}}const B=t.defineComponent({name:"FPagination",props:j,emits:["change","pageIndexChanged","pageSizeChanged","update:currentPage","update:pageSize"],setup(o,e){const n=t.ref(!1),i=t.ref(o.mode),l=t.ref(""),p=t.ref(!1),a=t.ref(o.pageSize),d=t.ref(o.currentPage),u=t.ref(o.totalItems),{pages:r,updatePages:c}=ee(),s=t.computed(()=>d.value===1),f=t.computed(()=>o.pageList),m=t.computed(()=>Math.ceil(u.value/a.value)),b=t.computed(()=>d.value===m.value),g=t.computed(()=>o.showGoButton),y=t.computed(()=>d.value>1),v=t.computed(()=>!(p.value&&r.value.length<=1)),h=t.computed(()=>!0),N=t.computed(()=>o.showPageList),M=t.computed(()=>o.showPageNumbers),C=t.computed(()=>!0),{renderFirstPage:w,renderPreviousPage:I}=H(d,s,y,a,e),{renderLastPage:L,renderNextPage:S}=Y(d,b,m,a,e),{renderPageInfo:F}=Z(l,u),{renderPageList:A}=R(d,a,f,u,e),{renderPageNumbers:O}=K(d,r,a,e),{renderGotoButton:E}=Q(d,m,a,e);c(d.value,a.value,u.value,7),t.watch(()=>o.totalItems,T=>{u.value=T}),t.watch([d,a,u],()=>{c(d.value,a.value,u.value,7)}),t.watch(d,()=>{e.emit("update:currentPage",d.value),e.emit("pageIndexChanged",{pageIndex:d.value,pageSize:a.value})}),t.watch(a,()=>{e.emit("update:pageSize",a.value),e.emit("pageSizeChanged",{pageIndex:d.value,pageSize:a.value})}),t.watch(()=>o.totalItems,T=>{u.value=T,c(d.value,a.value,u.value,7)}),t.watchEffect(()=>{const T=f.value.includes(a.value);a.value=T?a.value:f.value[0]})();const z=t.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:n.value,"pager-viewmode-default":i.value==="default","pager-viewmode-simple":i.value==="simple"})),x=t.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function $(){return t.createVNode(t.Fragment,null,[h.value&&F(),N.value&&A(),C.value&&w(),C.value&&I(),M.value&&O(),C.value&&S(),C.value&&L(),g.value&&E()])}function X(){return t.createVNode(t.Fragment,null,[t.createVNode("li",{class:"page-item d-flex flex-fill"},null),C.value&&w(),C.value&&I(),E(),t.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[t.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[t.createTextVNode(" /")])]),t.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[t.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[t.createTextVNode(" "),m.value])]),C.value&&S(),C.value&&L()])}return()=>t.createVNode("div",{class:"pagination-container"},[v.value&&t.createVNode("ul",{role:"navigation",class:z.value,style:x.value},[i.value==="default"?$():X()])])}});function he(o,e,n){var M;function i(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}i();const l=n&&n.getStyles&&n.getStyles()||"",p=n&&n.getDesignerClass&&n.getDesignerClass()||"",a=t.ref();function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function u(){return!1}function r(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function s(C){if(!C||!C.value)return null;if(C.value.schema&&C.value.schema.type==="component")return C.value;const w=t.ref(C==null?void 0:C.value.parent),I=s(w);return I||null}function f(C=e){const{componentInstance:w,designerItemElementRef:I}=C;return!w||!w.value?null:w.value.canMove?I:f(C.parent)}function m(C){return!!n&&n.canAccepts(C)}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function g(){}function y(C,w){w&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(w)}function v(C,w){const{componentType:I}=C;let L=W(I,C,w);n&&n.onResolveNewComponentSchema&&(L=n.onResolveNewComponentSchema(C,L));const S=I.toLowerCase().replace("-","_");return L&&!L.id&&L.type===I&&(L.id=`${S}_${Math.random().toString().slice(2,6)}`),L}function h(C){}function N(...C){if(n&&n.getPropsConfig)return n.getPropsConfig(...C)}return a.value={canMove:d(),canSelectParent:u(),canDelete:r(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:(M=e==null?void 0:e.parent)==null?void 0:M.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:p,canAccepts:m,getBelongedComponentInstance:s,getDraggableDesignItemElement:f,getDraggingDisplayText:b,getPropConfig:N,getDragScopeElement:g,onAcceptMovedChildElement:y,onChildElementMovedOut:h,addNewChildComponentSchema:v,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},a}function ye(){function o(e,n){var a;if(!e)return!1;const i=((a=e.targetContainer)==null?void 0:a.componentInstance)&&e.targetContainer.componentInstance.value;if(!i)return!1;const l=i.schema.type,p=n==null?void 0:n.formSchemaUtils.getComponentById(i.belongedComponentId);return!((e.controlCategory==="input"||e.controlType==="form-group")&&![D["response-layout-item"].type,D["response-form"].type].includes(l)||(e.controlType===D.tabs.type||e.controlType===D.section.type)&&((p==null?void 0:p.componentType)!=="frame"||![D["content-container"].type,D["splitter-pane"].type,D["response-layout-item"].type].includes(l)))}return{basalDragulaRuleForContainer:o}}class Ce{getTemplateRule(e,n){const i=n==null?void 0:n.formSchemaUtils,l=i==null?void 0:i.getFormTemplateRule(),p={canAccept:!0,canDelete:!0,canMove:!0};if(!l)return p;const a=this.getComponentContext(e);return a.componentClassList.forEach(u=>{if(!u||!l[u])return;const{canMove:r,canDelete:c,canAccept:s}=l[u];p.canMove=p.canMove&&this.resolveRuleValue(r,a),p.canDelete=p.canDelete&&this.resolveRuleValue(c,a),p.canAccept=p.canAccept&&this.resolveRuleValue(s,a)}),p}resolveRuleValue(e,n){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,n)}parseRuleValueSchema(e,n){const i=e.invalidContext||[];let l=!0;for(const p of i){if(p.firstLevelChild){if(p.firstLevelChild.class){const a=n.firstLevelChildClassList;if(a&&!a.includes(p.firstLevelChild.class)){l=!1;continue}}if(p.firstLevelChild.type){const a=n.firstLevelChildSchema;if(a&&a.type!==p.firstLevelChild.type){l=!1;continue}}}if(p.secondLevelChild){if(p.secondLevelChild.class){const a=n.secondLevelChildClassList;if(a&&!a.includes(p.secondLevelChild.class)){l=!1;continue}}if(p.secondLevelChild.type){const a=n.secondLevelChildSchema;if(a&&a.type!==p.secondLevelChild.type){l=!1;continue}}}if(p.parent){if(p.parent.class){const a=n.parentClassList;if(a&&!a.includes(p.parent.class)){l=!1;continue}}if(p.parent.type){const a=n.parentSchema;if(a&&a.type!==p.parent.type){l=!1;continue}}}l=!0;break}return!l}getComponentContext(e){var g,y,v,h;const n=e.schema,i=n.appearance&&n.appearance.class||"",l=i.split(" ")||[],p=n.contents||[],a=p.length?p[0]:null,d=a&&a.appearance?a.appearance.class:"",u=d?d.split(" "):[],r=(g=a==null?void 0:a.contents)!=null&&g.length?a==null?void 0:a.contents[0]:null,c=r&&r.appearance?r.appearance.class:"",s=c?c.split(" "):[],f=n.type==="component"?(v=(y=e.parent)==null?void 0:y.parent)==null?void 0:v.schema:(h=e.parent)==null?void 0:h.schema,m=f&&f.appearance&&f.appearance.class||"",b=m?m.split(" "):[];return{componentClass:i,componentClassList:l,childContents:p,firstLevelChildSchema:a,firstLevelChildClass:d,firstLevelChildClassList:u,secondLevelChildSchema:r,secondLevelChildClass:c,secondLevelChildClassList:s,parentSchema:f,parentClass:m,parentClassList:b}}}class be{constructor(e,n){V(this,"componentId");V(this,"viewModelId");V(this,"eventsEditorUtils");V(this,"formSchemaUtils");V(this,"formMetadataConverter");V(this,"designViewModelUtils");V(this,"designViewModelField");V(this,"controlCreatorUtils");V(this,"designerHostService");V(this,"schemaService",null);V(this,"metadataService",null);V(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=e,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const n=e.binding&&e.binding.type==="Form"&&e.binding.field;if(n){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(l=>l.id===n)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,n){}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:e.type,name:D[e.type].name}]}}}}}getAppearanceConfig(e=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(e,n){const i=n&&n.parent&&n.parent.schema;if(!i)return;const l=i.contents.findIndex(a=>a.id===e),p=k.cloneDeep(i.contents[l]);i.contents.splice(l,1),i.contents.splice(l,0,p)}}class ve{constructor(){V(this,"label","");V(this,"id","");V(this,"columnInSM",12);V(this,"columnInMD",6);V(this,"columnInLG",3);V(this,"columnInEL",2);V(this,"displayWidthInSM",1);V(this,"displayWidthInMD",1);V(this,"displayWidthInLG",1);V(this,"displayWidthInEL",1);V(this,"displayColumnCountAtBreakPoint","md");V(this,"tagRow",0);V(this,"showTopBorder",0);V(this,"group",1);V(this,"isSupportedClass",!0);V(this,"fieldSetId","")}}function Ne(o){let e,n;const i=new Map;let l=[];function p(c,s){const m=c.split(" ").filter(h=>h.startsWith("col-"));if(m.length===0){s.isSupportedClass=!1;return}let b=m.find(h=>/^col-([1-9]|10|11|12)$/.test(h)),g=m.find(h=>/^col-md-([1-9]|10|11|12)$/.test(h)),y=m.find(h=>/^col-xl-([1-9]|10|11|12)$/.test(h)),v=m.find(h=>/^col-el-([1-9]|10|11|12)$/.test(h));b=b||"col-12",s.columnInSM=parseInt(b.replace("col-",""),10),s.displayWidthInSM=s.columnInSM/12,s.displayWidthInSM!==1&&(s.isSupportedClass=!1),g=g||"col-md-"+s.columnInSM,s.columnInMD=parseInt(g.replace("col-md-",""),10),s.displayWidthInMD=s.columnInMD/6,[1,2].includes(s.displayWidthInMD)||(s.isSupportedClass=!1),y=y||"col-xl-"+s.columnInMD,s.columnInLG=parseInt(y.replace("col-xl-",""),10),s.displayWidthInLG=s.columnInLG/3,[1,2,3,4].includes(s.displayWidthInLG)||(s.isSupportedClass=!1),v=v||"col-el-"+s.columnInLG,s.columnInEL=parseInt(v.replace("col-el-",""),10),s.displayWidthInEL=s.columnInEL/2,[1,2,3,4,5,6].includes(s.displayWidthInEL)||(s.isSupportedClass=!1)}function a(c,s,f,m=!1){let b=!1;c.contents.forEach(g=>{if(g.type==="fieldset"){f+=1,a(g,s,f,!0),b=!0;return}b&&(f+=1,b=!1);const y=g.appearance&&g.appearance.class,v=new ve;y?p(y,v):v.isSupportedClass=!1,v.label=g.label||g.id,v.id=g.id,v.group=f,m&&(v.fieldSetId=c.id),n===g.id&&(e=f),i.set(g.id,g),s.push(v)})}function d(c){const s=o.getComponentById(c);if(!s||!s.componentType||!s.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const f=o.selectNode(s,m=>m.type===G.DgControl["response-form"].type);return!f||!f.contents||f.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:f}}function u(c,s){s=s||c.id;const{result:f,message:m,formNode:b}=d(s);if(!f)return{result:f,message:m};n=c.id,l=[],i.clear();const g=b.contents[0].type===G.DgControl.fieldset.type?0:1;a(b,l,g);const y=l.find(h=>!h.isSupportedClass);return{defaultState:{defaultGroupNumber:e||1,model:y?"customize":"standard"},importData:l}}function r(c,s){s=s;const{result:f,formNode:m}=d(s);if(!f)return"";const b=[];return c.forEach(g=>{var h;const y=i.get(g.id),v=y.appearance&&y.appearance.class;if(v){const M=v.split(" ").filter(F=>!F.startsWith("col-")),C="col-"+g.columnInSM,w="col-md-"+g.columnInMD,I="col-xl-"+g.columnInLG,L="col-el-"+g.columnInEL,S=[C,w,I,L].concat(M);y.appearance.class=S.join(" ")}if(g.fieldSetId){const N=m.contents.find(C=>C.id===g.fieldSetId),M=b.find(C=>C.id===g.fieldSetId);M?(h=M.contents)==null||h.push(y):(b.push(N),N.contents=[y])}else b.push(y)}),m.contents=b,m.id}return{checkCanFindFormNode:d,checkCanOpenLayoutEditor:u,changeFormControlsByResponseLayoutConfig:r,getResonseFormLayoutConfig:a}}function we(o,e){function n(u,r=null){if(r)return r;const c=o.getComponentById(e);return o.selectNode(c,s=>s.id===u)}function i(u){const r=o.getComponentById(u);return!(!r||!r.componentType||!r.componentType.startsWith("form"))}function l(u){const r=n(u.id),c=Ne(o),s=[];c.getResonseFormLayoutConfig(r,s,1);const f=s.map(M=>M.columnInSM),m=s.map(M=>M.columnInMD),b=s.map(M=>M.columnInLG),g=s.map(M=>M.columnInEL),y=p(f)?f[0]:0,v=p(m)?m[0]:0,h=p(b)?b[0]:0,N=p(g)?g[0]:0;return{uniqueColClassInSM:y,uniqueColClassInMD:v,uniqueColClassInLG:h,uniqueColClassInEL:N}}function p(u){const r=new Set(u);return Array.from(r).length===1}function a(u,r,c){u=n(c,u),u.contents.forEach(s=>{if(s.type===G.DgControl.fieldset.type){a(s,r,s.id);return}s.appearance||(s.appearance={});const f=s.appearance.class;s.appearance.class=d(f,r)})}function d(u,r){let c,s,f,m,b=[];if(u){const M=u.split(" "),C=M.filter(w=>w.startsWith("col-"));c=C.find(w=>/^col-([1-9]|10|11|12)$/.test(w)),s=C.find(w=>/^col-md-([1-9]|10|11|12)$/.test(w)),f=C.find(w=>/^col-xl-([1-9]|10|11|12)$/.test(w)),m=C.find(w=>/^col-el-([1-9]|10|11|12)$/.test(w)),b=M.filter(w=>!w.startsWith("col-"))}const g=r.uniqueColClassInSM?"col-"+r.uniqueColClassInSM:c,y=r.uniqueColClassInMD?"col-md-"+r.uniqueColClassInMD:s,v=r.uniqueColClassInLG?"col-xl-"+r.uniqueColClassInLG:f,h=r.uniqueColClassInEL?"col-el-"+r.uniqueColClassInEL:m;return[g,y,v,h].concat(b).join(" ")}return{checkIsInFormComponent:i,assembleUnifiedLayoutContext:l,changeFormControlsByUnifiedLayoutConfig:a}}class Me extends be{constructor(e,n){super(e,n)}getPropertyConfig(e,n){var i=this;this.propertyConfig.categories.basic=this.getBasicPropConfig(e);const{checkIsInFormComponent:l,assembleUnifiedLayoutContext:p,changeFormControlsByUnifiedLayoutConfig:a}=we(this.formSchemaUtils,this.componentId),d=this.getAppearanceConfig(e);return d.properties.unifiedLayout={title:"统一布局配置",description:"统一配置卡片区域内所有控件的宽度，只支持标准模式",visible:l(this.componentId),refreshPanelAfterChanged:!0,editor:{type:"response-form-layout-setting",initialState:p(e)}},d.setPropertyRelates=function(u,r){if(u)switch(u&&u.propertyID){case"unifiedLayout":{a(null,u.propertyValue,e.id),i.updateElementByParentContainer(e.id,n);break}}},this.propertyConfig.categories.appearance=d,this.propertyConfig}}function Ve(o,e){const n=o.schema,i=new Ce,{canMove:l,canAccept:p,canDelete:a}=i.getTemplateRule(o,e);function d(h){const N=i.getComponentContext(o);return N&&N.componentClassList&&N.componentClassList.includes("f-form-layout")&&N.componentClassList.includes("farris-form")?h.sourceType==="control"&&h.controlCategory==="input"||h.sourceType==="move"&&h.controlType==="form-group":!0}function u(h){return!(!ye().basalDragulaRuleForContainer(h,e)||!p||!d(h))}function r(h){t.nextTick()}function c(){return n.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function s(h,N){const M=n;if((M.appearance&&M.appearance.class||"").split(" ").includes("f-form-layout")){const{label:I}=h,L=W("form-group");return L.editor=N,L.label=I,f(L),delete L.editor.id,delete L.editor.binding,delete L.editor.appearance,delete L.editor.visible,L}return N}function f(h){const N=o.componentInstance.value.getBelongedComponentInstance(o.componentInstance);if(N&&N.schema&&N.schema.componentType){const M=N.schema.formColumns;let C=m(M);C=e==null?void 0:e.formSchemaUtils.getControlClassByFormUnifiedLayout(C,"",o.schema),h.appearance||(h.appearance={}),h.appearance.class=C}}function m(h){let N="";switch(h){case 1:{N="col-12";break}case 2:{N="col-12 col-md-6 col-xl-6 col-el-6";break}case 3:{N="col-12 col-md-6 col-xl-4 col-el-4";break}case 4:{N="col-12 col-md-6 col-xl-3 col-el-2";break}}return N}function b(){return l}function g(){return a}function y(){return!1}function v(h){return new Me(h,e).getPropertyConfig(n,o.componentInstance.value)}return{canAccepts:u,checkCanDeleteComponent:g,checkCanMoveComponent:b,getStyles:c,getPropsConfig:v,hideNestedPaddingInDesginerView:y,onAcceptMovedChildElement:r,onResolveNewComponentSchema:s}}const Le=t.defineComponent({name:"FPagination",props:j,emits:["pageIndexChanged","pageSizeChanged"],setup(o,e){var ne;const n=t.ref(!1),i=t.ref(o.mode),l=t.ref(""),p=t.ref(!1),a=t.ref(o.pageSize),d=t.ref(o.currentPage),u=t.ref(o.totalItems),r=t.ref(),c=t.inject("design-item-context"),s=Ve(c.schema,(ne=c.parent)==null?void 0:ne.schema),f=he(r,c,s);t.onMounted(()=>{r.value.componentInstance=f}),e.expose(f.value);const{pages:m,updatePages:b}=ee(),g=t.computed(()=>d.value===1),y=t.computed(()=>[20,50,100]),v=t.computed(()=>Math.ceil(u.value/a.value)),h=t.computed(()=>d.value===v.value),N=t.computed(()=>!0),M=t.computed(()=>d.value>1),C=t.computed(()=>!(p.value&&m.value.length<=1)),w=t.computed(()=>!0),I=t.computed(()=>!0),L=t.computed(()=>!0),S=t.computed(()=>!0),{renderFirstPage:F,renderPreviousPage:A}=H(d,g,M,a,e),{renderLastPage:O,renderNextPage:E}=Y(d,h,v,a,e),{renderPageInfo:te}=Z(l,u),{renderPageList:z}=R(d,a,y,u,e),{renderPageNumbers:x}=K(d,m,a,e),{renderGotoButton:$}=Q(d,v,a,e);b(d.value,a.value,u.value,7),t.watch([d,a],()=>{b(d.value,a.value,u.value,7)}),t.watch(d,()=>{e.emit("pageIndexChanged",d.value)}),t.watch(a,()=>{e.emit("pageSizeChanged",a.value)});const X=t.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:n.value,"pager-viewmode-default":i.value==="default","pager-viewmode-simple":i.value==="simple"})),T=t.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function Ie(){return t.createVNode(t.Fragment,null,[w.value&&te(),I.value&&z(),S.value&&F(),S.value&&A(),L.value&&x(),S.value&&E(),S.value&&O(),N.value&&$()])}function Se(){return t.createVNode(t.Fragment,null,[t.createVNode("li",{class:"page-item d-flex flex-fill"},null),S.value&&F(),S.value&&A(),$(),t.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[t.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[t.createTextVNode(" /")])]),t.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[t.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[t.createTextVNode(" "),v.value])]),S.value&&E(),S.value&&O()])}return()=>t.createVNode("div",{ref:r,class:"pagination-container"},[C.value&&t.createVNode("ul",{role:"navigation",class:X.value,style:T.value},[i.value==="default"?Ie():Se()])])}});B.register=(o,e,n)=>{o.pagination=B,e.pagination=q},B.registerDesigner=(o,e,n)=>{o.pagination=Le,e.pagination=q};const Pe=ae.withInstall(B);P.FPagination=B,P.default=Pe,P.paginationProps=j,P.propsResolver=q,Object.defineProperties(P,{__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

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