@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/page-header/index.umd.cjs

@@ -0,0 +1 @@
+(function(u,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("../../components/page-header/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("vue"),require("../response-toolbar/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("lodash-es"),require("../../components/common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/page-header/index.umd.js","../../components/dynamic-resolver/index.umd.js","vue","../response-toolbar/index.umd.js","../../components/designer-canvas/index.umd.js","lodash-es","../../components/common/index.umd.js"],h):(u=typeof globalThis<"u"?globalThis:u||self,h(u["page-header"]={},u.PageHeader,u.dynamicResolver,u.Vue,u.FResponseToolbarDesignComponent,u.designerCanvas,u.LodashES,u.common))})(this,function(u,h,C,c,P,v,j,M){"use strict";var Q=Object.defineProperty;var W=(u,h,C)=>h in u?Q(u,h,{enumerable:!0,configurable:!0,writable:!0,value:C}):u[h]=C;var m=(u,h,C)=>W(u,typeof h!="symbol"?h+"":h,C);const S=Object.assign({},h.pageHeaderProps,{componentId:{type:String,default:""},titleContentHtml:{type:String,default:""},contentHtml:{type:String,default:""},downContentHtml:{type:String,default:""}});function B(l){const{formSchemaUtils:e,formStateMachineUtils:t}=l;function n(o,d=""){return{path:d+o.code,field:o.id,fullPath:o.code}}function i(o,d=""){const p=e.getViewModelById(o);return p?p.states.map(g=>n(g,d)):[]}function r(o){const d=e.getRootViewModelId(),p=i(o);if(o===d)return p;const g=i(d,"root-component.");return[...p,...g]}function s(o){return o.binding&&o.binding.path||o.id||""}function a(){return t&&t.getRenderStates()||[]}return{getVariables:r,getControlName:s,getStateMachines:a}}class A{constructor(e){m(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);m(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});m(this,"getExpressionConverter",(e,t)=>({convertFrom:(n,i,r,s)=>{const a=r.getExpressionRuleValue(e,t||i);return a&&a.value||""},convertTo:(n,i,r,s,a)=>{var o;if(i==="dataPicking"&&(r!=null&&r.target)){const d=`${r.target}_dataPicking`;((o=r.rules)==null?void 0:o.some(g=>g.id===d&&g.value))?n.dictPickingExpressionId=d:delete n.dictPickingExpressionId}s.updateExpression(r)}}));this.formSchemaService=e}getExpressionRule(e,t){const n=this.formSchemaService.getExpressions();if(!n)return"";const i=n.find(s=>s.target===e);if(!i)return"";const r=i.rules.find(s=>s.type===t);return r||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),n=this.formSchemaService.getViewModelById(t);if(!n||!n.states||n.states.length===0)return[];const i=[];return n.states.filter(r=>r.category==="remote").forEach(r=>{i.push({key:r.code,name:r.name,description:r.name,category:r.category})}),i}createTreeNode(e,t,n="label"){return{id:e.id,name:e.name,bindingPath:e[n],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var a;const r=this.createTreeNode(i,t);let s=[];(a=i.type)!=null&&a.fields&&(s=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),n.push({data:r,children:s,expanded:!0})}),n}buildChildEntityTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var o,d;const r=this.createTreeNode(i,t);r.type="entity";const s=this.buildEntityFieldsTreeData((o=i.type)==null?void 0:o.fields,[...t,i.label]),a=this.buildChildEntityTreeData((d=i.type)==null?void 0:d.entities,[...t,i.label]);a!=null&&a.length&&(s==null||s.push(...a)),n.push({data:r,children:s||[],expanded:!0})}),n}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const n=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(n==null||n.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:n||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,n){const i=n==="Field"?e.binding.field:e.id,r=this.getExpressionRule(i,t),s=this.getEntitiesAndVariables(),a={message:["validate","required","dataPicking"].includes(t)&&r?r.message:"",...s};return r.messageType!=null&&(a.messageType=r.messageType),a}buildRule(e,t,n,i){const{expression:r,message:s,messageType:a}=t,o={id:`${e}_${n}`,type:n,value:r};return(n==="validate"||n==="dataPicking"||n==="required")&&(o.message=s),n==="dataPicking"&&(o.messageType=a),n==="validate"&&i&&(o.elementId=i),o}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,n,i){const r=t==="Field"?e.binding.field:e.id,s=this.buildRule(r,n,i,e.type==="form-group"?e.id:"");let o=this.getExpressionData().find(p=>p.targetType===t&&p.target===r);const d=p=>p.value.trim()==="";if(o){const p=o.rules.find(g=>g.id===s.id);if(p)d(s)?o.rules=o.rules.filter(g=>g.id!==s.id):(Object.assign(p,s),i==="validate"&&e.type==="form-group"&&(p.elementId=e.id));else{if(d(s))return null;o.rules=o.rules||[],o.rules.push(s)}}else{if(d(s))return null;o={target:`${r}`,rules:[s],targetType:t}}return o}getExpressionEditorOptions(e,t,n,i){return n.reduce((r,s)=>{var o,d;const a=t==="Field"?(o=e==null?void 0:e.binding)==null?void 0:o.field:e.id;return r[s]={hide:t==="Field"?!!((d=e==null?void 0:e.binding)!=null&&d.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(a),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:p=>{const g=this.updateExpression(e,t,p,s);if(i){const b=this.buildRule(a,p,s);i(b)}return g}}},r},{})}getExpressionInfo(e,t,n){const i=t==="Field"?e.binding.field:e.id,r=this.getExpressionRule(i,n),s={value:r&&r.value,targetId:i,targetType:t,expressionType:n};return r&&r.message&&(s.message=r.message),s}getExpressionConfig(e,t,n=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,n,i)}}}getExpressionOptions(e,t,n){const i=this.getExpressionInfo(e,t,n);return{dialogTitle:`${this.expressionNames[n]}编辑器`,singleExpand:!1,showMessage:n==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),expressionInfo:i}}}class O{constructor(e,t){m(this,"componentId");m(this,"viewModelId");m(this,"eventsEditorUtils");m(this,"formSchemaUtils");m(this,"formMetadataConverter");m(this,"designViewModelUtils");m(this,"designViewModelField");m(this,"controlCreatorUtils");m(this,"designerHostService");m(this,"designerContext");m(this,"schemaService",null);m(this,"metadataService",null);m(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var n;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(r=>r.id===t)}e.updateOn=(n=this.designViewModelField)==null?void 0:n.updateOn}}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",idField:"value",editable:!1,data:[{value:e.type,name:v.DgControl[e.type]&&v.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},n){const i={title:"外观",description:"Appearance"},r={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const s in t)r[s]=Object.assign(r[s]||{},t[s]);return{...i,properties:{...r},setPropertyRelates(s,a){if(s){switch(s&&s.propertyID){case"class":case"style":{v.canvasChanged.value++;break}}n&&n(s,e,a)}}}}getPropertyEditorParams(e,t=[],n="visible",i={},r={},s=""){const{getVariables:a,getControlName:o,getStateMachines:d}=B(this.designerHostService),p=this.getRealTargetType(e),g=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],b={type:"property-editor",propertyTypes:g};return g.map(w=>{switch(w){case"Const":Object.assign(b,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":b.expressionConfig=this.getExpressionOptions(e,p,s||n);break;case"StateMachine":b.stateMachines=d();break;case"Variable":Object.assign(b,{controlName:o(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:a(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:y=>{y.value=a(this.viewModelId)}},r),this.designerContext.designerMode==="PC_RTC"&&(b.newVariablePrefix="ext_"+b.newVariablePrefix);break}}),b}getVisibleProperty(e,t=""){var r;let n=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?n=["Const","Expression"]:t==="form-group"&&!((r=e.binding)!=null&&r.field)&&(n=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,n,"visible")}}}getBehaviorConfig(e,t="",n={},i){const r={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const o in n)s[o]=Object.assign(s[o]||{},n[o]);const a=this;return{...r,properties:{...s},setPropertyRelates(o,d){if(o){switch(o.propertyID){case"disabled":case"readonly":case"visible":a.afterMutilEditorChanged(e,o);break}i&&i(o,d)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const i=n.contents.findIndex(s=>s.id===e),r=j.cloneDeep(n.contents[i]);n.contents.splice(i,1),n.contents.splice(i,0,r),v.refreshCanvas()}addNewVariableToViewModel(e,t){const n=e.propertyValue;if(!(n&&typeof n=="object")||!(n.type==="Variable"&&n.isNewVariable))return;const s={id:n.field,category:"locale",code:n.fullPath,name:n.fullPath,type:n.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete n.newVariableType,delete n.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:r,expressionInfo:s}=t,{targetId:a,targetType:o,expressionType:d,value:p,message:g}=s,b=this.formSchemaUtils.getModule();b.expressions=b.expressions||[];const{expressions:w}=b;let y=w.find(x=>x.target===a);y||(y={target:a,rules:[],targetType:o},w.push(y));const V=y.rules.find(x=>x.type===d);if(V)V.value=p,V.message=g;else{const x={id:r,type:d,value:p,message:g};y.rules.push(x)}delete t.expressionInfo}clearExpression(e,t){const n=e.propertyValue;if(n&&n.type==="Expression")return;const r=e.propertyID,s=this.formSchemaUtils.getExpressions(),a=t.binding?t.binding.field:t.id,o=s.find(d=>d.target===a);!o||!o.rules||(o.rules=o.rules.filter(d=>d.type!==r))}getExpressionOptions(e,t,n){return new A(this.formSchemaUtils).getExpressionOptions(e,t,n)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item","drawer-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:n=>{var i;((i=n.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(n)}}},t}}class q extends O{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.template=this.getTemplateConfig(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e),this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式"},icon:{title:"图标",type:"string",description:"图标"},title:{title:"标题",type:"string",description:"标题"}},setPropertyRelates(t,n){if(t)switch(t&&t.propertyID){case"title":{t.needRefreshControlTree=!0;break}}}}}getTemplateConfig(e){return{title:"模板配置",description:"",properties:{titleContentClass:{title:"标题模板class",type:"string",description:"标题模板外层容器的自定义样式"},titleContentHtml:{title:"标题模板",type:"string",description:"设置标题HTML模板，替代图标和标题文字区域",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},contentClass:{title:"内容模板class",type:"string",description:"内容模板外层容器的自定义样式"},contentHtml:{title:"内容模板",type:"string",description:"设置页头中间区域的模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},downContentClass:{title:"扩展模板class",type:"string",description:"扩展模板外层容器的自定义样式"},downContentHtml:{title:"扩展模板",type:"string",description:"设置页头下方区域的模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function $(l,e){function t(a){return!1}function n(){return!1}function i(){return!1}function r(){return!0}function s(a){return new q(a,e).getPropertyConfig(l)}return{canAccepts:t,hideNestedPaddingInDesginerView:r,getPropsConfig:s,checkCanDeleteComponent:n,checkCanMoveComponent:i}}const D=c.defineComponent({name:"FPageHeaderDesign",props:S,emits:["click"],setup(l,e){const t=c.ref(),n=c.inject("designer-host-service"),i=c.inject("design-item-context"),r=$(i.schema,n),s=v.useDesignerComponent(t,i,r),a=c.ref(i.schema.toolbar||{type:"response-toolbar",buttons:[]}),o=c.ref(P.responseToolbarResolver(a.value));c.onMounted(()=>{t.value.componentInstance=s}),c.watch(()=>i.schema.toolbar,()=>{a.value=i.schema.toolbar||{type:"response-toolbar",buttons:[]},o.value=P.responseToolbarResolver(a.value)},{deep:!0});const d=c.computed(()=>[...o.value.items]);function p(f,E,U,I){i&&i.setupContext&&i.setupContext.emit("selectionChange",f,E,U,I)}e.expose(s.value);function g(f,E){f&&E&&E.split(" ").reduce((I,J)=>(I[J]=!0,I),f)}const b=c.computed(()=>{const f={"f-title-icon":!0};return g(f,l.iconClass),f}),w=c.computed(()=>{const f={"f-icon":!0};return g(f,l.icon),f}),y=c.computed(()=>{const f={"text-right":!0,"col-6":!0};return g(f,l.buttonClass||""),f}),V=c.computed(()=>{const f={"f-title":!0};return M.getCustomClass(f,l.titleContentClass)}),x=c.computed(()=>{const f={"f-content":!0};return M.getCustomClass(f,l.contentClass)}),_=c.computed(()=>{const f={"f-page-header-extend":!0};return M.getCustomClass(f,l.downContentClass)});function z(){return l.titleContentHtml?c.createVNode("div",{class:V.value,innerHTML:l.titleContentHtml},null):c.createVNode("div",{class:"f-title"},[l.showIcon&&l.icon?c.createVNode("span",{class:b.value},[c.createVNode("i",{class:w.value},null)]):"",c.createVNode("h4",{class:"f-title-text"},[l.title])])}function G(){return l.contentHtml?c.createVNode("div",{class:x.value,innerHTML:l.contentHtml},null):null}function K(){return l.downContentHtml?c.createVNode("div",{class:_.value,innerHTML:l.downContentHtml},null):null}return()=>c.createVNode("div",{ref:t},[c.createVNode("nav",{class:"f-page-header-base"},[z(),G(),c.createVNode(v.FDesignerInnerItem,{class:y.value,modelValue:a.value,"onUpdate:modelValue":f=>a.value=f,canAdd:!1,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:a.value.id,componentId:l.componentId,onSelectionChange:p},{default:()=>[c.createVNode(P,{id:a.value.id,customClass:"w-100",items:d.value,componentId:l.componentId},null)]})]),K()])}}),T=new Map([["appearance",C.resolveAppearance],["toolbar",C.resolveToolbar]]),R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-header.schema.json",title:"page-header",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Page Header",type:"string"},type:{description:"The type string of Page Header component",type:"string",default:"page-header"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},showIcon:{description:"",type:"boolean",default:!0},icon:{description:"",type:"string",default:"f-icon-page-title-record"},iconClass:{description:"",type:"string",default:"f-text-orna-bill"},title:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},toolbar:{description:"",type:"object",properties:{appearance:{description:"",type:"object",properties:{class:{type:"string",default:"col-6"}}},id:{description:"",type:"string"},type:{description:"",type:"string",default:"response-toolbar"},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0}}},titleContentClass:{description:"",type:"string",default:""},contentClass:{description:"",type:"string",default:""},downContentClass:{description:"",type:"string",default:""},showPagination:{description:"",type:"boolean",default:!1},prePaginationDisabled:{description:"",type:"boolean",default:!0},nextPaginationDisabled:{description:"",type:"boolean",default:!1},visible:{description:"",type:"boolean",default:!0},titleContentHtml:{description:"",type:"string",default:""},titleRenderFunction:{description:"",type:"function",default:null},contentHtml:{description:"",type:"string",default:""},contentRenderFunction:{description:"",type:"function",default:null},downContentHtml:{description:"",type:"string",default:""},downContentRenderFunction:{description:"",type:"function",default:null}},required:["id","type"]};function N(l,e,t){return e.title="标题",e}const F=C.createPropsResolver(h.pageHeaderProps,R,T,N),H=C.createPropsResolver(S,R,T,N),k=C.createPageHeaderEventHandlerResolver(),L={register(l,e,t,n){l["page-header"]=h,e["page-header"]=F,n["page-header"]={eventHandlerResolver:k}},registerDesigner(l,e,t){l["page-header"]=D,e["page-header"]=H}};u.default=L,u.eventHandlerResolver=k,u.pageHeaderDesignerProps=S,u.propsDesignResolver=H,u.propsResolver=F,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/pagination/index.esm.js

@@ -0,0 +1,591 @@
+import Q, { paginationProps as z } from "../../components/pagination/index.esm.js";
+import { computed as d, ref as m, watch as j, createVNode as a, defineComponent as U, inject as X, onMounted as Y, Fragment as F, createTextVNode as V } from "vue";
+import { LocaleService as k } from "../../components/locale/index.esm.js";
+import { useDesignerComponent as Z } from "../../components/designer-canvas/index.esm.js";
+import { withInstall as _ } from "../../components/common/index.esm.js";
+import { resolveAppearance as ee, createPropsResolver as ae } from "../../components/dynamic-resolver/index.esm.js";
+function te(e, t, v, o) {
+  const n = d(() => k.getLocaleValue("pagination.goto.prefix")), u = m(""), l = m(e.value);
+  j(e, (c) => {
+    l.value !== c && (l.value = c);
+  });
+  function s(c) {
+    return !isNaN(c) && c >= 1 && c <= t.value;
+  }
+  function r(c) {
+    const h = e.value;
+    l.value = c.target.valueAsNumber, s(l.value) ? e.value = l.value : l.value = h, o.emit("update:currentPage", e.value), o.emit("changed", {
+      pageIndex: e.value,
+      pageSize: v.value
+    }), o.emit("pageIndexChanged", {
+      pageIndex: e.value,
+      pageSize: v.value
+    });
+  }
+  function i(c) {
+    c.key === "Enter" && r(c);
+  }
+  function p() {
+    return a("li", {
+      class: "page-goto-input d-flex flex-row",
+      style: "padding-left: 10px; white-space: nowrap;"
+    }, [a("span", {
+      class: "pagination-message"
+    }, [n.value]), a("input", {
+      title: "page-index-spinner",
+      type: "number",
+      class: "form-control farris-gotopagenumber",
+      value: l.value,
+      min: 1,
+      max: t.value,
+      style: "display: inline-block;margin-left:3px;",
+      onBlur: (c) => r(c),
+      onKeyup: (c) => i(c)
+    }, null), u.value]);
+  }
+  return {
+    renderGotoButton: p
+  };
+}
+function ne(e, t, v, o, n) {
+  const u = d(() => ({
+    "page-item": !0,
+    disabled: t.value
+  }));
+  function l(p) {
+    e.value = e.value < v.value ? e.value + 1 : v.value, n.emit("update:currentPage", e.value), n.emit("changed", {
+      pageIndex: e.value,
+      pageSize: o.value
+    }), n.emit("pageIndexChanged", {
+      pageIndex: e.value,
+      pageSize: o.value
+    });
+  }
+  function s(p) {
+    e.value = v.value, n.emit("update:currentPage", e.value), n.emit("changed", {
+      pageIndex: e.value,
+      pageSize: o.value
+    }), n.emit("pageIndexChanged", {
+      pageIndex: e.value,
+      pageSize: o.value
+    });
+  }
+  function r() {
+    return a("li", {
+      class: u.value
+    }, [!t.value && a("a", {
+      class: "page-link",
+      tabindex: "0",
+      onClick: (p) => l()
+    }, [a("span", {
+      class: "f-icon f-page-next"
+    }, null)]), t.value && a("span", {
+      class: "page-link"
+    }, [a("span", {
+      class: "f-icon f-page-next"
+    }, null)])]);
+  }
+  function i() {
+    return a("li", {
+      class: u.value
+    }, [!t.value && a("a", {
+      class: "page-link",
+      tabindex: "0",
+      onClick: (p) => s()
+    }, [a("span", {
+      class: "f-icon f-page-last"
+    }, null)]), t.value && a("span", {
+      class: "page-link"
+    }, [a("span", {
+      class: "f-icon f-page-last"
+    }, null)])]);
+  }
+  return {
+    renderLastPage: i,
+    renderNextPage: r
+  };
+}
+function le(e, t) {
+  const v = d(() => k.getLocaleValue("pagination.totalInfo.firstText")), o = d(() => k.getLocaleValue("pagination.totalInfo.lastText")), n = d(() => ({
+    "pagination-message": !0,
+    "text-truncate": !0,
+    "d-flex": !0,
+    "ml-auto": e.value === "right",
+    "flex-fill": e.value === "right"
+  }));
+  function u() {
+    return a("li", {
+      class: n.value
+    }, [a("div", {
+      class: "text-truncate"
+    }, [a("span", {
+      class: "pg-message-text"
+    }, [v.value]), a("b", {
+      class: "pg-message-total"
+    }, [t.value]), a("span", {
+      class: "pg-message-text"
+    }, [o.value])])]);
+  }
+  return {
+    renderPageInfo: u
+  };
+}
+function se(e, t, v, o, n) {
+  const u = m(!1), l = d(() => k.getLocaleValue("pagination.show")), s = d(() => k.getLocaleValue("pagination.totalInfo.lastText")), r = d(() => ({
+    dropup: !0,
+    "dropdown-right": !0,
+    "pg-pagelist": !0,
+    "pagelist-disabled": o.value === 0,
+    show: u.value
+  })), i = d(() => ({
+    "dropdown-menu": !0,
+    show: u.value
+  })), p = (g) => ({
+    "w-100": !0,
+    "dropdown-item": !0,
+    active: t.value === g
+  });
+  function c(g) {
+    u.value = !0;
+  }
+  function h(g) {
+    u.value = !1;
+  }
+  function x(g, f, C) {
+    const S = g * f - f + 1;
+    return Math.ceil(S / C);
+  }
+  function I(g, f) {
+    const C = e.value;
+    e.value = x(e.value, t.value, f), C !== e.value && n.emit("update:currentPage", e.value), t.value = f, u.value = !1, n.emit("update:pageSize", t.value), n.emit("changed", {
+      pageIndex: e.value,
+      pageSize: t.value
+    }), n.emit("pageSizeChanged", {
+      pageIndex: e.value,
+      pageSize: t.value
+    });
+  }
+  function b() {
+    return a("li", {
+      class: "pagination-pagelist"
+    }, [a("div", {
+      class: r.value,
+      onMouseenter: (g) => c(),
+      onMouseleave: (g) => h()
+    }, [a("div", {
+      class: "pg-pagelist-info"
+    }, [a("span", {
+      class: "pagelist-text"
+    }, [l.value]), a("b", {
+      class: "cur-pagesize"
+    }, [t.value]), a("span", {
+      class: "pagelist-text"
+    }, [s.value]), a("i", {
+      class: "f-icon f-icon-dropdown"
+    }, null)]), a("div", {
+      class: i.value,
+      style: "margin-bottom: -1px;"
+    }, [v.value.map((g) => a("li", {
+      class: p(g),
+      onClick: (f) => I(f, g)
+    }, [a("span", null, [g])]))])])]);
+  }
+  return {
+    renderPageList: b
+  };
+}
+function ie(e, t, v, o, n) {
+  const u = (i) => ({
+    "page-item": !0,
+    current: t.value === i.value,
+    ellipsis: i.label === "...",
+    disabled: e.disabled
+  }), l = (i) => ({
+    "f-icon": !0,
+    "f-icon-arrow-seek-left": i.value < t.value,
+    "f-icon-arrow-seek-right": i.value > t.value
+  });
+  function s(i, p) {
+    t.value = p, n.emit("update:currentPage", t.value), n.emit("changed", {
+      pageIndex: t.value,
+      pageSize: o.value
+    }), n.emit("pageIndexChanged", {
+      pageIndex: t.value,
+      pageSize: o.value
+    });
+  }
+  function r() {
+    return v.value.map((i) => a("li", {
+      class: u(i),
+      key: i.value + ""
+    }, [t.value !== i.value && a("a", {
+      class: "page-link",
+      tabindex: "0",
+      onClick: (p) => s(p, i.value)
+    }, [a("span", {
+      class: "page-link-label"
+    }, [i.label]), i.label === "..." && a("i", {
+      class: l(i)
+    }, null)]), t.value === i.value && a("span", {
+      class: "page-link"
+    }, [i.label])]));
+  }
+  return {
+    renderPageNumbers: r
+  };
+}
+function oe(e, t, v, o, n) {
+  const u = d(() => ({
+    "page-item": !0,
+    disabled: t.value
+  }));
+  function l(p) {
+    e.value = 1, n.emit("update:currentPage", e.value), n.emit("changed", {
+      pageIndex: e.value,
+      pageSize: o.value
+    }), n.emit("pageIndexChanged", {
+      pageIndex: e.value,
+      pageSize: o.value
+    });
+  }
+  function s(p) {
+    e.value = e.value > 2 ? e.value - 1 : 1, n.emit("update:currentPage", e.value), n.emit("changed", {
+      pageIndex: e.value,
+      pageSize: o.value
+    }), n.emit("pageIndexChanged", {
+      pageIndex: e.value,
+      pageSize: o.value
+    });
+  }
+  function r() {
+    return a("li", {
+      class: u.value
+    }, [v.value && a("a", {
+      tabindex: "0",
+      class: "page-link",
+      onClick: (p) => l()
+    }, [a("span", {
+      class: "f-icon f-page-first"
+    }, null)]), t.value && a("span", {
+      class: "page-link"
+    }, [a("span", {
+      class: "f-icon f-page-first"
+    }, null)])]);
+  }
+  function i() {
+    return a("li", {
+      class: u.value
+    }, [v.value && a("a", {
+      tabindex: "0",
+      class: "page-link",
+      onClick: (p) => s()
+    }, [a("span", {
+      class: "f-icon f-page-pre"
+    }, null)]), t.value && a("span", {
+      class: "page-link"
+    }, [a("span", {
+      class: "f-icon f-page-pre"
+    }, null)])]);
+  }
+  return {
+    renderFirstPage: r,
+    renderPreviousPage: i
+  };
+}
+function ue(e) {
+  const t = m([]);
+  function v(n, u, l, s) {
+    const r = Math.ceil(l / 2);
+    return n === l ? s : n === 1 ? n : l < s ? s - r < u ? s - l + n : r < u ? u - r + n : n : n;
+  }
+  function o(n, u, l, s) {
+    const r = [], i = Math.ceil(l / u), p = Math.ceil(s / 2), c = n <= p, h = i - p < n, x = !c && !h, I = s < i;
+    let b = 1;
+    for (; b <= i && b <= s; ) {
+      const g = v(b, n, s, i), f = b === 2 && (x || h), C = b === s - 1 && (x || c), w = I && (f || C) ? "..." : "" + g;
+      r.push({ label: w, value: g }), b++;
+    }
+    t.value = r;
+  }
+  return { pages: t, updatePages: o };
+}
+const N = /* @__PURE__ */ U({
+  name: "FPagination",
+  props: z,
+  emits: ["pageIndexChanged", "pageSizeChanged"],
+  setup(e, t) {
+    const v = m(!1), o = m(e.mode), n = m(""), u = m(!1), l = m(e.pageSize), s = m(e.currentPage), r = m(e.totalItems), i = m(), p = X("design-item-context"), c = Z(i, p);
+    Y(() => {
+      i.value.componentInstance = c;
+    }), t.expose(c.value);
+    const {
+      pages: h,
+      updatePages: x
+    } = ue(), I = d(() => s.value === 1), b = d(() => [20, 50, 100]), g = d(() => Math.ceil(r.value / l.value)), f = d(() => s.value === g.value), C = d(() => !0), w = d(() => s.value > 1), S = d(() => !(u.value && h.value.length <= 1)), L = d(() => !0), E = d(() => !0), q = d(() => !0), y = d(() => !0), {
+      renderFirstPage: O,
+      renderPreviousPage: T
+    } = oe(s, I, w, l, t), {
+      renderLastPage: M,
+      renderNextPage: $
+    } = ne(s, f, g, l, t), {
+      renderPageInfo: D
+    } = le(n, r), {
+      renderPageList: G
+    } = se(s, l, b, r, t), {
+      renderPageNumbers: R
+    } = ie(e, s, h, l, t), {
+      renderGotoButton: B
+    } = te(s, g, l, t);
+    x(s.value, l.value, r.value, 7), j([s, l], () => {
+      x(s.value, l.value, r.value, 7);
+    }), j(s, () => {
+      t.emit("pageIndexChanged", s.value);
+    }), j(l, () => {
+      t.emit("pageSizeChanged", l.value);
+    });
+    const W = d(() => ({
+      "ngx-pagination": !0,
+      pagination: !0,
+      responsive: v.value,
+      "pager-viewmode-default": o.value === "default",
+      "pager-viewmode-simple": o.value === "simple"
+    })), P = d(() => ({
+      position: "relative",
+      "justify-content": n.value === "center" ? "center" : "start"
+    }));
+    function H() {
+      return a(F, null, [L.value && D(), E.value && G(), y.value && O(), y.value && T(), q.value && R(), y.value && $(), y.value && M(), C.value && B()]);
+    }
+    function K() {
+      return a(F, null, [a("li", {
+        class: "page-item d-flex flex-fill"
+      }, null), y.value && O(), y.value && T(), B(), a("li", {
+        class: "page-item page-separator",
+        style: "margin-left: 10px"
+      }, [a("span", {
+        style: "font-size: 15px; font-weight: 200;"
+      }, [V(" /")])]), a("li", {
+        class: "page-item page-total",
+        style: "margin-left: 5px"
+      }, [a("span", {
+        style: "font-size: 16px; font-weight: 600;"
+      }, [V(" "), g.value])]), y.value && $(), y.value && M()]);
+    }
+    return () => a("div", {
+      ref: i,
+      class: "pagination-container"
+    }, [S.value && a("ul", {
+      role: "navigation",
+      class: W.value,
+      style: P.value
+    }, [o.value === "default" ? H() : K()])]);
+  }
+}), pe = /* @__PURE__ */ new Map([
+  ["appearance", ee]
+]), re = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/pagination.schema.json", de = "pagination", ve = "A Farris Component", ge = "object", fe = {
+  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: ""
+  }
+}, me = [
+  "id",
+  "type"
+], be = {
+  $schema: re,
+  $id: ce,
+  title: de,
+  description: ve,
+  type: ge,
+  properties: fe,
+  required: me
+}, he = "pagination", ye = "A Farris Component", xe = "object", Ce = {
+  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: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, Ie = {
+  title: he,
+  description: ye,
+  type: xe,
+  categories: Ce
+};
+function ke(e, t, v) {
+  return t;
+}
+const A = ae(z, be, pe, ke, Ie);
+N.register = (e, t, v) => {
+  e.pagination = Q, t.pagination = A;
+};
+N.registerDesigner = (e, t, v) => {
+  e.pagination = N, t.pagination = A;
+};
+const Te = _(N);
+export {
+  N as FPaginationDesign,
+  Te as default,
+  A as propsResolver
+};

package/designer/pagination/index.umd.cjs

@@ -0,0 +1 @@
+(function(f,N){typeof exports=="object"&&typeof module<"u"?N(exports,require("../../components/pagination/index.umd.js"),require("vue"),require("../../components/locale/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/pagination/index.umd.js","vue","../../components/locale/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js"],N):(f=typeof globalThis<"u"?globalThis:f||self,N(f.pagination={},f.FPagination,f.Vue,f.locale,f.designerCanvas,f.common,f.dynamicResolver))})(this,function(f,N,e,x,B,F,S){"use strict";function z(t,a,u,i){const n=e.computed(()=>x.LocaleService.getLocaleValue("pagination.goto.prefix")),c=e.ref(""),o=e.ref(t.value);e.watch(t,p=>{o.value!==p&&(o.value=p)});function s(p){return!isNaN(p)&&p>=1&&p<=a.value}function d(p){const h=t.value;o.value=p.target.valueAsNumber,s(o.value)?t.value=o.value:o.value=h,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 l(p){p.key==="Enter"&&d(p)}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:"pagination-message"},[n.value]),e.createVNode("input",{title:"page-index-spinner",type:"number",class:"form-control farris-gotopagenumber",value:o.value,min:1,max:a.value,style:"display: inline-block;margin-left:3px;",onBlur:p=>d(p),onKeyup:p=>l(p)},null),c.value])}return{renderGotoButton:r}}function A(t,a,u,i,n){const c=e.computed(()=>({"page-item":!0,disabled:a.value}));function o(r){t.value=t.value<u.value?t.value+1:u.value,n.emit("update:currentPage",t.value),n.emit("changed",{pageIndex:t.value,pageSize:i.value}),n.emit("pageIndexChanged",{pageIndex:t.value,pageSize:i.value})}function s(r){t.value=u.value,n.emit("update:currentPage",t.value),n.emit("changed",{pageIndex:t.value,pageSize:i.value}),n.emit("pageIndexChanged",{pageIndex:t.value,pageSize:i.value})}function d(){return e.createVNode("li",{class:c.value},[!a.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:r=>o()},[e.createVNode("span",{class:"f-icon f-page-next"},null)]),a.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function l(){return e.createVNode("li",{class:c.value},[!a.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:r=>s()},[e.createVNode("span",{class:"f-icon f-page-last"},null)]),a.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:l,renderNextPage:d}}function E(t,a){const u=e.computed(()=>x.LocaleService.getLocaleValue("pagination.totalInfo.firstText")),i=e.computed(()=>x.LocaleService.getLocaleValue("pagination.totalInfo.lastText")),n=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",{class:n.value},[e.createVNode("div",{class:"text-truncate"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[a.value]),e.createVNode("span",{class:"pg-message-text"},[i.value])])])}return{renderPageInfo:c}}function D(t,a,u,i,n){const c=e.ref(!1),o=e.computed(()=>x.LocaleService.getLocaleValue("pagination.show")),s=e.computed(()=>x.LocaleService.getLocaleValue("pagination.totalInfo.lastText")),d=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":i.value===0,show:c.value})),l=e.computed(()=>({"dropdown-menu":!0,show:c.value})),r=g=>({"w-100":!0,"dropdown-item":!0,active:a.value===g});function p(g){c.value=!0}function h(g){c.value=!1}function y(g,m,V){const k=g*m-m+1;return Math.ceil(k/V)}function I(g,m){const V=t.value;t.value=y(t.value,a.value,m),V!==t.value&&n.emit("update:currentPage",t.value),a.value=m,c.value=!1,n.emit("update:pageSize",a.value),n.emit("changed",{pageIndex:t.value,pageSize:a.value}),n.emit("pageSizeChanged",{pageIndex:t.value,pageSize:a.value})}function v(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:d.value,onMouseenter:g=>p(),onMouseleave:g=>h()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[o.value]),e.createVNode("b",{class:"cur-pagesize"},[a.value]),e.createVNode("span",{class:"pagelist-text"},[s.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode("div",{class:l.value,style:"margin-bottom: -1px;"},[u.value.map(g=>e.createVNode("li",{class:r(g),onClick:m=>I(m,g)},[e.createVNode("span",null,[g])]))])])])}return{renderPageList:v}}function G(t,a,u,i,n){const c=l=>({"page-item":!0,current:a.value===l.value,ellipsis:l.label==="...",disabled:t.disabled}),o=l=>({"f-icon":!0,"f-icon-arrow-seek-left":l.value<a.value,"f-icon-arrow-seek-right":l.value>a.value});function s(l,r){a.value=r,n.emit("update:currentPage",a.value),n.emit("changed",{pageIndex:a.value,pageSize:i.value}),n.emit("pageIndexChanged",{pageIndex:a.value,pageSize:i.value})}function d(){return u.value.map(l=>e.createVNode("li",{class:c(l),key:l.value+""},[a.value!==l.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:r=>s(r,l.value)},[e.createVNode("span",{class:"page-link-label"},[l.label]),l.label==="..."&&e.createVNode("i",{class:o(l)},null)]),a.value===l.value&&e.createVNode("span",{class:"page-link"},[l.label])]))}return{renderPageNumbers:d}}function R(t,a,u,i,n){const c=e.computed(()=>({"page-item":!0,disabled:a.value}));function o(r){t.value=1,n.emit("update:currentPage",t.value),n.emit("changed",{pageIndex:t.value,pageSize:i.value}),n.emit("pageIndexChanged",{pageIndex:t.value,pageSize:i.value})}function s(r){t.value=t.value>2?t.value-1:1,n.emit("update:currentPage",t.value),n.emit("changed",{pageIndex:t.value,pageSize:i.value}),n.emit("pageIndexChanged",{pageIndex:t.value,pageSize:i.value})}function d(){return e.createVNode("li",{class:c.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:r=>o()},[e.createVNode("span",{class:"f-icon f-page-first"},null)]),a.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function l(){return e.createVNode("li",{class:c.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:r=>s()},[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),a.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:d,renderPreviousPage:l}}function P(t){const a=e.ref([]);function u(n,c,o,s){const d=Math.ceil(o/2);return n===o?s:n===1?n:o<s?s-d<c?s-o+n:d<c?c-d+n:n:n}function i(n,c,o,s){const d=[],l=Math.ceil(o/c),r=Math.ceil(s/2),p=n<=r,h=l-r<n,y=!p&&!h,I=s<l;let v=1;for(;v<=l&&v<=s;){const g=u(v,n,s,l),m=v===2&&(y||h),V=v===s-1&&(y||p),j=I&&(m||V)?"...":""+g;d.push({label:j,value:g}),v++}a.value=d}return{pages:a,updatePages:i}}const C=e.defineComponent({name:"FPagination",props:N.paginationProps,emits:["pageIndexChanged","pageSizeChanged"],setup(t,a){const u=e.ref(!1),i=e.ref(t.mode),n=e.ref(""),c=e.ref(!1),o=e.ref(t.pageSize),s=e.ref(t.currentPage),d=e.ref(t.totalItems),l=e.ref(),r=e.inject("design-item-context"),p=B.useDesignerComponent(l,r);e.onMounted(()=>{l.value.componentInstance=p}),a.expose(p.value);const{pages:h,updatePages:y}=P(),I=e.computed(()=>s.value===1),v=e.computed(()=>[20,50,100]),g=e.computed(()=>Math.ceil(d.value/o.value)),m=e.computed(()=>s.value===g.value),V=e.computed(()=>!0),j=e.computed(()=>s.value>1),k=e.computed(()=>!(c.value&&h.value.length<=1)),L=e.computed(()=>!0),Q=e.computed(()=>!0),U=e.computed(()=>!0),b=e.computed(()=>!0),{renderFirstPage:T,renderPreviousPage:O}=R(s,I,j,o,a),{renderLastPage:M,renderNextPage:$}=A(s,m,g,o,a),{renderPageInfo:X}=E(n,d),{renderPageList:Y}=D(s,o,v,d,a),{renderPageNumbers:Z}=G(t,s,h,o,a),{renderGotoButton:q}=z(s,g,o,a);y(s.value,o.value,d.value,7),e.watch([s,o],()=>{y(s.value,o.value,d.value,7)}),e.watch(s,()=>{a.emit("pageIndexChanged",s.value)}),e.watch(o,()=>{a.emit("pageSizeChanged",o.value)});const ee=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":i.value==="default","pager-viewmode-simple":i.value==="simple"})),te=e.computed(()=>({position:"relative","justify-content":n.value==="center"?"center":"start"}));function ae(){return e.createVNode(e.Fragment,null,[L.value&&X(),Q.value&&Y(),b.value&&T(),b.value&&O(),U.value&&Z(),b.value&&$(),b.value&&M(),V.value&&q()])}function ne(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),b.value&&T(),b.value&&O(),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(" "),g.value])]),b.value&&$(),b.value&&M()])}return()=>e.createVNode("div",{ref:l,class:"pagination-container"},[k.value&&e.createVNode("ul",{role:"navigation",class:ee.value,style:te.value},[i.value==="default"?ae():ne()])])}}),W=new Map([["appearance",S.resolveAppearance]]),_={$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"]},H={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 K(t,a,u){return a}const w=S.createPropsResolver(N.paginationProps,_,W,K,H);C.register=(t,a,u)=>{t.pagination=N,a.pagination=w},C.registerDesigner=(t,a,u)=>{t.pagination=C,a.pagination=w};const J=F.withInstall(C);f.FPaginationDesign=C,f.default=J,f.propsResolver=w,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});