@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 33.5 kB
JavaScript
(function(L,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es"),require("vue-i18n"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","vue-i18n","../dynamic-resolver/index.umd.js","../common/index.umd.js"],n):(L=typeof globalThis<"u"?globalThis:L||self,n(L.pagination={},L.Vue,L.LodashES,L.vueI18n,L.dynamicResolver,L.common))})(this,function(L,n,H,_,fe,de){"use strict";function J(e,t){let r;function a(o){const{properties:d,title:h,ignore:l}=o,i=l&&Array.isArray(l),m=Object.keys(d).reduce((g,N)=>((!i||!l.find(V=>V===N))&&(g[N]=d[N].type==="object"&&d[N].properties?a(d[N]):H.cloneDeep(d[N].default)),g),{});if(h&&(!i||!l.find(g=>g==="id"))){const g=h.toLowerCase().replace(/-/g,"_");m.id=`${g}_${Math.random().toString().slice(2,6)}`}return m}function p(o){const{properties:d,title:h,required:l}=o;if(l&&Array.isArray(l)){const i=l.reduce((m,g)=>(m[g]=d[g].type==="object"&&d[g].properties?a(d[g]):H.cloneDeep(d[g].default),m),{});if(h&&l.find(m=>m==="id")){const m=h.toLowerCase().replace(/-/g,"_");i.id=`${m}_${Math.random().toString().slice(2,6)}`}return i}return{type:h}}function w(o,d={},h){const l=e[o];if(l){let i=p(l);const m=t[o];return i=m?m({getSchemaByType:w},i,d,h):i,r!=null&&r.appendIdentifyForNewControl&&r.appendIdentifyForNewControl(i),i}return null}function u(o,d){const h=a(d);return Object.keys(h).reduce((l,i)=>(Object.prototype.hasOwnProperty.call(o,i)&&(l[i]&&H.isPlainObject(l[i])&&H.isPlainObject(o[i]||!o[i])?Object.assign(l[i],o[i]||{}):l[i]=o[i]),l),h),h}function c(o,d){return Object.keys(o).filter(l=>o[l]!=null).reduce((l,i)=>{if(d.has(i)){const m=d.get(i);if(typeof m=="string")l[m]=o[i];else{const g=m(i,o[i],o);Object.assign(l,g)}}else l[i]=o[i];return l},{})}function y(o,d,h=new Map){const l=u(o,d);return c(l,h)}function s(o){var h;const d=o.type;if(d){const l=e[d];if(!l)return o;const i=u(o,l),m=((h=o.editor)==null?void 0:h.type)||"";if(m){const g=e[m],N=u(o.editor,g);i.editor=N}return i}return o}function f(o){r=o}return{getSchemaByType:w,resolveSchemaWithDefaultValue:s,resolveSchemaToProps:y,mappingSchemaToProps:c,setDesignerContext:f}}const Q={},X={},{getSchemaByType:Ie,resolveSchemaWithDefaultValue:me,resolveSchemaToProps:ge,mappingSchemaToProps:ve,setDesignerContext:Ke}=J(Q,X);function be(e={}){function t(s,f,o,d){if(typeof o=="number")return d[s].length===o;if(typeof o=="object"){const h=Object.keys(o)[0],l=o[h];if(h==="not")return Number(d[s].length)!==Number(l);if(h==="moreThan")return Number(d[s].length)>=Number(l);if(h==="lessThan")return Number(d[s].length)<=Number(l)}return!1}function r(s,f,o,d){return d[s]&&d[s].propertyValue&&String(d[s].propertyValue.value)===String(o)}const a=new Map([["length",t],["getProperty",r]]);Object.keys(e).reduce((s,f)=>(s.set(f,e[f]),s),a);function p(s,f){const o=s;return typeof f=="number"?[{target:o,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:o,operator:"getProperty",param:s,value:!!f}]:typeof f=="object"?Object.keys(f).map(d=>{if(d==="length")return{target:o,operator:"length",param:null,value:f[d]};const h=d,l=f[d];return{target:o,operator:"getProperty",param:h,value:l}}):[]}function w(s){return Object.keys(s).reduce((o,d)=>{const h=p(d,s[d]);return o.push(...h),o},[])}function u(s,f){if(a.has(s.operator)){const o=a.get(s.operator);return o&&o(s.target,s.param,s.value,f)||!1}return!1}function c(s,f){return w(s).reduce((h,l)=>h&&u(l,f),!0)}function y(s,f){const o=Object.keys(s),d=o.includes("allOf"),h=o.includes("anyOf"),l=d||h,g=(l?s[l?d?"allOf":"anyOf":"allOf"]:[s]).map(V=>c(V,f));return d?!g.includes(!1):g.includes(!0)}return{parseValueSchema:y}}const ye={convertTo:(e,t,r,a)=>{e.appearance||(e.appearance={}),e.appearance[t]=r},convertFrom:(e,t,r)=>e.appearance?e.appearance[t]:e[t]},he={convertFrom:(e,t,r)=>e.buttons&&e.buttons.length?`共 ${e.buttons.length} 项`:"无"},Ne={convertTo:(e,t,r,a)=>{e.editor&&(e.editor[t]=r)},convertFrom:(e,t,r)=>e.editor&&Object.prototype.hasOwnProperty.call(e.editor,t)?e.editor[t]:e[t]},Y={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},Se={convertFrom:(e,t,r)=>{var p;const a=e.editor&&e.editor[t]?e.editor[t]:e[t];return((p=Y[a])==null?void 0:p.name)||a}},we={convertTo:(e,t,r,a)=>{e[t]=e[t]},convertFrom:(e,t,r)=>e.editor?r.getRealEditorType(e.editor.type):""},Te={convertTo:(e,t,r,a)=>{(e.type==="data-grid-column"||e.type==="tree-grid-column")&&(e.formatter?e.formatter[t]=r:e.formatter={[t]:r})},convertFrom:(e,t,r)=>{if(e.formatter){if(t==="trueText")return e.formatter.trueText;if(t==="falseText")return e.formatter.falseText;if(t==="prefix")return e.formatter.prefix;if(t==="suffix")return e.formatter.suffix;if(t==="precision")return e.formatter.precision;if(t==="decimal")return e.formatter.decimal;if(t==="thousand")return e.formatter.thousand;if(t==="tempDateFormat")return e.formatter.dateFormat==="yyyy年MM月dd日"?"yearMonthDay":e.formatter.dateFormat==="yyyy-MM-dd HH:mm:ss"?"yyyy-MM-ddTHH:mm:ss":e.formatter.dateFormat==="yyyy/MM/dd HH:mm:ss"?"yyyy/MM/ddTHH:mm:ss":e.formatter.dateFormat==="yyyy年MM月dd日 HH时mm分ss秒"?"yearMonthDayHourMinuteSecond":e.formatter.tempDateFormat||e.formatter.dateFormat||"yyyy-MM-dd";if(t==="customFormat")return e.formatter.customFormat;if(t==="type")return e.formatter.type||"none"}return"none"}},Pe={convertTo:(e,t,r,a)=>{e.command?e.command[t]=r:e.command={[t]:r},t==="enable"&&r&&(e.command.commands||(e.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(e,t,r)=>e.command&&t==="enable"?e.command.enable:""},Fe={convertTo:(e,t,r,a)=>{e.column?e.column[t]=r:e.column={[t]:r},t==="fitColumns"&&r&&(e.column.fitMode||(e.column.fitMode="average"))},convertFrom:(e,t,r)=>{if(e.column){if(t==="fitColumns")return e.column.fitColumns;if(t==="fitMode")return e.column.fitMode}return""}},Ve={convertTo:(e,t,r,a)=>{e.summary?e.summary[t]=r:e.summary={[t]:r},t==="enable"&&r&&(e.summary?e.summary.groupFields||(e.summary.groupFields=[]):e.summary={enable:r,groupFields:[]})},convertFrom:(e,t,r)=>e.summary&&t==="enable"?e.summary.enable:e.type==="data-grid-column"?e.enableSummary===void 0?!1:e.enableSummary:""},Me={convertTo:(e,t,r,a)=>{e.group?e.group[t]=r:e.group={[t]:r},t==="enable"&&r&&(e.group?e.group.groupFields||(e.group.groupFields=[]):e.group={enable:r,groupFields:[],showSummary:!1})},convertFrom:(e,t,r)=>{if(e.group){if(t==="enable")return e.group.enable;if(t==="showSummary")return e.group.showSummary}}},je={convertFrom:(e,t)=>e.binding?e.binding.path:"",convertTo:(e,t,r)=>{if(r&&r.length>0){const a=r[0];e.binding||(e.binding={}),e.binding.type="Form",e.binding.path=a.bindingField,e.binding.field=a.id,e.binding.fullPath=a.path,e.path=a.bindingPath}}},Oe={convertTo:(e,t,r,a)=>{e.pagination||(e.pagination={}),e.pagination[t]=r},convertFrom:(e,t,r)=>e.pagination?e.pagination[t]:e[t]},ke={convertTo:(e,t,r,a)=>{e.rowNumber||(e.rowNumber={}),e.rowNumber[t]=r},convertFrom:(e,t,r)=>e.rowNumber?e.rowNumber[t]:e[t]},Be={convertTo:(e,t,r,a)=>{e.selection||(e.selection={}),e.selection[t]=r},convertFrom:(e,t,r)=>e.selection?e.selection[t]:e[t]},De={convertFrom:(e,t,r)=>e[t]&&e[t].length?`共 ${e[t].length} 项`:""},$e={convertFrom:(e,t)=>e[t]||"",convertTo:(e,t,r)=>{e[t]=r}},Ee={convertTo:(e,t,r,a)=>{e.size||(e.size={}),e.size[t]=r},convertFrom:(e,t,r)=>e.size?e.size[t]:e[t]},Ce={convertFrom:(e,t,r)=>{var a,p;return(a=e.formatter)!=null&&a.data&&t==="formatterEnumData"&&!e.formatterEnumData?(p=e.formatter)==null?void 0:p.data:e.formatterEnumData}},Le={convertTo:(e,t,r,a)=>{e.sort||(e.sort={}),e.sort[t]=r},convertFrom:(e,t,r)=>{var a,p;if(t==="mode")return((a=e.sort)==null?void 0:a.mode)||"client";if(t==="multiSort")return!!((p=e.sort)!=null&&p.multiSort)}},ze={convertTo:(e,t,r,a)=>{e.filter||(e.filter={}),e.filter[t]=r},convertFrom:(e,t,r)=>{var a;if(t==="mode")return((a=e.filter)==null?void 0:a.mode)||"client"}},xe={convertTo:(e,t,r,a)=>{e.rowOption?e.rowOption[t]=r:e.rowOption={[t]:r}},convertFrom:(e,t,r)=>{if(e.rowOption){if(t==="customRowStyle")return e.rowOption.customRowStyle;if(t==="customCellStyle")return e.rowOption.customCellStyle}return""}};function Z(e,t,r){const a=new Map([["/converter/appearance.converter",ye],["/converter/buttons.converter",he],["/converter/property-editor.converter",Ne],["/converter/items-count.converter",De],["/converter/type.converter",Se],["/converter/change-editor.converter",we],["/converter/change-formatter.converter",Te],["/converter/column-command.converter",Pe],["/converter/column-option.converter",Fe],["/converter/summary.converter",Ve],["/converter/group.converter",Me],["/converter/form-group-label.converter",$e],["/converter/field-selector.converter",je],["/converter/pagination.converter",Oe],["/converter/row-number.converter",ke],["/converter/grid-selection.converter",Be],["/converter/size.converter",Ee],["/converter/change-formatter-enum.converter",Ce],["/converter/grid-sort.converter",Le],["/converter/grid-filter.converter",ze],["/converter/row-option.converter",xe]]),p=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),w=be();function u(l,i){return()=>w.parseValueSchema(l,i)}function c(l,i,m){return l.includes("visible")&&i.visible!==void 0?typeof i.visible=="boolean"?()=>!!i.visible:i.visible===void 0?!0:u(i.visible,m):()=>!0}function y(l,i,m){return l.includes("readonly")&&i.readonly!==void 0?typeof i.readonly=="boolean"?()=>!!i.readonly:u(i.readonly,m):()=>!1}function s(l,i){const m=l.$converter||i;return typeof m=="string"&&m&&a.has(m)?a.get(m)||null:m||null}function f(l,i,m,g,N,V="",E=""){return Object.keys(l).map(F=>{const O=n.ref(1),j=F,b=l[F],k=Object.keys(b),z=b.title,v=b.type,T=p.get(v)||{type:"input-group",enableClear:!1},S=b.editor?Object.assign({},T,b.editor):Object.assign({},T),P=c(k,b,i),M=y(k,b,i);S.readonly=S.readonly===void 0?M():S.readonly;const C=b.type==="cascade"?f(b.properties,i,m,g,N,V,E):[],R=!0;let D=s(b,E);const x=n.computed({get(){if(O.value){if(["class","style"].find(Ze=>Ze===j)&&!D&&(D=a.get("/converter/appearance.converter")||null),D&&D.convertFrom)return D.convertFrom(m,F,N,V);const A=m[F];return Object.prototype.hasOwnProperty.call(b,"defaultValue")&&(A===void 0||typeof A=="string"&&A==="")?b.type==="boolean"?b.defaultValue:b.defaultValue||"":A}return null},set(A){O.value+=1,D&&D.convertTo?(D.convertTo(g,F,A,N,V),D.convertTo(m,F,A,N,V)):(g[F]=A,m[F]=A)}}),{refreshPanelAfterChanged:B,description:G,isExpand:Xe,parentPropertyID:Ye}=b,pe={propertyID:j,propertyName:z,propertyType:v,propertyValue:x,editor:S,visible:P,readonly:M,cascadeConfig:C,hideCascadeTitle:R,refreshPanelAfterChanged:B,description:G,isExpand:Xe,parentPropertyID:Ye};return i[j]=pe,pe})}function o(l,i,m={}){const g={},N=e[l];return N&&N.categories?Object.keys(N.categories).map(E=>{const $=N.categories[E],F=$==null?void 0:$.title,O=f($.properties||{},g,{},m,i);return{categoryId:E,categoryName:F,properties:O}}):[]}function d(l,i,m,g,N=""){const V=i.$ref.schema,E=i.$ref.converter,$=m[V],F=$.type,O=r($),j={},b=e[F];if(b&&b.categories){const k=b.categories[l],z=k==null?void 0:k.title;E&&Object.keys(k.properties).forEach(S=>{k.properties[S].$converter=E});const v=(k==null?void 0:k.properties)||{},T=f(v,j,O,$,g,N);return{categoryId:l,categoryName:z,properties:T}}return{categoryId:l,categoryName:"",properties:[]}}function h(l,i,m,g,N){const V=l.type,E=r(l),$={};let F=N||e[V];if(F&&Object.keys(F).length===0&&m&&m.getPropConfig&&(F=m.getPropConfig(g)),F&&F.categories){const O=[];return Object.keys(F.categories).map(j=>{const b=F.categories[j];if(b.$ref){O.push(d(j,b,l,i,g));return}const k=b==null?void 0:b.title,z=b==null?void 0:b.tabId,v=b==null?void 0:b.tabName,T=b==null?void 0:b.hide,S=b==null?void 0:b.hideTitle,P=f(b.properties||{},$,E,l,i,g,b.$converter),{setPropertyRelates:M}=b,C=b==null?void 0:b.parentPropertyID;O.push({categoryId:j,categoryName:k,tabId:z,tabName:v,hide:T,properties:P,hideTitle:S,setPropertyRelates:M,parentPropertyID:C})}),O}return[]}return{getPropertyConfigBySchema:h,getPropertyConfigByType:o,propertyConverterMap:a}}const I={},K={};Z(I,K,me);const ee={},te={},{getSchemaByType:et,resolveSchemaWithDefaultValue:Re,resolveSchemaToProps:tt,mappingSchemaToProps:nt,setDesignerContext:rt}=J(ee,te),ne={},re={};Z(ne,re,Re);function Ae(e,t,r=new Map,a=(u,c,y,s)=>c,p={},w=u=>u){return Q[t.title]=t,X[t.title]=a,I[t.title]=p,K[t.title]=w,ee[t.title]=t,te[t.title]=a,ne[t.title]=p,re[t.title]=w,(u={},c=!0)=>{if(!c)return ve(u,r);const y=ge(u,t,r),s=Object.keys(e).reduce((f,o)=>(f[o]=e[o].default,f),{});return Object.assign(s,y)}}function qe(e,t){return{customClass:t.class,customStyle:t.style}}const Ge=new Map([["appearance",qe]]),He={$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"]},We={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 _e(e,t,r){return t}const W={currentPage:{type:Number,default:1},disabled:{type:Boolean,default:!1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0},showGoButton:{type:Boolean,default:!1},showPageList:{type:Boolean,default:!0},showPageNumbers:{type:Boolean,default:!0},showRedirection:{type:Boolean,default:!0},pageList:{type:Array,default:[20,50,100]},showPageInfo:{type:Boolean,default:!1}},U=Ae(W,He,Ge,_e,We);function oe(e,t,r,a){const{t:p}=_.useI18n(),w=n.ref(p("pagination.goto.prefix")),u=n.ref(""),c=n.ref(e.value);n.watch(c,(o,d)=>{o>=1&&o<=t.value?e.value=o:c.value=d}),n.watch(e,o=>{c.value!==o&&(c.value=o)});function y(o){c.value=o.target.valueAsNumber,a.emit("update:currentPage",c.value),a.emit("changed",{pageIndex:c.value,pageSize:r.value}),a.emit("pageIndexChanged",{pageIndex:c.value,pageSize:r.value})}function s(o){o.key==="Enter"&&(c.value=o.target.valueAsNumber,a.emit("update:currentPage",c.value),a.emit("changed",{pageIndex:c.value,pageSize:r.value}),a.emit("pageIndexChanged",{pageIndex:c.value,pageSize:r.value}))}function f(){return n.createVNode("li",{class:"page-goto-input d-flex flex-row",style:"padding-left: 10px; white-space: nowrap;"},[n.createVNode("span",{class:"pagination-message"},[w.value]),n.createVNode("input",{title:"page-index-spinner",type:"number",class:"form-control farris-gotopagenumber",value:c.value,min:1,max:t.value,style:"display: inline-block;margin-left:3px;",onBlur:o=>y(o),onKeyup:o=>s(o)},null),u.value])}return{renderGotoButton:f}}function ae(e,t,r,a,p){const w=n.computed(()=>({"page-item":!0,disabled:t.value}));function u(f){e.value=e.value<r.value?e.value+1:r.value,p.emit("update:currentPage",e.value),p.emit("changed",{pageIndex:e.value,pageSize:a.value}),p.emit("pageIndexChanged",{pageIndex:e.value,pageSize:a.value})}function c(f){e.value=r.value,p.emit("update:currentPage",e.value),p.emit("changed",{pageIndex:e.value,pageSize:a.value}),p.emit("pageIndexChanged",{pageIndex:e.value,pageSize:a.value})}function y(){return n.createVNode("li",{class:w.value},[!t.value&&n.createVNode("a",{class:"page-link",tabindex:"0",onClick:f=>u()},[n.createVNode("span",{class:"f-icon f-page-next"},null)]),t.value&&n.createVNode("span",{class:"page-link"},[n.createVNode("span",{class:"f-icon f-page-next"},null)])])}function s(){return n.createVNode("li",{class:w.value},[!t.value&&n.createVNode("a",{class:"page-link",tabindex:"0",onClick:f=>c()},[n.createVNode("span",{class:"f-icon f-page-last"},null)]),t.value&&n.createVNode("span",{class:"page-link"},[n.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:s,renderNextPage:y}}function ie(e,t){const{t:r}=_.useI18n(),a=n.ref(r("pagination.totalInfo.firstText")),p=n.ref(r("pagination.totalInfo.lastText")),w=n.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":e.value==="right","flex-fill":e.value==="right"}));function u(){return n.createVNode("li",{class:w.value},[n.createVNode("div",{class:"text-truncate"},[n.createVNode("span",{class:"pg-message-text"},[a.value]),n.createVNode("b",{class:"pg-message-total"},[t.value]),n.createVNode("span",{class:"pg-message-text"},[p.value])])])}return{renderPageInfo:u}}function le(e,t,r,a,p){const{t:w}=_.useI18n(),u=n.ref(!1),c=n.ref(w("pagination.show")),y=n.ref(w("pagination.totalInfo.lastText")),s=n.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":a.value===0,show:u.value})),f=n.computed(()=>({"dropdown-menu":!0,show:u.value})),o=g=>({"w-100":!0,"dropdown-item":!0,active:t.value===g});function d(g){u.value=!0}function h(g){u.value=!1}function l(g,N,V){const $=g*N-N+1;return Math.ceil($/V)}function i(g,N){const V=e.value;e.value=l(e.value,t.value,N),V!==e.value&&p.emit("update:currentPage",e.value),t.value=N,u.value=!1,p.emit("update:pageSize",t.value),p.emit("changed",{pageIndex:e.value,pageSize:t.value}),p.emit("pageSizeChanged",{pageIndex:e.value,pageSize:t.value})}function m(){return n.createVNode("li",{class:"pagination-pagelist"},[n.createVNode("div",{class:s.value,onMouseenter:g=>d(),onMouseleave:g=>h()},[n.createVNode("div",{class:"pg-pagelist-info"},[n.createVNode("span",{class:"pagelist-text"},[c.value]),n.createVNode("b",{class:"cur-pagesize"},[t.value]),n.createVNode("span",{class:"pagelist-text"},[y.value]),n.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),n.createVNode("div",{class:f.value,style:"margin-bottom: -1px;"},[r.value.map(g=>n.createVNode("li",{class:o(g),onClick:N=>i(N,g)},[n.createVNode("span",null,[g])]))])])])}return{renderPageList:m}}function se(e,t,r,a,p){const w=s=>({"page-item":!0,current:t.value===s.value,ellipsis:s.label==="...",disabled:e.disabled}),u=s=>({"f-icon":!0,"f-icon-arrow-seek-left":s.value<t.value,"f-icon-arrow-seek-right":s.value>t.value});function c(s,f){t.value=f,p.emit("update:currentPage",t.value),p.emit("changed",{pageIndex:t.value,pageSize:a.value}),p.emit("pageIndexChanged",{pageIndex:t.value,pageSize:a.value})}function y(){return r.value.map(s=>n.createVNode("li",{class:w(s),key:s.value+""},[t.value!==s.value&&n.createVNode("a",{class:"page-link",tabindex:"0",onClick:f=>c(f,s.value)},[n.createVNode("span",{class:"page-link-label"},[s.label]),s.label==="..."&&n.createVNode("i",{class:u(s)},null)]),t.value===s.value&&n.createVNode("span",{class:"page-link"},[s.label])]))}return{renderPageNumbers:y}}function ce(e,t,r,a,p){const w=n.computed(()=>({"page-item":!0,disabled:t.value}));function u(f){e.value=1,p.emit("update:currentPage",e.value),p.emit("changed",{pageIndex:e.value,pageSize:a.value}),p.emit("pageIndexChanged",{pageIndex:e.value,pageSize:a.value})}function c(f){e.value=e.value>2?e.value-1:1,p.emit("update:currentPage",e.value),p.emit("changed",{pageIndex:e.value,pageSize:a.value}),p.emit("pageIndexChanged",{pageIndex:e.value,pageSize:a.value})}function y(){return n.createVNode("li",{class:w.value},[r.value&&n.createVNode("a",{tabindex:"0",class:"page-link",onClick:f=>u()},[n.createVNode("span",{class:"f-icon f-page-first"},null)]),t.value&&n.createVNode("span",{class:"page-link"},[n.createVNode("span",{class:"f-icon f-page-first"},null)])])}function s(){return n.createVNode("li",{class:w.value},[r.value&&n.createVNode("a",{tabindex:"0",class:"page-link",onClick:f=>c()},[n.createVNode("span",{class:"f-icon f-page-pre"},null)]),t.value&&n.createVNode("span",{class:"page-link"},[n.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:y,renderPreviousPage:s}}function ue(e){const t=n.ref([]);function r(p,w,u,c){const y=Math.ceil(u/2);return p===u?c:p===1?p:u<c?c-y<w?c-u+p:y<w?w-y+p:p:p}function a(p,w,u,c){const y=[],s=Math.ceil(u/w),f=Math.ceil(c/2),o=p<=f,d=s-f<p,h=!o&&!d,l=c<s;let i=1;for(;i<=s&&i<=c;){const m=r(i,p,c,s),g=i===2&&(h||d),N=i===c-1&&(h||o),V=l&&(g||N)?"...":""+m;y.push({label:V,value:m}),i++}t.value=y}return{pages:t,updatePages:a}}const q=n.defineComponent({name:"FPagination",props:W,emits:["changed","pageIndexChanged","pageSizeChanged","update:currentPage","update:pageSize"],setup(e,t){const r=n.ref(!1),a=n.ref(e.mode),p=n.ref(""),w=n.ref(!1),u=n.ref(e.pageSize),c=n.ref(e.currentPage),y=n.ref(e.totalItems),{pages:s,updatePages:f}=ue(),o={position:"relative"},d={position:"absolute",right:"0",zIndex:1,background:"rgba(250,250,252,.6)",width:"100%",height:"100%"},h=n.computed(()=>!y.value||c.value===1),l=n.computed(()=>e.pageList),i=n.computed(()=>Math.ceil(y.value/u.value)),m=n.computed(()=>!y.value||c.value===i.value),g=n.computed(()=>e.showGoButton),N=n.computed(()=>!!y.value&&c.value>1),V=n.computed(()=>!(w.value&&s.value.length<=1)),E=n.computed(()=>e.showPageInfo),$=n.computed(()=>e.showPageList),F=n.computed(()=>e.showPageNumbers),O=n.computed(()=>!0),{renderFirstPage:j,renderPreviousPage:b}=ce(c,h,N,u,t),{renderLastPage:k,renderNextPage:z}=ae(c,m,i,u,t),{renderPageInfo:v}=ie(p,y),{renderPageList:T}=le(c,u,l,y,t),{renderPageNumbers:S}=se(e,c,s,u,t),{renderGotoButton:P}=oe(c,i,u,t);f(c.value,u.value,y.value,7),n.watch(()=>e.totalItems,B=>{y.value=B,f(c.value,u.value,y.value,7)}),n.watch(()=>e.currentPage,(B,G)=>{B!==G&&(c.value=B,f(c.value,u.value,y.value,7))}),n.watch(()=>e.pageSize,(B,G)=>{B!==G&&(u.value=B,f(c.value,u.value,y.value,7))}),n.watchEffect(()=>{if(!l.value||!l.value.length)return;const B=l.value.includes(u.value);u.value=B?u.value:l.value[0],B||t.emit("update:pageSize",u.value)})();const C=n.computed(()=>({"d-flex":!0,"flex-wrap":!0,"justify-content-end":!0,"w-100":!0,"ngx-pagination":!0,pagination:!0,responsive:r.value,"pager-viewmode-default":a.value==="default","pager-viewmode-simple":a.value==="simple"})),R=n.computed(()=>({position:"relative","justify-content":p.value==="center"?"center":"start"}));function D(){return n.createVNode(n.Fragment,null,[E.value&&v(),$.value&&T(),O.value&&j(),O.value&&b(),F.value&&S(),O.value&&z(),O.value&&k(),g.value&&P()])}function x(){return n.createVNode(n.Fragment,null,[n.createVNode("li",{class:"page-item d-flex flex-fill"},null),O.value&&j(),O.value&&b(),P(),n.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[n.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[n.createTextVNode(" /")])]),n.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[n.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[n.createTextVNode(" "),i.value])]),O.value&&z(),O.value&&k()])}return()=>n.createVNode("div",{class:"pagination-container",style:o},[e.disabled&&n.createVNode("div",{style:d},null),V.value&&n.createVNode("ul",{role:"navigation",class:C.value,style:R.value},[a.value==="default"?D():x()])])}});function Ue(e,t,r){var z;const a="",p="",w=n.ref();let u;function c(){return(t==null?void 0:t.schema.componentType)!=="frame"}function y(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function f(){return(t==null?void 0:t.schema.componentType)==="frame"}function o(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const T=n.ref(v==null?void 0:v.value.parent),S=o(T);return S||null}function d(v=t){var M;const{componentInstance:T,designerItemElementRef:S}=v;if(!T||!T.value)return null;const{getCustomButtons:P}=T.value;return T.value.canMove||P&&((M=P())!=null&&M.length)?S:d(v.parent)}function h(v){return!!r}function l(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function i(){}function m(v,T){var S;!v||!T||(S=t==null?void 0:t.setupContext)==null||S.emit("dragEnd")}function g(v,T){const{componentType:S}=v;let P=fe.getSchemaByTypeForDesigner(S,v,T);const M=S.toLowerCase().replace(/-/g,"_");return P&&!P.id&&P.type===S&&(P.id=`${M}_${Math.random().toString().slice(2,6)}`),P}function N(v){}function V(...v){}function E(v){if(!v)return;const T=t==null?void 0:t.schema,{formSchemaUtils:S}=v;if(T&&S.getExpressions().length){const P=S.getExpressions().findIndex(M=>M.target===T.id);P>-1&&S.getExpressions().splice(P,1)}}function $(v){if(!v||!(t!=null&&t.schema))return;const T=t.schema,{formSchemaUtils:S}=v;S.removeCommunicationInComponent(T)}function F(v){E(v),$(v),t!=null&&t.schema.contents&&t.schema.contents.map(T=>{let S=T.id;T.type==="component-ref"&&(S=T.component);const P=e.value.querySelectorAll(`#${S}-design-item`);P!=null&&P.length&&Array.from(P).map(M=>{var C;(C=M==null?void 0:M.componentInstance)!=null&&C.value.onRemoveComponent&&M.componentInstance.value.onRemoveComponent(v)})})}function O(){}function j(v){var S,P;if(!((S=t==null?void 0:t.schema)!=null&&S.id))return;!u&&v&&(u=v.formSchemaUtils);let T="";{const{text:M,title:C,label:R,mainTitle:D,name:x,type:B}=t.schema;T=M||C||R||D||x||((P=Y[B])==null?void 0:P.name)}T&&u.getControlBasicInfoMap().set(t.schema.id,{componentTitle:T,parentPathName:T})}function b(v){var M;const{changeObject:T}=v,{propertyID:S,propertyValue:P}=T;if(["text","title","label","name","mainTitle"].includes((M=v==null?void 0:v.changeObject)==null?void 0:M.propertyID)&&S&&P&&(j(),u)){const C=u.getControlBasicInfoMap(),R=C.keys().toArray().filter(D=>{var x,B;return((x=C.get(D))==null?void 0:x.reliedComponentId)===((B=t==null?void 0:t.schema)==null?void 0:B.id)});R!=null&&R.length&&R.forEach(D=>{const x=C.get(D).parentPathName.split(" > ");x[0]=P,C.get(D).parentPathName=x.join(" > ")})}}function k(v){b(v)}return w.value={canMove:c(),canSelectParent:y(),canDelete:s(),canNested:!f(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(z=t==null?void 0:t.parent)==null?void 0:z.componentInstance,schema:t==null?void 0:t.schema,styles:a,designerClass:p,canAccepts:h,getBelongedComponentInstance:o,getDraggableDesignItemElement:d,getDraggingDisplayText:l,getPropConfig:V,getDragScopeElement:i,onAcceptMovedChildElement:m,onChildElementMovedOut:N,addNewChildComponentSchema:g,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1),onRemoveComponent:F,getCustomButtons:O,onPropertyChanged:k,setComponentBasicInfoMap:j,updateContextSchema:t==null?void 0:t.updateContextSchema},w}const Je=n.defineComponent({name:"FPagination",props:W,emits:["pageIndexChanged","pageSizeChanged"],setup(e,t){const r=n.ref(!1),a=n.ref(e.mode),p=n.ref(""),w=n.ref(!1),u=n.ref(e.pageSize),c=n.ref(e.currentPage),y=n.ref(e.totalItems),s=n.ref(),f=n.inject("design-item-context"),o=Ue(s,f);n.onMounted(()=>{s.value.componentInstance=o}),t.expose(o.value);const{pages:d,updatePages:h}=ue(),l=n.computed(()=>c.value===1),i=n.computed(()=>[20,50,100]),m=n.computed(()=>Math.ceil(y.value/u.value)),g=n.computed(()=>c.value===m.value),N=n.computed(()=>!0),V=n.computed(()=>c.value>1),E=n.computed(()=>!(w.value&&d.value.length<=1)),$=n.computed(()=>!0),F=n.computed(()=>!0),O=n.computed(()=>!0),j=n.computed(()=>!0),{renderFirstPage:b,renderPreviousPage:k}=ce(c,l,V,u,t),{renderLastPage:z,renderNextPage:v}=ae(c,g,m,u,t),{renderPageInfo:T}=ie(p,y),{renderPageList:S}=le(c,u,i,y,t),{renderPageNumbers:P}=se(e,c,d,u,t),{renderGotoButton:M}=oe(c,m,u,t);h(c.value,u.value,y.value,7),n.watch([c,u],()=>{h(c.value,u.value,y.value,7)}),n.watch(c,()=>{t.emit("pageIndexChanged",c.value)}),n.watch(u,()=>{t.emit("pageSizeChanged",u.value)});const C=n.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:r.value,"pager-viewmode-default":a.value==="default","pager-viewmode-simple":a.value==="simple"})),R=n.computed(()=>({position:"relative","justify-content":p.value==="center"?"center":"start"}));function D(){return n.createVNode(n.Fragment,null,[$.value&&T(),F.value&&S(),j.value&&b(),j.value&&k(),O.value&&P(),j.value&&v(),j.value&&z(),N.value&&M()])}function x(){return n.createVNode(n.Fragment,null,[n.createVNode("li",{class:"page-item d-flex flex-fill"},null),j.value&&b(),j.value&&k(),M(),n.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[n.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[n.createTextVNode(" /")])]),n.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[n.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[n.createTextVNode(" "),m.value])]),j.value&&v(),j.value&&z()])}return()=>n.createVNode("div",{ref:s,class:"pagination-container"},[E.value&&n.createVNode("ul",{role:"navigation",class:C.value,style:R.value},[a.value==="default"?D():x()])])}});q.register=(e,t,r)=>{e.pagination=q,t.pagination=U},q.registerDesigner=(e,t,r)=>{e.pagination=Je,t.pagination=U};const Qe=de.withInstall(q);L.FPagination=q,L.default=Qe,L.paginationProps=W,L.propsResolver=U,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});