@farris/ui-vue 1.8.5-beta.12 → 1.8.5-beta.13

package/components/pagination/index.umd.cjs

@@ -1 +1 @@
-(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../locale/index.umd.js"),require("../popover/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../locale/index.umd.js","../popover/index.umd.js","../designer-canvas/index.umd.js"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.pagination={},m.Vue,m.dynamicResolver,m.common,m.locale,m.FPopover,m.designerCanvas))})(this,function(m,e,K,v,k,te,ae){"use strict";const le=new Map([["appearance",K.resolveAppearance]]),oe={$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:"string",default:""}},required:["id","type"]},ne={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 se(t,n,l){return n}const F={id:{type:String,default:""},currentPage:{type:Number,default:1},disabled:{type:Boolean,default:!1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0},showGoButton:{type:Boolean,default:!1},showPageList:{type:Boolean,default:!0},showPageNumbers:{type:Boolean,default:!0},showRedirection:{type:Boolean,default:!0},pageList:{type:Array,default:[20,50,100]},showPageInfo:{type:Boolean,default:!1}},E={changed:(...t)=>!0,pageIndexChanged:(...t)=>!0,pageSizeChanged:(...t)=>!0,"update:currentPage":(...t)=>!0,"update:pageSize":(...t)=>!0},A=K.createPropsResolver(F,oe,le,se,ne);function X(t,n,l,u,i){e.computed(()=>k.LocaleService.getLocaleValue("pagination.goto.prefix"));const d=e.ref(""),c=e.ref(t.value);e.watch(t,r=>{c.value!==r&&(c.value=r)});function a(r){return!isNaN(r)&&r>=1&&r<=n.value}function s(r){const x=t.value;c.value=r.target.valueAsNumber,a(c.value)?(t.value=c.value,u.emit("update:currentPage",t.value),u.emit("changed",{pageIndex:t.value,pageSize:l.value}),u.emit("pageIndexChanged",{pageIndex:t.value,pageSize:l.value})):c.value=x}function o(r){r.key==="Enter"&&s(r)}function p(){return e.createVNode("li",{class:"page-goto-input d-flex flex-row",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("input",e.mergeProps({title:"page-index-spinner",type:"number",class:"form-control farris-gotopagenumber"},v.locatorChild(i,"goto"),{value:c.value,min:1,max:n.value,style:"display: inline-block;margin-left:3px;",onBlur:r=>s(r),onKeyup:r=>o(r)}),null),d.value])}return{renderGotoButton:p}}function J(t,n,l,u,i,d){const c=e.computed(()=>({"page-item":!0,disabled:n.value}));function a(r){t.value=t.value<l.value?t.value+1:l.value,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function s(r){t.value=l.value,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function o(){return e.createVNode("li",{class:c.value},[!n.value&&e.createVNode("a",e.mergeProps({class:"page-link",tabindex:"0"},v.locatorChild(d,"next"),{onClick:r=>a()}),[e.createVNode("span",{class:"f-icon f-page-next"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"next")),[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function p(){return e.createVNode("li",{class:c.value},[!n.value&&e.createVNode("a",e.mergeProps({class:"page-link",tabindex:"0"},v.locatorChild(d,"last"),{onClick:r=>s()}),[e.createVNode("span",{class:"f-icon f-page-last"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"last")),[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:p,renderNextPage:o}}function Q(t,n,l){const u=e.computed(()=>k.LocaleService.getLocaleValue("pagination.totalInfo.firstText")),i=e.computed(()=>k.LocaleService.getLocaleValue("pagination.totalInfo.lastText")),d=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":t.value==="right","flex-fill":t.value==="right"}));function c(){return e.createVNode("li",e.mergeProps({class:d.value},v.locatorChild(l,"info")),[e.createVNode("div",{class:"text-truncate"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[n.value]),e.createVNode("span",{class:"pg-message-text"},[i.value])])])}return{renderPageInfo:c}}function U(t,n,l,u,i,d){const c=e.ref(!1),a=e.ref(),s=e.ref(),o=e.computed(()=>k.LocaleService.getLocaleValue("pagination.show")),p=e.computed(()=>k.LocaleService.getLocaleValue("pagination.totalInfo.lastText")),r=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":u.value===0,show:c.value})),x=f=>({"w-100":!0,"dropdown-item":!0,active:n.value===f});let g=null;function P(f){g&&(clearTimeout(g),g=null),c.value=!0,e.nextTick(()=>{a.value&&s.value&&a.value.show(s.value)})}function h(f){g=setTimeout(()=>{c.value=!1,a.value&&a.value.hide(),g=null},200)}function V(){g&&(clearTimeout(g),g=null)}function w(){g=setTimeout(()=>{c.value=!1,a.value&&a.value.hide(),g=null},200)}function I(f,N,j){const b=f*N-N+1;return Math.ceil(b/j)}function S(f,N){const j=t.value;t.value=I(t.value,n.value,N),j!==t.value&&i.emit("update:currentPage",t.value),n.value=N,c.value=!1,a.value&&a.value.hide(),i.emit("update:pageSize",n.value),i.emit("changed",{pageIndex:t.value,pageSize:n.value}),i.emit("pageSizeChanged",{pageIndex:t.value,pageSize:n.value})}function M(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:r.value,onMouseenter:f=>P(),onMouseleave:f=>h()},[e.createVNode("div",e.mergeProps({ref:s,class:"pg-pagelist-info"},v.locatorChild(d,"size")),[e.createVNode("span",{class:"pagelist-text"},[o.value]),e.createVNode("b",{class:"cur-pagesize"},[n.value]),e.createVNode("span",{class:"pagelist-text"},[p.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode(te,{ref:a,host:"body",placement:"top-left",visible:c.value,fitContent:!0,keepWidthWithReference:!0,showArrow:!1},{default:()=>[e.createVNode("div",{class:"pg-pagelist-dropdown",onMouseenter:()=>V(),onMouseleave:()=>w()},[l.value.map(f=>e.createVNode("li",e.mergeProps({class:x(f)},v.locatorChild(d,"size-option",f),{onClick:N=>S(N,f)}),[e.createVNode("span",null,[f])]))])]})])])}return{renderPageList:M}}function Y(t,n,l,u,i){const d=o=>({"page-item":!0,current:n.value===o.value,ellipsis:o.label==="...",disabled:t.disabled}),c=o=>({"f-icon":!0,"f-icon-arrow-seek-left":o.value<n.value,"f-icon-arrow-seek-right":o.value>n.value});function a(o,p){n.value=p,i.emit("update:currentPage",n.value),i.emit("changed",{pageIndex:n.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:n.value,pageSize:u.value})}function s(){return l.value.map(o=>{const p=o.label==="..."&&!o.value?{}:v.locatorChild(t.id,"page",o.value);return e.createVNode("li",{class:d(o),key:o.value+""},[n.value!==o.value&&e.createVNode("a",e.mergeProps({class:"page-link",tabindex:"0"},p,{onClick:r=>a(r,o.value)}),[e.createVNode("span",{class:"page-link-label"},[o.label]),o.label==="..."&&e.createVNode("i",{class:c(o)},null)]),n.value===o.value&&e.createVNode("span",e.mergeProps({class:"page-link"},p),[o.label])])})}return{renderPageNumbers:s}}function Z(t,n,l,u,i,d){const c=e.computed(()=>({"page-item":!0,disabled:n.value}));function a(r){t.value=1,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function s(r){t.value=t.value>2?t.value-1:1,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function o(){return e.createVNode("li",{class:c.value},[l.value&&e.createVNode("a",e.mergeProps({tabindex:"0",class:"page-link"},v.locatorChild(d,"first"),{onClick:r=>a()}),[e.createVNode("span",{class:"f-icon f-page-first"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"first")),[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function p(){return e.createVNode("li",{class:c.value},[l.value&&e.createVNode("a",e.mergeProps({tabindex:"0",class:"page-link"},v.locatorChild(d,"prev"),{onClick:r=>s()}),[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"prev")),[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:o,renderPreviousPage:p}}function ee(t){const n=e.ref([]);function l(i,d,c,a){const s=Math.ceil(c/2);return i===c?a:i===1?i:c<a?a-s<d?a-c+i:s<d?d-s+i:i:i}function u(i,d,c,a){const s=[],o=Math.ceil(c/d),p=Math.ceil(a/2),r=i<=p,x=o-p<i,g=!r&&!x,P=a<o;let h=1;for(;h<=o&&h<=a;){const V=l(h,i,a,o),w=h===2&&(g||x),I=h===a-1&&(g||r),S=P&&(w||I)?"...":""+V;s.push({label:S,value:V}),h++}n.value=s}return{pages:n,updatePages:u}}const T=e.defineComponent({name:"FPagination",props:F,emits:E,setup(t,n){const l=v.useLocatorProps(t),u=n,i=e.ref(!1),d=e.ref(""),c=e.ref(!1),a=e.ref(l.pageSize),s=e.ref(l.currentPage),o=e.ref(l.totalItems),{pages:p,updatePages:r}=ee(),x={position:"relative",overflowX:"auto"},g={position:"absolute",right:"0",zIndex:1,background:"rgba(250,250,252,.6)",width:"100%",height:"100%"},P=e.computed(()=>!o.value||s.value===1),h=e.computed(()=>typeof l.pageList=="string"?l.pageList.split(","):l.pageList),V=e.computed(()=>Math.ceil(o.value/a.value)),w=e.computed(()=>!o.value||s.value===V.value),I=e.computed(()=>l.showGoButton),S=e.computed(()=>!!o.value&&s.value>1),M=e.computed(()=>!(c.value&&p.value.length<=1)),f=e.computed(()=>l.showPageInfo),N=e.computed(()=>l.showPageList),j=e.computed(()=>l.showPageNumbers),C=e.computed(()=>!0),{renderFirstPage:b,renderPreviousPage:L}=Z(s,P,S,a,u,l.id),{renderLastPage:B,renderNextPage:O}=J(s,w,V,a,u,l.id),{renderPageInfo:$}=Q(d,o,l.id),{renderPageList:R}=U(s,a,h,o,u,l.id),{renderPageNumbers:G}=Y(l,s,p,a,u),{renderGotoButton:q}=X(s,V,a,u,l.id);r(s.value,a.value,o.value,7),e.watch(()=>l.totalItems,y=>{o.value=y,r(s.value,a.value,o.value,7)}),e.watch(()=>l.currentPage,(y,z)=>{y!==z&&(s.value=y,r(s.value,a.value,o.value,7))}),e.watch(()=>l.pageSize,(y,z)=>{y!==z&&(a.value=y,r(s.value,a.value,o.value,7))}),e.watchEffect(()=>{if(!h.value||!h.value.length)return;const y=h.value.includes(a.value);a.value=y?a.value:h.value[0],y||n.emit("update:pageSize",a.value)})();const D=e.computed(()=>({"ml-auto":d.value!=="center","mx-auto":d.value==="center","ngx-pagination":!0,pagination:!0,responsive:i.value,"pager-viewmode-default":l.mode==="default","pager-viewmode-simple":l.mode==="simple","position-relative":!0}));function W(){return e.createVNode(e.Fragment,null,[f.value&&$(),N.value&&R(),C.value&&b(),C.value&&L(),j.value&&G(),C.value&&O(),C.value&&B(),I.value&&q()])}function H(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),C.value&&b(),C.value&&L(),q(),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(" "),V.value])]),C.value&&O(),C.value&&B()])}return()=>e.createVNode("div",e.mergeProps(v.locatorAttrs(l.id),{class:"pagination-container d-flex",style:x}),[l.disabled&&e.createVNode("div",{style:g},null),M.value&&e.createVNode("ul",{role:"navigation",class:D.value},[l.mode==="default"?W():H()])])}}),ie=e.defineComponent({name:"FPagination",props:F,emits:E,setup(t,n){const l=n,u=e.ref(!1),i=e.ref(t.mode),d=e.ref(""),c=e.ref(!1),a=e.ref(t.pageSize),s=e.ref(t.currentPage),o=e.ref(t.totalItems),p=e.ref(),r=e.inject("design-item-context"),x=ae.useDesignerComponent(p,r);e.onMounted(()=>{p.value.componentInstance=x}),n.expose(x.value);const{pages:g,updatePages:P}=ee(),h=e.computed(()=>s.value===1),V=e.computed(()=>[20,50,100]),w=e.computed(()=>Math.ceil(o.value/a.value)),I=e.computed(()=>s.value===w.value),S=e.computed(()=>!0),M=e.computed(()=>s.value>1),f=e.computed(()=>!(c.value&&g.value.length<=1)),N=e.computed(()=>!0),j=e.computed(()=>!0),C=e.computed(()=>!0),b=e.computed(()=>!0),{renderFirstPage:L,renderPreviousPage:B}=Z(s,h,M,a,l),{renderLastPage:O,renderNextPage:$}=J(s,I,w,a,l),{renderPageInfo:R}=Q(d,o),{renderPageList:G}=U(s,a,V,o,l),{renderPageNumbers:q}=Y(t,s,g,a,l),{renderGotoButton:_}=X(s,w,a,l);P(s.value,a.value,o.value,7),e.watch([s,a],()=>{P(s.value,a.value,o.value,7)}),e.watch(s,()=>{n.emit("pageIndexChanged",s.value)}),e.watch(a,()=>{n.emit("pageSizeChanged",a.value)});const D=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":i.value==="default","pager-viewmode-simple":i.value==="simple"})),W=e.computed(()=>({position:"relative","justify-content":d.value==="center"?"center":"start"}));function H(){return e.createVNode(e.Fragment,null,[N.value&&R(),j.value&&G(),b.value&&L(),b.value&&B(),C.value&&q(),b.value&&$(),b.value&&O(),S.value&&_()])}function y(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),b.value&&L(),b.value&&B(),_(),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(" "),w.value])]),b.value&&$(),b.value&&O()])}return()=>e.createVNode("div",{ref:p,class:"pagination-container"},[f.value&&e.createVNode("ul",{role:"navigation",class:D.value,style:W.value},[i.value==="default"?H():y()])])}});T.register=(t,n,l)=>{t.pagination=T,n.pagination=A},T.registerDesigner=(t,n,l)=>{t.pagination=ie,n.pagination=A};const re=v.withInstall(T);m.FPagination=T,m.default=re,m.paginationEmits=E,m.paginationProps=F,m.propsResolver=A,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../locale/index.umd.js"),require("../popover/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../locale/index.umd.js","../popover/index.umd.js","../designer-canvas/index.umd.js"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.pagination={},m.Vue,m.dynamicResolver,m.common,m.locale,m.FPopover,m.designerCanvas))})(this,function(m,e,K,v,k,te,ae){"use strict";const le=new Map([["appearance",K.resolveAppearance]]),oe={$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:"string",default:""}},required:["id","type"]},ne={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 se(t,n,l){return n}const F={id:{type:String,default:""},currentPage:{type:Number,default:1},disabled:{type:Boolean,default:!1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0},showGoButton:{type:Boolean,default:!1},showPageList:{type:Boolean,default:!0},showPageNumbers:{type:Boolean,default:!0},showRedirection:{type:Boolean,default:!0},pageList:{type:Array,default:[20,50,100]},showPageInfo:{type:Boolean,default:!1}},E={changed:(...t)=>!0,pageIndexChanged:(...t)=>!0,pageSizeChanged:(...t)=>!0,"update:currentPage":(...t)=>!0,"update:pageSize":(...t)=>!0},A=K.createPropsResolver(F,oe,le,se,ne);function X(t,n,l,u,i){e.computed(()=>k.LocaleService.getLocaleValue("pagination.goto.prefix"));const d=e.ref(""),c=e.ref(t.value);e.watch(t,r=>{c.value!==r&&(c.value=r)});function a(r){return!isNaN(r)&&r>=1&&r<=n.value}function s(r){const x=t.value;c.value=r.target.valueAsNumber,a(c.value)?(t.value=c.value,u.emit("update:currentPage",t.value),u.emit("changed",{pageIndex:t.value,pageSize:l.value}),u.emit("pageIndexChanged",{pageIndex:t.value,pageSize:l.value})):c.value=x}function o(r){r.key==="Enter"&&s(r)}function p(){return e.createVNode("li",{class:"page-goto-input d-flex flex-row",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("input",e.mergeProps({title:"page-index-spinner",type:"number",class:"form-control farris-gotopagenumber"},v.locatorChild(i,"goto"),{value:c.value,min:1,max:n.value,style:"display: inline-block;margin-left:3px;",onBlur:r=>s(r),onKeyup:r=>o(r)}),null),d.value])}return{renderGotoButton:p}}function J(t,n,l,u,i,d){const c=e.computed(()=>({"page-item":!0,disabled:n.value}));function a(r){t.value=t.value<l.value?t.value+1:l.value,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function s(r){t.value=l.value,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function o(){return e.createVNode("li",{class:c.value},[!n.value&&e.createVNode("a",e.mergeProps({class:"page-link",tabindex:"0"},v.locatorChild(d,"next"),{onClick:r=>a()}),[e.createVNode("span",{class:"f-icon f-page-next"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"next")),[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function p(){return e.createVNode("li",{class:c.value},[!n.value&&e.createVNode("a",e.mergeProps({class:"page-link",tabindex:"0"},v.locatorChild(d,"last"),{onClick:r=>s()}),[e.createVNode("span",{class:"f-icon f-page-last"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"last")),[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:p,renderNextPage:o}}function Q(t,n,l){const u=e.computed(()=>k.LocaleService.getLocaleValue("pagination.totalInfo.firstText")),i=e.computed(()=>k.LocaleService.getLocaleValue("pagination.totalInfo.lastText")),d=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":t.value==="right","flex-fill":t.value==="right"}));function c(){return e.createVNode("li",e.mergeProps({class:d.value},v.locatorChild(l,"info")),[e.createVNode("div",{class:"text-truncate"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[n.value]),e.createVNode("span",{class:"pg-message-text"},[i.value])])])}return{renderPageInfo:c}}function U(t,n,l,u,i,d){const c=e.ref(!1),a=e.ref(),s=e.ref(),o=e.computed(()=>k.LocaleService.getLocaleValue("pagination.pageList.firstText")),p=e.computed(()=>k.LocaleService.getLocaleValue("pagination.pageList.lastText")),r=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":u.value===0,show:c.value})),x=f=>({"w-100":!0,"dropdown-item":!0,active:n.value===f});let g=null;function P(f){g&&(clearTimeout(g),g=null),c.value=!0,e.nextTick(()=>{a.value&&s.value&&a.value.show(s.value)})}function h(f){g=setTimeout(()=>{c.value=!1,a.value&&a.value.hide(),g=null},200)}function V(){g&&(clearTimeout(g),g=null)}function w(){g=setTimeout(()=>{c.value=!1,a.value&&a.value.hide(),g=null},200)}function I(f,N,L){const b=f*N-N+1;return Math.ceil(b/L)}function S(f,N){const L=t.value;t.value=I(t.value,n.value,N),L!==t.value&&i.emit("update:currentPage",t.value),n.value=N,c.value=!1,a.value&&a.value.hide(),i.emit("update:pageSize",n.value),i.emit("changed",{pageIndex:t.value,pageSize:n.value}),i.emit("pageSizeChanged",{pageIndex:t.value,pageSize:n.value})}function M(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:r.value,onMouseenter:f=>P(),onMouseleave:f=>h()},[e.createVNode("div",e.mergeProps({ref:s,class:"pg-pagelist-info"},v.locatorChild(d,"size")),[e.createVNode("span",{class:"pagelist-text"},[o.value]),e.createVNode("b",{class:"cur-pagesize"},[n.value]),e.createVNode("span",{class:"pagelist-text"},[p.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode(te,{ref:a,host:"body",placement:"top-left",visible:c.value,fitContent:!0,keepWidthWithReference:!0,showArrow:!1},{default:()=>[e.createVNode("div",{class:"pg-pagelist-dropdown",onMouseenter:()=>V(),onMouseleave:()=>w()},[l.value.map(f=>e.createVNode("li",e.mergeProps({class:x(f)},v.locatorChild(d,"size-option",f),{onClick:N=>S(N,f)}),[e.createVNode("span",null,[f])]))])]})])])}return{renderPageList:M}}function Y(t,n,l,u,i){const d=o=>({"page-item":!0,current:n.value===o.value,ellipsis:o.label==="...",disabled:t.disabled}),c=o=>({"f-icon":!0,"f-icon-arrow-seek-left":o.value<n.value,"f-icon-arrow-seek-right":o.value>n.value});function a(o,p){n.value=p,i.emit("update:currentPage",n.value),i.emit("changed",{pageIndex:n.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:n.value,pageSize:u.value})}function s(){return l.value.map(o=>{const p=o.label==="..."&&!o.value?{}:v.locatorChild(t.id,"page",o.value);return e.createVNode("li",{class:d(o),key:o.value+""},[n.value!==o.value&&e.createVNode("a",e.mergeProps({class:"page-link",tabindex:"0"},p,{onClick:r=>a(r,o.value)}),[e.createVNode("span",{class:"page-link-label"},[o.label]),o.label==="..."&&e.createVNode("i",{class:c(o)},null)]),n.value===o.value&&e.createVNode("span",e.mergeProps({class:"page-link"},p),[o.label])])})}return{renderPageNumbers:s}}function Z(t,n,l,u,i,d){const c=e.computed(()=>({"page-item":!0,disabled:n.value}));function a(r){t.value=1,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function s(r){t.value=t.value>2?t.value-1:1,i.emit("update:currentPage",t.value),i.emit("changed",{pageIndex:t.value,pageSize:u.value}),i.emit("pageIndexChanged",{pageIndex:t.value,pageSize:u.value})}function o(){return e.createVNode("li",{class:c.value},[l.value&&e.createVNode("a",e.mergeProps({tabindex:"0",class:"page-link"},v.locatorChild(d,"first"),{onClick:r=>a()}),[e.createVNode("span",{class:"f-icon f-page-first"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"first")),[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function p(){return e.createVNode("li",{class:c.value},[l.value&&e.createVNode("a",e.mergeProps({tabindex:"0",class:"page-link"},v.locatorChild(d,"prev"),{onClick:r=>s()}),[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),n.value&&e.createVNode("span",e.mergeProps({class:"page-link"},v.locatorChild(d,"prev")),[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:o,renderPreviousPage:p}}function ee(t){const n=e.ref([]);function l(i,d,c,a){const s=Math.ceil(c/2);return i===c?a:i===1?i:c<a?a-s<d?a-c+i:s<d?d-s+i:i:i}function u(i,d,c,a){const s=[],o=Math.ceil(c/d),p=Math.ceil(a/2),r=i<=p,x=o-p<i,g=!r&&!x,P=a<o;let h=1;for(;h<=o&&h<=a;){const V=l(h,i,a,o),w=h===2&&(g||x),I=h===a-1&&(g||r),S=P&&(w||I)?"...":""+V;s.push({label:S,value:V}),h++}n.value=s}return{pages:n,updatePages:u}}const T=e.defineComponent({name:"FPagination",props:F,emits:E,setup(t,n){const l=v.useLocatorProps(t),u=n,i=e.ref(!1),d=e.ref(""),c=e.ref(!1),a=e.ref(l.pageSize),s=e.ref(l.currentPage),o=e.ref(l.totalItems),{pages:p,updatePages:r}=ee(),x={position:"relative",overflowX:"auto"},g={position:"absolute",right:"0",zIndex:1,background:"rgba(250,250,252,.6)",width:"100%",height:"100%"},P=e.computed(()=>!o.value||s.value===1),h=e.computed(()=>typeof l.pageList=="string"?l.pageList.split(","):l.pageList),V=e.computed(()=>Math.ceil(o.value/a.value)),w=e.computed(()=>!o.value||s.value===V.value),I=e.computed(()=>l.showGoButton),S=e.computed(()=>!!o.value&&s.value>1),M=e.computed(()=>!(c.value&&p.value.length<=1)),f=e.computed(()=>l.showPageInfo),N=e.computed(()=>l.showPageList),L=e.computed(()=>l.showPageNumbers),C=e.computed(()=>!0),{renderFirstPage:b,renderPreviousPage:j}=Z(s,P,S,a,u,l.id),{renderLastPage:B,renderNextPage:O}=J(s,w,V,a,u,l.id),{renderPageInfo:$}=Q(d,o,l.id),{renderPageList:R}=U(s,a,h,o,u,l.id),{renderPageNumbers:G}=Y(l,s,p,a,u),{renderGotoButton:q}=X(s,V,a,u,l.id);r(s.value,a.value,o.value,7),e.watch(()=>l.totalItems,y=>{o.value=y,r(s.value,a.value,o.value,7)}),e.watch(()=>l.currentPage,(y,z)=>{y!==z&&(s.value=y,r(s.value,a.value,o.value,7))}),e.watch(()=>l.pageSize,(y,z)=>{y!==z&&(a.value=y,r(s.value,a.value,o.value,7))}),e.watchEffect(()=>{if(!h.value||!h.value.length)return;const y=h.value.includes(a.value);a.value=y?a.value:h.value[0],y||n.emit("update:pageSize",a.value)})();const D=e.computed(()=>({"ml-auto":d.value!=="center","mx-auto":d.value==="center","ngx-pagination":!0,pagination:!0,responsive:i.value,"pager-viewmode-default":l.mode==="default","pager-viewmode-simple":l.mode==="simple","position-relative":!0}));function W(){return e.createVNode(e.Fragment,null,[f.value&&$(),N.value&&R(),C.value&&b(),C.value&&j(),L.value&&G(),C.value&&O(),C.value&&B(),I.value&&q()])}function H(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),C.value&&b(),C.value&&j(),q(),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(" "),V.value])]),C.value&&O(),C.value&&B()])}return()=>e.createVNode("div",e.mergeProps(v.locatorAttrs(l.id),{class:"pagination-container d-flex",style:x}),[l.disabled&&e.createVNode("div",{style:g},null),M.value&&e.createVNode("ul",{role:"navigation",class:D.value},[l.mode==="default"?W():H()])])}}),ie=e.defineComponent({name:"FPagination",props:F,emits:E,setup(t,n){const l=n,u=e.ref(!1),i=e.ref(t.mode),d=e.ref(""),c=e.ref(!1),a=e.ref(t.pageSize),s=e.ref(t.currentPage),o=e.ref(t.totalItems),p=e.ref(),r=e.inject("design-item-context"),x=ae.useDesignerComponent(p,r);e.onMounted(()=>{p.value.componentInstance=x}),n.expose(x.value);const{pages:g,updatePages:P}=ee(),h=e.computed(()=>s.value===1),V=e.computed(()=>[20,50,100]),w=e.computed(()=>Math.ceil(o.value/a.value)),I=e.computed(()=>s.value===w.value),S=e.computed(()=>!0),M=e.computed(()=>s.value>1),f=e.computed(()=>!(c.value&&g.value.length<=1)),N=e.computed(()=>!0),L=e.computed(()=>!0),C=e.computed(()=>!0),b=e.computed(()=>!0),{renderFirstPage:j,renderPreviousPage:B}=Z(s,h,M,a,l),{renderLastPage:O,renderNextPage:$}=J(s,I,w,a,l),{renderPageInfo:R}=Q(d,o),{renderPageList:G}=U(s,a,V,o,l),{renderPageNumbers:q}=Y(t,s,g,a,l),{renderGotoButton:_}=X(s,w,a,l);P(s.value,a.value,o.value,7),e.watch([s,a],()=>{P(s.value,a.value,o.value,7)}),e.watch(s,()=>{n.emit("pageIndexChanged",s.value)}),e.watch(a,()=>{n.emit("pageSizeChanged",a.value)});const D=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":i.value==="default","pager-viewmode-simple":i.value==="simple"})),W=e.computed(()=>({position:"relative","justify-content":d.value==="center"?"center":"start"}));function H(){return e.createVNode(e.Fragment,null,[N.value&&R(),L.value&&G(),b.value&&j(),b.value&&B(),C.value&&q(),b.value&&$(),b.value&&O(),S.value&&_()])}function y(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),b.value&&j(),b.value&&B(),_(),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(" "),w.value])]),b.value&&$(),b.value&&O()])}return()=>e.createVNode("div",{ref:p,class:"pagination-container"},[f.value&&e.createVNode("ul",{role:"navigation",class:D.value,style:W.value},[i.value==="default"?H():y()])])}});T.register=(t,n,l)=>{t.pagination=T,n.pagination=A},T.registerDesigner=(t,n,l)=>{t.pagination=ie,n.pagination=A};const re=v.withInstall(T);m.FPagination=T,m.default=re,m.paginationEmits=E,m.paginationProps=F,m.propsResolver=A,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});