@farris/ui-vue 1.3.0 → 1.3.3

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