vue-devui 1.0.0-rc.4 → 1.0.0-rc.7

package/overlay/index.umd.js

@@ -1 +1 @@
-var R=Object.defineProperty,T=Object.defineProperties;var $=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var x=(l,e,a)=>e in l?R(l,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[e]=a,B=(l,e)=>{for(var a in e||(e={}))z.call(e,a)&&x(l,a,e[a]);if(O)for(var a of O(e))D.call(e,a)&&x(l,a,e[a]);return l},E=(l,e)=>T(l,$(e));(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue,l.dom))})(this,function(l,e,a){"use strict";var M="";function S(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const V=e.defineComponent({setup(t,r){return()=>{let i;return e.createVNode(e.Teleport,{to:"#d-overlay-anchor"},{default:()=>[e.createVNode(e.Transition,{name:"devui-overlay-fade"},S(i=e.renderSlot(r.slots,"default"))?i:{default:()=>[i]})]})}}}),p={visible:{type:Boolean},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},onBackdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}},h=E(B({},p),{overlayStyle:{type:[String,Object],default:void 0}}),k=["update:visible","backdropClick"];function A(t,r){const i=e.computed(()=>["devui-overlay-background",t.backgroundClass,t.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),d=e.computed(()=>"devui-overlay"),n=o=>{var c;o.preventDefault(),(c=t.onBackdropClick)==null||c.call(t),t.backdropClose&&r.emit("update:visible",!1)},s=o=>o.cancelBubble=!0;return e.onMounted(()=>{const o=document.body,c=o.style.overflow,u=o.style.position;e.watch([()=>t.visible,()=>t.backgroundBlock],([f,v])=>{if(v){const y=o.getBoundingClientRect().y;f?(o.style.overflowY="scroll",o.style.position=f?"fixed":"",o.style.top=`${y}px`):(o.style.overflowY=c,o.style.position=u,o.style.top="",window.scrollTo(0,-y))}}),e.onUnmounted(()=>{document.body.style.overflow=c})}),{backgroundClass:i,overlayClass:d,handleBackdropClick:n,handleOverlayBubbleCancel:s}}var q="";const m=e.defineComponent({name:"DFixedOverlay",props:h,emits:k,setup(t,r){const{backgroundClass:i,overlayClass:d,handleBackdropClick:n,handleOverlayBubbleCancel:s}=A(t,r);return()=>e.createVNode(V,null,{default:()=>[t.visible&&e.createVNode("div",{class:i.value,style:t.backgroundStyle,onClick:n},[e.createVNode("div",{class:d.value,style:t.overlayStyle,onClick:s},[e.renderSlot(r.slots,"default")])])]})}}),C={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function j(t){const r=/(auto|scroll|hidden)/;for(let i=t;i=i.parentElement;i.parentElement!==document.body){const d=window.getComputedStyle(i);if(r.test(d.overflow+d.overflowX+d.overflowY))return i}return window}function P(t,r,i,d){let{x:n,y:s}=r;if(!t){const{width:o,height:c}=d;n&&i.includes("start")&&(n=12),n&&i.includes("end")&&(n=Math.round(o-24)),s&&i.includes("start")&&(s=10),s&&i.includes("end")&&(s=c-14)}return{x:n,y:s}}function L(t,r){const i=e.ref(),d=e.ref();let n=null;const s=(c,u,f,v)=>{const{x:y,y:w}=P(t.isArrowCenter,f,u,v.getBoundingClientRect()),b={top:"bottom",right:"left",bottom:"top",left:"right"}[u.split("-")[0]];Object.assign(c.style,{left:y?`${y}px`:"",top:w?`${w}px`:"",right:"",bottom:"",[b]:"-4px"})},o=async()=>{const c=t.origin,u=e.unref(i.value),f=e.unref(d.value),v=[a.shift(),a.offset(t.offset),a.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&v.push(a.arrow({element:f}));const{x:y,y:w,placement:b,middlewareData:_}=await a.computePosition(c,u,{strategy:"fixed",middleware:v});r("positionChange",b),Object.assign(u.style,{top:`${w}px`,left:`${y}px`}),t.showArrow&&s(f,b,_.arrow,u)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(n=j(t.origin),e.nextTick(o),n==null||n.addEventListener("scroll",o),n!==window&&window.addEventListener("scroll",o),window.addEventListener("resize",o)):(n==null||n.removeEventListener("scroll",o),n!==window&&window.removeEventListener("scroll",o),window.removeEventListener("resize",o))}),e.onUnmounted(()=>{n==null||n.removeEventListener("scroll",o),n!==window&&window.removeEventListener("scroll",o),window.removeEventListener("resize",o)}),{arrowRef:d,overlayRef:i,updatePosition:o}}var Y="";const g=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:C,emits:["update:modelValue","positionChange"],setup(t,{slots:r,attrs:i,emit:d,expose:n}){const{arrowRef:s,overlayRef:o,updatePosition:c}=L(t,d);return n({updatePosition:c}),()=>{var u;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:o,class:"devui-flexible-overlay"},i),[(u=r.default)==null?void 0:u.call(r),t.showArrow&&e.createVNode("div",{ref:s,class:"devui-flexible-overlay-arrow"},null)])}}}),N=typeof window!="undefined";var F={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"100%",install(t){if(t.component(m.name,m),t.component(g.name,g),N&&!document.getElementById("d-overlay-anchor")){const r=document.createElement("div");r.setAttribute("id","d-overlay-anchor"),r.style.position="fixed",r.style.left="0",r.style.top="0",r.style.zIndex="1000",document.body.appendChild(r)}}};l.FixedOverlay=m,l.FlexibleOverlay=g,l.default=F,l.fixedOverlayProps=h,l.flexibleOverlayProps=C,l.overlayEmits=k,l.overlayProps=p,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});
+var z=Object.defineProperty,D=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var A=(l,t,a)=>t in l?z(l,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[t]=a,j=(l,t)=>{for(var a in t||(t={}))q.call(t,a)&&A(l,a,t[a]);if(V)for(var a of V(t))X.call(t,a)&&A(l,a,t[a]);return l},P=(l,t)=>D(l,M(t));(function(l,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],t):(l=typeof globalThis!="undefined"?globalThis:l||self,t(l.index={},l.Vue,l.dom))})(this,function(l,t,a){"use strict";var I="";function L(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const N=t.defineComponent({setup(e,i){return()=>{let r;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>[t.createVNode(t.Transition,{name:"devui-overlay-fade"},L(r=t.renderSlot(i.slots,"default"))?r:{default:()=>[r]})]})}}}),p={visible:{type:Boolean},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},onBackdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}},k=P(j({},p),{overlayStyle:{type:[String,Object],default:void 0}}),C=["update:visible","backdropClick"];function F(e,i){const r=t.computed(()=>["devui-overlay-background",e.backgroundClass,e.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),d=t.computed(()=>"devui-overlay"),n=o=>{var c;o.preventDefault(),(c=e.onBackdropClick)==null||c.call(e),e.backdropClose&&i.emit("update:visible",!1)},s=o=>o.cancelBubble=!0;return t.onMounted(()=>{const o=document.body,c=o.style.overflow,f=o.style.position;t.watch([()=>e.visible,()=>e.backgroundBlock],([u,y])=>{if(y){const v=o.getBoundingClientRect().y;u?(o.style.overflowY="scroll",o.style.position=u?"fixed":"",o.style.top=`${v}px`):(o.style.overflowY=c,o.style.position=f,o.style.top="",window.scrollTo(0,-v))}}),t.onUnmounted(()=>{document.body.style.overflow=c})}),{backgroundClass:r,overlayClass:d,handleBackdropClick:n,handleOverlayBubbleCancel:s}}var U="";const m=t.defineComponent({name:"DFixedOverlay",props:k,emits:C,setup(e,i){const{backgroundClass:r,overlayClass:d,handleBackdropClick:n,handleOverlayBubbleCancel:s}=F(e,i);return()=>t.createVNode(N,null,{default:()=>[e.visible&&t.createVNode("div",{class:r.value,style:e.backgroundStyle,onClick:n},[t.createVNode("div",{class:d.value,style:e.overlayStyle,onClick:s},[t.renderSlot(i.slots,"default")])])]})}}),x={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function _(e){const i=/(auto|scroll|hidden)/;for(let r=e;r=r.parentElement;r.parentElement!==document.body){const d=window.getComputedStyle(r);if(i.test(d.overflow+d.overflowX+d.overflowY))return r}return window}function R(e,i,r,d){let{x:n,y:s}=i;if(!e){const{width:o,height:c}=d;n&&r.includes("start")&&(n=12),n&&r.includes("end")&&(n=Math.round(o-24)),s&&r.includes("start")&&(s=10),s&&r.includes("end")&&(s=c-14)}return{x:n,y:s}}function T(e,i){const r=t.ref(),d=t.ref();let n=null;const s=(c,f,u,y)=>{const{x:v,y:w}=R(e.isArrowCenter,u,f,y.getBoundingClientRect()),b={top:"bottom",right:"left",bottom:"top",left:"right"}[f.split("-")[0]];Object.assign(c.style,{left:v?`${v}px`:"",top:w?`${w}px`:"",right:"",bottom:"",[b]:"-4px"})},o=async()=>{const c=e.origin,f=t.unref(r.value),u=t.unref(d.value),y=[a.offset(e.offset),a.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&y.push(a.arrow({element:u})),e.shiftOffset!==void 0&&y.push(a.shift());const{x:v,y:w,placement:b,middlewareData:B}=await a.computePosition(c,f,{strategy:"fixed",middleware:y});let g=v,O=w;if(e.shiftOffset!==void 0){const{x:E,y:S}=B.shift;E<0&&(g-=e.shiftOffset),E>0&&(g+=e.shiftOffset),S<0&&(O-=e.shiftOffset),S>0&&(O+=e.shiftOffset)}i("positionChange",b),Object.assign(f.style,{top:`${O}px`,left:`${g}px`}),e.showArrow&&s(u,b,B.arrow,f)};return t.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(n=_(e.origin),t.nextTick(o),n==null||n.addEventListener("scroll",o),n!==window&&window.addEventListener("scroll",o),window.addEventListener("resize",o)):(n==null||n.removeEventListener("scroll",o),n!==window&&window.removeEventListener("scroll",o),window.removeEventListener("resize",o))}),t.onUnmounted(()=>{n==null||n.removeEventListener("scroll",o),n!==window&&window.removeEventListener("scroll",o),window.removeEventListener("resize",o)}),{arrowRef:d,overlayRef:r,updatePosition:o}}var G="";const h=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:x,emits:["update:modelValue","positionChange"],setup(e,{slots:i,attrs:r,emit:d,expose:n}){const{arrowRef:s,overlayRef:o,updatePosition:c}=T(e,d);return n({updatePosition:c}),()=>{var f;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:o,class:"devui-flexible-overlay"},r),[(f=i.default)==null?void 0:f.call(i),e.showArrow&&t.createVNode("div",{ref:s,class:"devui-flexible-overlay-arrow"},null)])}}}),Y=typeof window!="undefined";var $={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"100%",install(e){if(e.component(m.name,m),e.component(h.name,h),Y&&!document.getElementById("d-overlay-anchor")){const i=document.createElement("div");i.setAttribute("id","d-overlay-anchor"),i.style.position="fixed",i.style.left="0",i.style.top="0",i.style.zIndex="1000",document.body.appendChild(i)}}};l.FixedOverlay=m,l.FlexibleOverlay=h,l.default=$,l.fixedOverlayProps=k,l.flexibleOverlayProps=x,l.overlayEmits=C,l.overlayProps=p,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});

package/overlay/style.css

@@ -1 +1 @@
-@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}
+@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-rc.4",
+  "version": "1.0.0-rc.7",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -25,7 +25,7 @@
   "style": "style.css",
   "dependencies": {
     "@devui-design/icons": "^1.3.0",
-    "@floating-ui/dom": "^0.4.0",
+    "@floating-ui/dom": "^0.4.4",
     "@types/lodash-es": "^4.17.4",
     "@vueuse/core": "^7.7.1",
     "async-validator": "^4.0.2",

package/pagination/index.es.js

@@ -490,8 +490,30 @@ var Pagination = defineComponent({
   props: paginationProps,
   emits: ["pageIndexChange", "pageSizeChange", "update:pageSize", "update:pageIndex"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
+    const {
+      autoHide,
+      pageSizeOptions,
+      total,
+      canChangePageSize,
+      lite,
+      size,
+      pageSizeDirection,
+      showPageSelector,
+      canViewTotal,
+      totalItemText,
+      maxItems,
+      preLink,
+      nextLink,
+      showTruePageIndex,
+      canJumpPage,
+      goToText,
+      pageIndex,
+      showJumpButton,
+      haveConfigMenu
+    } = toRefs(props);
     const totalPages = computed(() => Math.ceil(props.total / props.pageSize));
     const litePageOptions = computed(() => liteSelectOptions(totalPages.value));
     const cursor = computed({
@@ -532,102 +554,64 @@ var Pagination = defineComponent({
     const litePageIndexChange = (page) => {
       changeCursorEmit(page.value);
     };
-    return {
-      cursor,
-      totalPages,
-      changeCursorEmit,
-      currentPageSize,
-      pageSizeChange,
-      litePageOptions,
-      litePageIndexChange
+    return () => {
+      return autoHide.value && Math.min(...pageSizeOptions.value) > total.value ? null : createVNode("div", {
+        "class": "devui-pagination"
+      }, [
+        canChangePageSize.value && !lite.value && createVNode("div", {
+          "class": ["devui-page-size", size.value ? "devui-page-size-" + size.value : ""]
+        }, [createVNode(resolveComponent("d-select"), {
+          "options": pageSizeOptions.value,
+          "modelValue": currentPageSize.value,
+          "onValueChange": pageSizeChange,
+          "pageSizeDirection": pageSizeDirection.value
+        }, null)]),
+        (!lite.value || lite.value && showPageSelector.value) && canViewTotal.value && createVNode("div", {
+          "class": "devui-total-size"
+        }, [totalItemText.value, createTextVNode(": "), total.value]),
+        lite.value && showPageSelector.value && createVNode("div", {
+          "class": "devui-page-size"
+        }, [createVNode(resolveComponent("d-select"), {
+          "options": litePageOptions.value,
+          "disabled": total.value === 0,
+          "modelValue": cursor.value,
+          "onValueChange": litePageIndexChange,
+          "pageSizeDirection": pageSizeDirection.value
+        }, null)]),
+        createVNode(resolveComponent("page-num-btn"), mergeProps({
+          cursor: cursor.value,
+          totalPages: totalPages.value,
+          size: size.value,
+          lite: lite.value,
+          maxItems: maxItems.value,
+          preLink: preLink.value,
+          nextLink: nextLink.value,
+          showTruePageIndex: showTruePageIndex.value
+        }, {
+          "onChangeCursorEmit": changeCursorEmit
+        }), null),
+        canJumpPage.value && !lite.value && createVNode(resolveComponent("jump-page"), mergeProps({
+          goToText: goToText.value,
+          size: size.value,
+          pageIndex: pageIndex.value,
+          totalPages: totalPages.value,
+          cursor: cursor.value,
+          showJumpButton: showJumpButton.value
+        }, {
+          "onChangeCursorEmit": changeCursorEmit
+        }), null),
+        lite.value && haveConfigMenu.value && createVNode(resolveComponent("config-menu"), {
+          currentPageSize: currentPageSize.value,
+          pageSizeChange,
+          pageSizeOptions: pageSizeOptions.value
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+          }
+        })
+      ]);
     };
-  },
-  render() {
-    const {
-      total,
-      pageIndex,
-      pageSizeOptions,
-      pageSizeDirection,
-      preLink,
-      nextLink,
-      size,
-      canJumpPage,
-      canChangePageSize,
-      canViewTotal,
-      totalItemText,
-      goToText,
-      maxItems,
-      showJumpButton,
-      showTruePageIndex,
-      lite,
-      showPageSelector,
-      haveConfigMenu,
-      autoHide,
-      $slots,
-      cursor,
-      totalPages,
-      currentPageSize,
-      pageSizeChange,
-      changeCursorEmit,
-      litePageOptions,
-      litePageIndexChange
-    } = this;
-    return autoHide && Math.min(...pageSizeOptions) > total ? null : createVNode("div", {
-      "class": "devui-pagination"
-    }, [
-      canChangePageSize && !lite && createVNode("div", {
-        "class": ["devui-page-size", size ? "devui-page-size-" + size : ""]
-      }, [createVNode(resolveComponent("d-select"), {
-        "options": pageSizeOptions,
-        "modelValue": currentPageSize,
-        "onValueChange": pageSizeChange,
-        "pageSizeDirection": pageSizeDirection
-      }, null)]),
-      (!lite || lite && showPageSelector) && canViewTotal && createVNode("div", {
-        "class": "devui-total-size"
-      }, [totalItemText, createTextVNode(": "), total]),
-      lite && showPageSelector && createVNode("div", {
-        "class": "devui-page-size"
-      }, [createVNode(resolveComponent("d-select"), {
-        "options": litePageOptions,
-        "disabled": total === 0,
-        "modelValue": cursor,
-        "onValueChange": litePageIndexChange,
-        "pageSizeDirection": pageSizeDirection
-      }, null)]),
-      createVNode(resolveComponent("page-num-btn"), mergeProps({
-        cursor,
-        totalPages,
-        size,
-        lite,
-        maxItems,
-        preLink,
-        nextLink,
-        showTruePageIndex
-      }, {
-        "onChangeCursorEmit": changeCursorEmit
-      }), null),
-      canJumpPage && !lite && createVNode(resolveComponent("jump-page"), mergeProps({
-        goToText,
-        size,
-        pageIndex,
-        totalPages,
-        cursor,
-        showJumpButton
-      }, {
-        "onChangeCursorEmit": changeCursorEmit
-      }), null),
-      lite && haveConfigMenu && createVNode(resolveComponent("config-menu"), {
-        currentPageSize,
-        pageSizeChange,
-        pageSizeOptions
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = $slots.default) == null ? void 0 : _a.call($slots)];
-        }
-      })
-    ]);
   }
 });
 var index = {

package/pagination/index.umd.js

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";const y={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"\u6240\u6709\u6761\u76EE"},goToText:{type:String,default:"\u8DF3\u81F3"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},F=(t,a,n)=>{const r=t,s=a;if(s>=n)return[2,n];const o=s-2;let i=r-(o>>1),c=r+(o-1>>1);return i<2&&(i=2,c=s-2),c>n&&(i=n-s+3,c=n),[i,c]};function L(t){return new Array(t||1).fill(0).map((a,n)=>({name:`${n+1}/${t}`,value:n+1}))}function C(t,a,n){document.addEventListener?t&&a&&n&&t.addEventListener(a,n,!1):t&&a&&n&&t.attachEvent("on"+a,n)}function j(t,a,n){document.removeEventListener?t&&a&&n&&t.removeEventListener(a,n,!1):t&&a&&n&&t.detachEvent("on"+a,n)}const M=typeof window!="undefined",g=Symbol("@@clickoutside"),h=new Map;let z,N=0,b=!0;function k(t,a,n){return M&&b&&(b=!1,C(document,"mousedown",r=>{z=r}),C(document,"mouseup",r=>{for(const[s,o]of h)o[g].documentHandler(r,z)})),function(r,s){!n||!a.instance||!r.target||!s.target||t.contains(r.target)||t.contains(s.target)||t===r.target||t[g].bindingFn&&t[g].bindingFn()}}const D={beforeMount:function(t,a,n){N++,h.set(N,t),t[g]={nid:N,documentHandler:k(t,a,n),bindingFn:a.value}},updated:function(t,a,n){t[g].documentHandler=k(t,a,n),t[g].bindingFn=a.value},unmounted:function(t){h.delete(t[g].nid),delete t[g]}};var H=e.defineComponent({directives:{clickoutside:D},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const t=e.ref(null),a=e.ref(!1),n=r=>{a.value=a.value?!1:!!r};return e.onMounted(()=>{C(t.value,"click",n)}),e.onUnmounted(()=>{j(t.value,"click",n)}),{paginationConfig:t,isShowConfig:a,closeConfigMenu:n}},render(){var i;const{closeConfigMenu:t,currentPageSize:a,pageSizeChange:n,pageSizeOptions:r,isShowConfig:s,$slots:o}=this;return e.withDirectives(e.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[e.createVNode("div",{class:"devui-setup-icon"},[e.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),s&&e.createVNode("div",{class:"devui-config-container"},[(i=o.default)==null?void 0:i.call(o),e.createVNode("div",{class:"pagination-config-item"},[e.createVNode("div",{class:"config-item-title"},[e.createTextVNode("\u6BCF\u9875\u6761\u6570")]),e.createVNode("div",{class:"devui-page-number"},[r.map(c=>e.createVNode("div",{class:{choosed:c===a},key:c,onClick:n.bind(null,{value:c})},[c]))])])])]),[[e.resolveDirective("clickoutside"),t]])}});const O={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var J=e.defineComponent({props:O,emits:["changeCursorEmit"],setup(t,{emit:a}){const{pageIndex:n,totalPages:r,cursor:s}=e.toRefs(t),o=e.ref(n==null?void 0:n.value);e.watch(()=>n==null?void 0:n.value,l=>{o.value=l});let i=n==null?void 0:n.value;return{inputNum:o,jumpPageChange:l=>{i=+l,o.value=l,isNaN(l)&&setTimeout(()=>{o.value=n==null?void 0:n.value},300)},jump:l=>{i>(r==null?void 0:r.value)||(l==="btn"||l.key==="Enter")&&(s==null?void 0:s.value)!==i&&a("changeCursorEmit",i)}}},render(){const{goToText:t,size:a,inputNum:n,jumpPageChange:r,jump:s,showJumpButton:o}=this,i={class:["devui-pagination-input",a?"devui-pagination-input-"+a:""],size:a,modelValue:String(n),"onUpdate:modelValue":r,onKeydown:s};return e.createVNode("div",{class:"devui-jump-container"},[t,e.createVNode(e.resolveComponent("d-input"),i,null),t==="\u8DF3\u81F3"&&"\u9875",o&&e.createVNode("div",{class:["devui-jump-button",a?"devui-jump-size-"+a:"devui-jump-size-default"],onClick:s.bind(null,"btn"),title:t},[e.createVNode("div",{class:"devui-pagination-go"},null)])])}});const A={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var U=e.defineComponent({props:A,emits:["changeCursorEmit"],setup(t,{emit:a}){return{showPageNum:e.computed(()=>F(t.cursor,t.maxItems,t.totalPages)),changeCursor:i=>{if(isNaN(i))return;const c=i<1?1:i>t.totalPages?t.totalPages:i|0;a("changeCursorEmit",c)},prevChange:i=>{if(t.cursor>1){const c=i===-1?t.cursor-1:i;a("changeCursorEmit",c)}},nextChange:i=>{if(t.cursor<t.totalPages){const c=i===-1?t.cursor+1:i;a("changeCursorEmit",c)}}}},render(){const{size:t,preLink:a,nextLink:n,lite:r,changeCursor:s,cursor:o,showPageNum:i,prevChange:c,totalPages:u,nextChange:l,showTruePageIndex:P}=this;return e.createVNode("ul",{class:["devui-pagination-list",t?"devui-pagination-"+t:""]},[e.createVNode("li",{onClick:c.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o<=1}},[e.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)]),!r&&e.createVNode(e.Fragment,null,[e.createVNode("li",{onClick:s.bind(null,1),class:{"devui-pagination-item":!0,active:o===1}},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("1")])]),i[0]>2&&e.createVNode("li",{onClick:c.bind(null,i[0]-1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),(()=>{const m=[];for(let p=i[0];p<=i[1];p++)m.push(e.createVNode("li",{onClick:s.bind(null,p),key:p,class:{"devui-pagination-item":!0,active:o===p}},[e.createVNode("a",{class:"devui-pagination-link"},[p])]));return m})(),i[1]<u-1&&e.createVNode("li",{onClick:l.bind(null,i[1]+1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),i[1]<u&&e.createVNode("li",{onClick:s.bind(null,u),class:{"devui-pagination-item":!0,active:o===u}},[e.createVNode("a",{class:"devui-pagination-link"},[u])]),P&&o>u&&u>0&&e.createVNode(e.Fragment,null,[o>u+1&&e.createVNode("li",{class:"devui-pagination-item disabled"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),e.createVNode("li",{class:"devui-pagination-item disabled active"},[e.createVNode("a",{class:"devui-pagination-link"},[o])])])]),e.createVNode("li",{onClick:l.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o>=u}},[e.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)])])}}),X="",V=e.defineComponent({name:"DPagination",components:{ConfigMenu:H,JumpPage:J,PageNumBtn:U},props:y,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(t,{emit:a}){const n=e.computed(()=>Math.ceil(t.total/t.pageSize)),r=e.computed(()=>L(n.value)),s=e.computed({get(){return!t.showTruePageIndex&&t.pageIndex>n.value?(a("update:pageIndex",n.value||1),n.value||1):t.pageIndex||1},set(l){a("update:pageIndex",l)}}),o=e.computed({get(){return t.pageSize},set(l){a("update:pageSize",l)}}),i=l=>{s.value=l,a("pageIndexChange",l)};return{cursor:s,totalPages:n,changeCursorEmit:i,currentPageSize:o,pageSizeChange:l=>{o.value=l.value,t.autoFixPageIndex&&e.nextTick(()=>{s.value>n.value&&i(n.value)}),a("pageSizeChange",l.value)},litePageOptions:r,litePageIndexChange:l=>{i(l.value)}}},render(){const{total:t,pageIndex:a,pageSizeOptions:n,pageSizeDirection:r,preLink:s,nextLink:o,size:i,canJumpPage:c,canChangePageSize:u,canViewTotal:l,totalItemText:P,goToText:m,maxItems:p,showJumpButton:q,showTruePageIndex:K,lite:f,showPageSelector:v,haveConfigMenu:R,autoHide:G,$slots:S,cursor:x,totalPages:T,currentPageSize:w,pageSizeChange:B,changeCursorEmit:E,litePageOptions:Q,litePageIndexChange:W}=this;return G&&Math.min(...n)>t?null:e.createVNode("div",{class:"devui-pagination"},[u&&!f&&e.createVNode("div",{class:["devui-page-size",i?"devui-page-size-"+i:""]},[e.createVNode(e.resolveComponent("d-select"),{options:n,modelValue:w,onValueChange:B,pageSizeDirection:r},null)]),(!f||f&&v)&&l&&e.createVNode("div",{class:"devui-total-size"},[P,e.createTextVNode(": "),t]),f&&v&&e.createVNode("div",{class:"devui-page-size"},[e.createVNode(e.resolveComponent("d-select"),{options:Q,disabled:t===0,modelValue:x,onValueChange:W,pageSizeDirection:r},null)]),e.createVNode(e.resolveComponent("page-num-btn"),e.mergeProps({cursor:x,totalPages:T,size:i,lite:f,maxItems:p,preLink:s,nextLink:o,showTruePageIndex:K},{onChangeCursorEmit:E}),null),c&&!f&&e.createVNode(e.resolveComponent("jump-page"),e.mergeProps({goToText:m,size:i,pageIndex:a,totalPages:T,cursor:x,showJumpButton:q},{onChangeCursorEmit:E}),null),f&&R&&e.createVNode(e.resolveComponent("config-menu"),{currentPageSize:w,pageSizeChange:B,pageSizeOptions:n},{default:()=>{var I;return[(I=S.default)==null?void 0:I.call(S)]}})])}}),_={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(t){t.component(V.name,V)}};d.Pagination=V,d.default=_,d.paginationProps=y,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
+(function(g,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(g=typeof globalThis!="undefined"?globalThis:g||self,e(g.index={},g.Vue))})(this,function(g,e){"use strict";const k={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"\u6240\u6709\u6761\u76EE"},goToText:{type:String,default:"\u8DF3\u81F3"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},B=(t,a,n)=>{const r=t,u=a;if(u>=n)return[2,n];const o=u-2;let i=r-(o>>1),l=r+(o-1>>1);return i<2&&(i=2,l=u-2),l>n&&(i=n-u+3,l=n),[i,l]};function I(t){return new Array(t||1).fill(0).map((a,n)=>({name:`${n+1}/${t}`,value:n+1}))}function V(t,a,n){document.addEventListener?t&&a&&n&&t.addEventListener(a,n,!1):t&&a&&n&&t.attachEvent("on"+a,n)}function E(t,a,n){document.removeEventListener?t&&a&&n&&t.removeEventListener(a,n,!1):t&&a&&n&&t.detachEvent("on"+a,n)}const F=typeof window!="undefined",p=Symbol("@@clickoutside"),P=new Map;let z,x=0,b=!0;function T(t,a,n){return F&&b&&(b=!1,V(document,"mousedown",r=>{z=r}),V(document,"mouseup",r=>{for(const[u,o]of P)o[p].documentHandler(r,z)})),function(r,u){!n||!a.instance||!r.target||!u.target||t.contains(r.target)||t.contains(u.target)||t===r.target||t[p].bindingFn&&t[p].bindingFn()}}const L={beforeMount:function(t,a,n){x++,P.set(x,t),t[p]={nid:x,documentHandler:T(t,a,n),bindingFn:a.value}},updated:function(t,a,n){t[p].documentHandler=T(t,a,n),t[p].bindingFn=a.value},unmounted:function(t){P.delete(t[p].nid),delete t[p]}};var j=e.defineComponent({directives:{clickoutside:L},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const t=e.ref(null),a=e.ref(!1),n=r=>{a.value=a.value?!1:!!r};return e.onMounted(()=>{V(t.value,"click",n)}),e.onUnmounted(()=>{E(t.value,"click",n)}),{paginationConfig:t,isShowConfig:a,closeConfigMenu:n}},render(){var i;const{closeConfigMenu:t,currentPageSize:a,pageSizeChange:n,pageSizeOptions:r,isShowConfig:u,$slots:o}=this;return e.withDirectives(e.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[e.createVNode("div",{class:"devui-setup-icon"},[e.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),u&&e.createVNode("div",{class:"devui-config-container"},[(i=o.default)==null?void 0:i.call(o),e.createVNode("div",{class:"pagination-config-item"},[e.createVNode("div",{class:"config-item-title"},[e.createTextVNode("\u6BCF\u9875\u6761\u6570")]),e.createVNode("div",{class:"devui-page-number"},[r.map(l=>e.createVNode("div",{class:{choosed:l===a},key:l,onClick:n.bind(null,{value:l})},[l]))])])])]),[[e.resolveDirective("clickoutside"),t]])}});const M={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var D=e.defineComponent({props:M,emits:["changeCursorEmit"],setup(t,{emit:a}){const{pageIndex:n,totalPages:r,cursor:u}=e.toRefs(t),o=e.ref(n==null?void 0:n.value);e.watch(()=>n==null?void 0:n.value,c=>{o.value=c});let i=n==null?void 0:n.value;return{inputNum:o,jumpPageChange:c=>{i=+c,o.value=c,isNaN(c)&&setTimeout(()=>{o.value=n==null?void 0:n.value},300)},jump:c=>{i>(r==null?void 0:r.value)||(c==="btn"||c.key==="Enter")&&(u==null?void 0:u.value)!==i&&a("changeCursorEmit",i)}}},render(){const{goToText:t,size:a,inputNum:n,jumpPageChange:r,jump:u,showJumpButton:o}=this,i={class:["devui-pagination-input",a?"devui-pagination-input-"+a:""],size:a,modelValue:String(n),"onUpdate:modelValue":r,onKeydown:u};return e.createVNode("div",{class:"devui-jump-container"},[t,e.createVNode(e.resolveComponent("d-input"),i,null),t==="\u8DF3\u81F3"&&"\u9875",o&&e.createVNode("div",{class:["devui-jump-button",a?"devui-jump-size-"+a:"devui-jump-size-default"],onClick:u.bind(null,"btn"),title:t},[e.createVNode("div",{class:"devui-pagination-go"},null)])])}});const H={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var J=e.defineComponent({props:H,emits:["changeCursorEmit"],setup(t,{emit:a}){return{showPageNum:e.computed(()=>B(t.cursor,t.maxItems,t.totalPages)),changeCursor:i=>{if(isNaN(i))return;const l=i<1?1:i>t.totalPages?t.totalPages:i|0;a("changeCursorEmit",l)},prevChange:i=>{if(t.cursor>1){const l=i===-1?t.cursor-1:i;a("changeCursorEmit",l)}},nextChange:i=>{if(t.cursor<t.totalPages){const l=i===-1?t.cursor+1:i;a("changeCursorEmit",l)}}}},render(){const{size:t,preLink:a,nextLink:n,lite:r,changeCursor:u,cursor:o,showPageNum:i,prevChange:l,totalPages:s,nextChange:c,showTruePageIndex:v}=this;return e.createVNode("ul",{class:["devui-pagination-list",t?"devui-pagination-"+t:""]},[e.createVNode("li",{onClick:l.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o<=1}},[e.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)]),!r&&e.createVNode(e.Fragment,null,[e.createVNode("li",{onClick:u.bind(null,1),class:{"devui-pagination-item":!0,active:o===1}},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("1")])]),i[0]>2&&e.createVNode("li",{onClick:l.bind(null,i[0]-1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),(()=>{const h=[];for(let f=i[0];f<=i[1];f++)h.push(e.createVNode("li",{onClick:u.bind(null,f),key:f,class:{"devui-pagination-item":!0,active:o===f}},[e.createVNode("a",{class:"devui-pagination-link"},[f])]));return h})(),i[1]<s-1&&e.createVNode("li",{onClick:c.bind(null,i[1]+1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),i[1]<s&&e.createVNode("li",{onClick:u.bind(null,s),class:{"devui-pagination-item":!0,active:o===s}},[e.createVNode("a",{class:"devui-pagination-link"},[s])]),v&&o>s&&s>0&&e.createVNode(e.Fragment,null,[o>s+1&&e.createVNode("li",{class:"devui-pagination-item disabled"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),e.createVNode("li",{class:"devui-pagination-item disabled active"},[e.createVNode("a",{class:"devui-pagination-link"},[o])])])]),e.createVNode("li",{onClick:c.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o>=s}},[e.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)])])}}),Y="",S=e.defineComponent({name:"DPagination",components:{ConfigMenu:j,JumpPage:D,PageNumBtn:J},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(t,{emit:a,slots:n}){const{autoHide:r,pageSizeOptions:u,total:o,canChangePageSize:i,lite:l,size:s,pageSizeDirection:c,showPageSelector:v,canViewTotal:h,totalItemText:f,maxItems:A,preLink:U,nextLink:R,showTruePageIndex:_,canJumpPage:q,goToText:K,pageIndex:$,showJumpButton:G,haveConfigMenu:Q}=e.toRefs(t),m=e.computed(()=>Math.ceil(t.total/t.pageSize)),W=e.computed(()=>I(m.value)),C=e.computed({get(){return!t.showTruePageIndex&&t.pageIndex>m.value?(a("update:pageIndex",m.value||1),m.value||1):t.pageIndex||1},set(d){a("update:pageIndex",d)}}),y=e.computed({get(){return t.pageSize},set(d){a("update:pageSize",d)}}),N=d=>{C.value=d,a("pageIndexChange",d)},w=d=>{y.value=d.value,t.autoFixPageIndex&&e.nextTick(()=>{C.value>m.value&&N(m.value)}),a("pageSizeChange",d.value)},X=d=>{N(d.value)};return()=>r.value&&Math.min(...u.value)>o.value?null:e.createVNode("div",{class:"devui-pagination"},[i.value&&!l.value&&e.createVNode("div",{class:["devui-page-size",s.value?"devui-page-size-"+s.value:""]},[e.createVNode(e.resolveComponent("d-select"),{options:u.value,modelValue:y.value,onValueChange:w,pageSizeDirection:c.value},null)]),(!l.value||l.value&&v.value)&&h.value&&e.createVNode("div",{class:"devui-total-size"},[f.value,e.createTextVNode(": "),o.value]),l.value&&v.value&&e.createVNode("div",{class:"devui-page-size"},[e.createVNode(e.resolveComponent("d-select"),{options:W.value,disabled:o.value===0,modelValue:C.value,onValueChange:X,pageSizeDirection:c.value},null)]),e.createVNode(e.resolveComponent("page-num-btn"),e.mergeProps({cursor:C.value,totalPages:m.value,size:s.value,lite:l.value,maxItems:A.value,preLink:U.value,nextLink:R.value,showTruePageIndex:_.value},{onChangeCursorEmit:N}),null),q.value&&!l.value&&e.createVNode(e.resolveComponent("jump-page"),e.mergeProps({goToText:K.value,size:s.value,pageIndex:$.value,totalPages:m.value,cursor:C.value,showJumpButton:G.value},{onChangeCursorEmit:N}),null),l.value&&Q.value&&e.createVNode(e.resolveComponent("config-menu"),{currentPageSize:y.value,pageSizeChange:w,pageSizeOptions:u.value},{default:()=>{var d;return[(d=n.default)==null?void 0:d.call(n)]}})])}}),O={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(t){t.component(S.name,S)}};g.Pagination=S,g.default=O,g.paginationProps=k,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});

package/pagination/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:80px}.devui-pagination .devui-page-size.devui-page-size-sm .devui-select-input{height:24px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-input,.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list,.devui-pagination .devui-pagination-item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination-list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination-list li.devui-pagination-item{cursor:pointer}.devui-pagination .devui-pagination-list li.devui-pagination-item.active a.devui-pagination-link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-pagination .devui-pagination-list li.devui-pagination-item.disabled a.devui-pagination-link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-pagination-sm>li.devui-pagination-item>a.devui-pagination-link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination-lg>li.devui-pagination-item>a.devui-pagination-link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-jump-container .devui-pagination-input{display:inline-block;width:42px;vertical-align:middle;margin:0 3px}.devui-pagination .devui-jump-container .devui-pagination-input-lg{width:56px}.devui-pagination .devui-jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #adb0b8);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-jump-button .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-button:hover .devui-pagination-go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-size-default{width:28px;height:28px}.devui-pagination .devui-jump-size-default .devui-pagination-go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #252b3a);border-bottom:8px solid transparent}.devui-pagination .devui-jump-size-sm{width:24px;height:24px}.devui-pagination .devui-jump-size-sm .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-size-sm .devui-pagination-link{height:30px;line-height:32px}.devui-pagination .devui-jump-size-lg{width:46px;height:46px}.devui-pagination .devui-jump-size-lg .devui-pagination-go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #252b3a);border-bottom:14px solid transparent}.devui-pagination .devui-pagination-config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-config-container{padding:4px 0;box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .pagination-config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #adb0b8)}.devui-pagination .pagination-config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #adb0b8);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-page-number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-page-number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #adb0b8);border-bottom:1px solid var(--devui-line, #adb0b8);border-right:1px solid var(--devui-line, #adb0b8);text-align:center;height:26px;width:26px}.devui-pagination .devui-page-number div:first-child{border-left:1px solid var(--devui-line, #adb0b8)}.devui-pagination .devui-page-number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-page-number div.choosed{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}
+@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:80px}.devui-pagination .devui-page-size.devui-page-size-sm .devui-select-input{height:24px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-input,.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list,.devui-pagination .devui-pagination-item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination-list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination-list li.devui-pagination-item{cursor:pointer}.devui-pagination .devui-pagination-list li.devui-pagination-item.active a.devui-pagination-link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-pagination .devui-pagination-list li.devui-pagination-item.disabled a.devui-pagination-link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-pagination-sm>li.devui-pagination-item>a.devui-pagination-link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination-lg>li.devui-pagination-item>a.devui-pagination-link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-jump-container .devui-pagination-input{display:inline-block;width:42px;vertical-align:middle;margin:0 3px}.devui-pagination .devui-jump-container .devui-pagination-input-lg{width:56px}.devui-pagination .devui-jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #adb0b8);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-jump-button .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-button:hover .devui-pagination-go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-size-default{width:28px;height:28px}.devui-pagination .devui-jump-size-default .devui-pagination-go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #252b3a);border-bottom:8px solid transparent}.devui-pagination .devui-jump-size-sm{width:24px;height:24px}.devui-pagination .devui-jump-size-sm .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-size-sm .devui-pagination-link{height:30px;line-height:32px}.devui-pagination .devui-jump-size-lg{width:46px;height:46px}.devui-pagination .devui-jump-size-lg .devui-pagination-go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #252b3a);border-bottom:14px solid transparent}.devui-pagination .devui-pagination-config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-config-container{padding:4px 0;box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .pagination-config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #adb0b8)}.devui-pagination .pagination-config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #adb0b8);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-page-number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-page-number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #adb0b8);border-bottom:1px solid var(--devui-line, #adb0b8);border-right:1px solid var(--devui-line, #adb0b8);text-align:center;height:26px;width:26px}.devui-pagination .devui-page-number div:first-child{border-left:1px solid var(--devui-line, #adb0b8)}.devui-pagination .devui-page-number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-page-number div.choosed{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}

package/popover/index.es.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps, toRefs, Fragment } from "vue";
-import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 var baseOverlay = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -165,6 +165,9 @@ const flexibleOverlayProps = {
     type: [Number, Object],
     default: 8
   },
+  shiftOffset: {
+    type: Number
+  },
   align: {
     type: String,
     default: null
@@ -232,7 +235,6 @@ function useOverlay(props, emit) {
     const overlayEl = unref(overlayRef.value);
     const arrowEl = unref(arrowRef.value);
     const middleware = [
-      shift(),
       offset(props.offset),
       autoPlacement({
         alignment: props.align,
@@ -240,12 +242,22 @@ function useOverlay(props, emit) {
       })
     ];
     props.showArrow && middleware.push(arrow({ element: arrowEl }));
+    props.shiftOffset !== void 0 && middleware.push(shift());
     const { x, y, placement, middlewareData } = await computePosition(hostEl, overlayEl, {
       strategy: "fixed",
       middleware
     });
+    let applyX = x;
+    let applyY = y;
+    if (props.shiftOffset !== void 0) {
+      const { x: shiftX, y: shiftY } = middlewareData.shift;
+      shiftX < 0 && (applyX -= props.shiftOffset);
+      shiftX > 0 && (applyX += props.shiftOffset);
+      shiftY < 0 && (applyY -= props.shiftOffset);
+      shiftY > 0 && (applyY += props.shiftOffset);
+    }
     emit("positionChange", placement);
-    Object.assign(overlayEl.style, { top: `${y}px`, left: `${x}px` });
+    Object.assign(overlayEl.style, { top: `${applyY}px`, left: `${applyX}px` });
     props.showArrow && updateArrowPosition(arrowEl, placement, middlewareData.arrow, overlayEl);
   };
   watch(() => props.modelValue, () => {