vft 0.0.362 → 0.0.363

package/lib/components/overlay/overlay.vue2.cjs

@@ -1 +1,82 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=e.defineComponent({name:"vft-overlay"}),y=e.defineComponent({...k,props:{mask:{type:Boolean},onlyNode:{type:Boolean},customMaskEvent:{type:Boolean},overlayClass:{},zIndex:{}},emits:["click"],setup(o,{emit:a}){const i=t=>{if(!t)return{onClick:l.noop,onMousedown:l.noop,onMouseup:l.noop};let u=!1,r=!1;return{onClick:n=>{u&&r&&t(n),u=r=!1},onMousedown:n=>{u=n.target===n.currentTarget},onMouseup:n=>{r=n.target===n.currentTarget}}},c=p.useNamespace("overlay"),d=a,s=e.useSlots(),f=t=>{d("click",t)},{onClick:m,onMousedown:M,onMouseup:v}=i(o.customMaskEvent?void 0:f);return()=>o.mask?e.createVNode("div",{class:[c.b(),o.overlayClass],style:{zIndex:o.zIndex},onClick:m,onMousedown:M,onMouseup:v},[e.renderSlot(s,"default")],14,["onClick","onMouseup","onMousedown"]):o.onlyNode?e.h("div",{},[e.renderSlot(s,"default")]):e.h("div",{class:o.overlayClass,style:{zIndex:o.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[e.renderSlot(s,"default")])}});exports.default=y;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+const index = require("../../hooks/use-namespace/index.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-overlay"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    mask: { type: Boolean },
+    onlyNode: { type: Boolean },
+    customMaskEvent: { type: Boolean },
+    overlayClass: {},
+    zIndex: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const useSameTarget = (handleClick) => {
+      if (!handleClick) {
+        return { onClick: utils.noop, onMousedown: utils.noop, onMouseup: utils.noop };
+      }
+      let mousedownTarget = false;
+      let mouseupTarget = false;
+      const onClick2 = (e) => {
+        if (mousedownTarget && mouseupTarget) {
+          handleClick(e);
+        }
+        mousedownTarget = mouseupTarget = false;
+      };
+      const onMousedown2 = (e) => {
+        mousedownTarget = e.target === e.currentTarget;
+      };
+      const onMouseup2 = (e) => {
+        mouseupTarget = e.target === e.currentTarget;
+      };
+      return { onClick: onClick2, onMousedown: onMousedown2, onMouseup: onMouseup2 };
+    };
+    const ns = index.useNamespace("overlay");
+    const emit = __emit;
+    const slots = vue.useSlots();
+    const onMaskClick = (e) => {
+      emit("click", e);
+    };
+    const { onClick, onMousedown, onMouseup } = useSameTarget(
+      __props.customMaskEvent ? void 0 : onMaskClick
+    );
+    return () => {
+      return __props.mask ? vue.createVNode(
+        "div",
+        {
+          class: [ns.b(), __props.overlayClass],
+          style: {
+            zIndex: __props.zIndex
+          },
+          onClick,
+          onMousedown,
+          onMouseup
+        },
+        [vue.renderSlot(slots, "default")],
+        4 | 2 | 8,
+        ["onClick", "onMouseup", "onMousedown"]
+      ) : __props.onlyNode ? vue.h("div", {}, [vue.renderSlot(slots, "default")]) : vue.h(
+        "div",
+        {
+          class: __props.overlayClass,
+          style: {
+            zIndex: __props.zIndex,
+            position: "fixed",
+            top: "0px",
+            right: "0px",
+            bottom: "0px",
+            left: "0px"
+          }
+        },
+        [vue.renderSlot(slots, "default")]
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/overlay/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-overlay.css");
+"use strict";

package/lib/components/overlay/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/overlay.scss");
+"use strict";

package/lib/components/page-wrapper/index.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./page-wrapper.vue2.cjs"),e=r.withInstall(t.default);exports.VftPageWrapper=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pageWrapper_vue_vue_type_script_setup_true_lang = require("./page-wrapper.vue2.cjs");
+const install = require("../../utils/vue/install.cjs");
+const VftPageWrapper = install.withInstall(pageWrapper_vue_vue_type_script_setup_true_lang.default);
+exports.VftPageWrapper = VftPageWrapper;
+exports.default = VftPageWrapper;

package/lib/components/page-wrapper/page-wrapper.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./page-wrapper.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pageWrapper_vue_vue_type_script_setup_true_lang = require("./page-wrapper.vue2.cjs");
+exports.default = pageWrapper_vue_vue_type_script_setup_true_lang.default;

package/lib/components/page-wrapper/page-wrapper.vue2.cjs

@@ -1 +1,37 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const a=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({name:"vft-page-wrapper"}),o=e.defineComponent({...l,props:{title:{}},setup(u){const r=a.useNamespace("page-wrapper"),{getTitle:n}=s.useRouterHelper();return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(t.title||e.unref(n)),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)],2))}});exports.default=o;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const router = require("@vft/router");
+const index = require("../../hooks/use-namespace/index.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-page-wrapper"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("page-wrapper");
+    const { getTitle } = router.useRouterHelper();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("header"))
+        }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(ns).e("title"))
+          }, vue.toDisplayString(_ctx.title || vue.unref(getTitle)), 3)
+        ], 2),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("content"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/page-wrapper/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-page-wrapper.css");
+"use strict";

package/lib/components/page-wrapper/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/page-wrapper.scss");
+"use strict";

package/lib/components/pagination/components/jumper.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jumper.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jumper_vue_vue_type_script_setup_true_lang = require("./jumper.vue2.cjs");
+exports.default = jumper_vue_vue_type_script_setup_true_lang.default;

package/lib/components/pagination/components/jumper.vue2.cjs

@@ -1 +1,53 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const d=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const p=require("../../input/index.cjs"),m=require("../usePagination.cjs"),f=["disabled"],g=e.defineComponent({__name:"jumper",props:{size:{}},setup(v){const a=d.useNamespace("pagination"),{pageCount:u,disabled:s,currentPage:i,changeEvent:t}=m.usePagination(),r=e.ref(),o=e.computed(()=>r.value??i?.value);function l(n){r.value=+n}function c(n){n=Math.trunc(+n),t?.(+n),r.value=void 0}return(n,q)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).e("jump")),disabled:e.unref(s)},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("goto")])},"前往",2),e.createVNode(e.unref(p.VftInput),{size:n.size,class:e.normalizeClass([e.unref(a).e("editor"),e.unref(a).is("in-pagination")]),min:1,max:e.unref(u),disabled:e.unref(s),"model-value":o.value,"validate-event":!1,type:"number","onUpdate:modelValue":l,onChange:c},null,8,["size","class","max","disabled","model-value"]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("classifier")])},"页",2)],10,f))}});exports.default=g;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../../input/index.cjs");
+const usePagination = require("../usePagination.cjs");
+const index = require("../../../hooks/use-namespace/index.cjs");
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "jumper",
+  props: {
+    size: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("pagination");
+    const { pageCount, disabled, currentPage, changeEvent } = usePagination.usePagination();
+    const userInput = vue.ref();
+    const innerValue = vue.computed(() => userInput.value ?? currentPage?.value);
+    function handleInput(val) {
+      userInput.value = +val;
+    }
+    function handleChange(val) {
+      val = Math.trunc(+val);
+      changeEvent?.(+val);
+      userInput.value = void 0;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(ns).e("jump")),
+        disabled: vue.unref(disabled)
+      }, [
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass([vue.unref(ns).e("goto")])
+        }, "前往", 2),
+        vue.createVNode(vue.unref(index$1.VftInput), {
+          size: _ctx.size,
+          class: vue.normalizeClass([vue.unref(ns).e("editor"), vue.unref(ns).is("in-pagination")]),
+          min: 1,
+          max: vue.unref(pageCount),
+          disabled: vue.unref(disabled),
+          "model-value": innerValue.value,
+          "validate-event": false,
+          type: "number",
+          "onUpdate:modelValue": handleInput,
+          onChange: handleChange
+        }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass([vue.unref(ns).e("classifier")])
+        }, "页", 2)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/pagination/components/next.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./next.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const next_vue_vue_type_script_setup_true_lang = require("./next.vue2.cjs");
+exports.default = next_vue_vue_type_script_setup_true_lang.default;

package/lib/components/pagination/components/next.vue2.cjs

@@ -1 +1,37 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../icon/index.cjs"),r=["disabled","aria-disabled"],u={key:0},d=e.defineComponent({__name:"next",props:{disabled:{type:Boolean},currentPage:{default:1},pageCount:{default:50},nextText:{}},emits:["click"],setup(t){const o=e.computed(()=>t.disabled||t.currentPage===t.pageCount||t.pageCount===0);return(n,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"btn-next",disabled:o.value,"aria-disabled":o.value,onClick:a[0]||(a[0]=i=>n.$emit("click",i))},[n.nextText?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(n.nextText),1)):e.createCommentVNode("",!0),e.createVNode(e.unref(l.VftIcon),{icon:"icon-arrow-right",size:16})],8,r))}});exports.default=d;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../icon/index.cjs");
+const _hoisted_1 = ["disabled", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "next",
+  props: {
+    disabled: { type: Boolean },
+    currentPage: { default: 1 },
+    pageCount: { default: 50 },
+    nextText: {}
+  },
+  emits: ["click"],
+  setup(__props) {
+    const internalDisabled = vue.computed(
+      () => __props.disabled || __props.currentPage === __props.pageCount || __props.pageCount === 0
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: "button",
+        class: "btn-next",
+        disabled: internalDisabled.value,
+        "aria-disabled": internalDisabled.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }, [
+        _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.nextText), 1)) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(index.VftIcon), {
+          icon: "icon-arrow-right",
+          size: 16
+        })
+      ], 8, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/pagination/components/pager.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./pager.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pager_vue_vue_type_script_setup_true_lang = require("./pager.vue2.cjs");
+exports.default = pager_vue_vue_type_script_setup_true_lang.default;

package/lib/components/pagination/components/pager.vue2.cjs

@@ -1 +1,213 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const q=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const c=require("../../icon/index.cjs"),E=["aria-current","tabindex"],$=["tabindex"],V=["aria-current","tabindex"],h=["tabindex"],z=["aria-current","tabindex"],F=e.defineComponent({__name:"pager",props:{currentPage:{default:1},pageCount:{},pagerCount:{default:7},disabled:{type:Boolean}},emits:["change"],setup(a,{emit:y}){const b=y,o=q.useNamespace("pager"),k=q.useNamespace("icon"),f=e.ref(!1),d=e.ref(!1),g=e.ref(!1),m=e.ref(!1),v=e.ref(!1),C=e.ref(!1),w=e.computed(()=>{const n=(a.pagerCount-1)/2;let t=!1,r=!1;a.pageCount>a.pagerCount&&(a.currentPage>a.pagerCount-n&&(t=!0),a.currentPage<a.pageCount-n&&(r=!0));const l=[];if(t&&!r){const u=a.pageCount-(a.pagerCount-2);for(let i=u;i<a.pageCount;i++)l.push(i)}else if(!t&&r)for(let u=2;u<a.pagerCount;u++)l.push(u);else if(t&&r){const u=Math.floor(a.pagerCount/2)-1;for(let i=a.currentPage-u;i<=a.currentPage+u;i++)l.push(i)}else for(let u=2;u<a.pageCount;u++)l.push(u);return l}),s=e.computed(()=>a.disabled?-1:0);e.watchEffect(()=>{const n=(a.pagerCount-1)/2;f.value=!1,d.value=!1,a.pageCount>a.pagerCount&&(a.currentPage>a.pagerCount-n&&(f.value=!0),a.currentPage<a.pageCount-n&&(d.value=!0))});function P(n=!1){a.disabled||(n?g.value=!0:m.value=!0)}function B(n=!1){n?v.value=!0:C.value=!0}function M(n){const t=n.target;if(t.tagName.toLowerCase()==="li"&&Array.from(t.classList).includes("number")){const r=Number(t.textContent);r!==a.currentPage&&b("change",r)}else t.tagName.toLowerCase()==="li"&&Array.from(t.classList).includes("more")&&N(n)}function N(n){const t=n.target;if(t.tagName.toLowerCase()==="ul"||a.disabled)return;let r=Number(t.textContent);const l=a.pagerCount-2;t.className.includes("more")&&(t.className.includes("quickprev")?r=a.currentPage-l:t.className.includes("quicknext")&&(r=a.currentPage+l)),Number.isNaN(+r)||(r<1&&(r=1),r>a.pageCount&&(r=a.pageCount)),r!==a.currentPage&&b("change",r)}return(n,t)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(o).b()),onClick:N,onKeyup:e.withKeys(M,["enter"])},[n.pageCount>0?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([[e.unref(o).is("active",n.currentPage===1),e.unref(o).is("disabled",n.disabled)],"number"]),"aria-current":n.currentPage===1,tabindex:s.value}," 1 ",10,E)):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["more","btn-quickprev",e.unref(k).b(),e.unref(o).is("disabled",n.disabled)]),tabindex:s.value,onMouseenter:t[0]||(t[0]=r=>P(!0)),onMouseleave:t[1]||(t[1]=r=>g.value=!1),onFocus:t[2]||(t[2]=r=>B(!0)),onBlur:t[3]||(t[3]=r=>v.value=!1)},[(g.value||v.value)&&!n.disabled?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,icon:"icon-d-arrow-left"})):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,icon:"icon-more-filled"}))],42,$)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,r=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass([[e.unref(o).is("active",n.currentPage===r),e.unref(o).is("disabled",n.disabled)],"number"]),"aria-current":n.currentPage===r,tabindex:s.value},e.toDisplayString(r),11,V))),128)),d.value?(e.openBlock(),e.createElementBlock("li",{key:2,class:e.normalizeClass(["more","btn-quicknext",e.unref(k).b(),e.unref(o).is("disabled",n.disabled)]),tabindex:s.value,onMouseenter:t[4]||(t[4]=r=>P()),onMouseleave:t[5]||(t[5]=r=>m.value=!1),onFocus:t[6]||(t[6]=r=>B()),onBlur:t[7]||(t[7]=r=>C.value=!1)},[(m.value||C.value)&&!n.disabled?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,icon:"icon-d-arrow-right"})):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,icon:"icon-more-filled"}))],42,h)):e.createCommentVNode("",!0),n.pageCount>1?(e.openBlock(),e.createElementBlock("li",{key:3,class:e.normalizeClass([[e.unref(o).is("active",n.currentPage===n.pageCount),e.unref(o).is("disabled",n.disabled)],"number"]),"aria-current":n.currentPage===n.pageCount,tabindex:s.value},e.toDisplayString(n.pageCount),11,z)):e.createCommentVNode("",!0)],34))}});exports.default=F;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../../icon/index.cjs");
+const index = require("../../../hooks/use-namespace/index.cjs");
+const _hoisted_1 = ["aria-current", "tabindex"];
+const _hoisted_2 = ["tabindex"];
+const _hoisted_3 = ["aria-current", "tabindex"];
+const _hoisted_4 = ["tabindex"];
+const _hoisted_5 = ["aria-current", "tabindex"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "pager",
+  props: {
+    currentPage: { default: 1 },
+    pageCount: {},
+    pagerCount: { default: 7 },
+    disabled: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const nsPager = index.useNamespace("pager");
+    const nsIcon = index.useNamespace("icon");
+    const showPrevMore = vue.ref(false);
+    const showNextMore = vue.ref(false);
+    const quickPrevHover = vue.ref(false);
+    const quickNextHover = vue.ref(false);
+    const quickPrevFocus = vue.ref(false);
+    const quickNextFocus = vue.ref(false);
+    const pagers = vue.computed(() => {
+      const halfPagerCount = (__props.pagerCount - 1) / 2;
+      let showPrevMore2 = false;
+      let showNextMore2 = false;
+      if (__props.pageCount > __props.pagerCount) {
+        if (__props.currentPage > __props.pagerCount - halfPagerCount) {
+          showPrevMore2 = true;
+        }
+        if (__props.currentPage < __props.pageCount - halfPagerCount) {
+          showNextMore2 = true;
+        }
+      }
+      const array = [];
+      if (showPrevMore2 && !showNextMore2) {
+        const startPage = __props.pageCount - (__props.pagerCount - 2);
+        for (let i = startPage; i < __props.pageCount; i++) {
+          array.push(i);
+        }
+      } else if (!showPrevMore2 && showNextMore2) {
+        for (let i = 2; i < __props.pagerCount; i++) {
+          array.push(i);
+        }
+      } else if (showPrevMore2 && showNextMore2) {
+        const offset = Math.floor(__props.pagerCount / 2) - 1;
+        for (let i = __props.currentPage - offset; i <= __props.currentPage + offset; i++) {
+          array.push(i);
+        }
+      } else {
+        for (let i = 2; i < __props.pageCount; i++) {
+          array.push(i);
+        }
+      }
+      return array;
+    });
+    const tabindex = vue.computed(() => __props.disabled ? -1 : 0);
+    vue.watchEffect(() => {
+      const halfPagerCount = (__props.pagerCount - 1) / 2;
+      showPrevMore.value = false;
+      showNextMore.value = false;
+      if (__props.pageCount > __props.pagerCount) {
+        if (__props.currentPage > __props.pagerCount - halfPagerCount) {
+          showPrevMore.value = true;
+        }
+        if (__props.currentPage < __props.pageCount - halfPagerCount) {
+          showNextMore.value = true;
+        }
+      }
+    });
+    function onMouseEnter(forward = false) {
+      if (__props.disabled) return;
+      if (forward) {
+        quickPrevHover.value = true;
+      } else {
+        quickNextHover.value = true;
+      }
+    }
+    function onFocus(forward = false) {
+      if (forward) {
+        quickPrevFocus.value = true;
+      } else {
+        quickNextFocus.value = true;
+      }
+    }
+    function onEnter(e) {
+      const target = e.target;
+      if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
+        const newPage = Number(target.textContent);
+        if (newPage !== __props.currentPage) {
+          emit("change", newPage);
+        }
+      } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
+        onPagerClick(e);
+      }
+    }
+    function onPagerClick(event) {
+      const target = event.target;
+      if (target.tagName.toLowerCase() === "ul" || __props.disabled) {
+        return;
+      }
+      let newPage = Number(target.textContent);
+      const pagerCountOffset = __props.pagerCount - 2;
+      if (target.className.includes("more")) {
+        if (target.className.includes("quickprev")) {
+          newPage = __props.currentPage - pagerCountOffset;
+        } else if (target.className.includes("quicknext")) {
+          newPage = __props.currentPage + pagerCountOffset;
+        }
+      }
+      if (!Number.isNaN(+newPage)) {
+        if (newPage < 1) {
+          newPage = 1;
+        }
+        if (newPage > __props.pageCount) {
+          newPage = __props.pageCount;
+        }
+      }
+      if (newPage !== __props.currentPage) {
+        emit("change", newPage);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("ul", {
+        class: vue.normalizeClass(vue.unref(nsPager).b()),
+        onClick: onPagerClick,
+        onKeyup: vue.withKeys(onEnter, ["enter"])
+      }, [
+        _ctx.pageCount > 0 ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 0,
+          class: vue.normalizeClass([[
+            vue.unref(nsPager).is("active", _ctx.currentPage === 1),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ], "number"]),
+          "aria-current": _ctx.currentPage === 1,
+          tabindex: tabindex.value
+        }, " 1 ", 10, _hoisted_1)) : vue.createCommentVNode("", true),
+        showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 1,
+          class: vue.normalizeClass([
+            "more",
+            "btn-quickprev",
+            vue.unref(nsIcon).b(),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ]),
+          tabindex: tabindex.value,
+          onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
+          onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
+          onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
+        }, [
+          (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
+            key: 0,
+            icon: "icon-d-arrow-left"
+          })) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
+            key: 1,
+            icon: "icon-more-filled"
+          }))
+        ], 42, _hoisted_2)) : vue.createCommentVNode("", true),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pagers.value, (pager) => {
+          return vue.openBlock(), vue.createElementBlock("li", {
+            key: pager,
+            class: vue.normalizeClass([[
+              vue.unref(nsPager).is("active", _ctx.currentPage === pager),
+              vue.unref(nsPager).is("disabled", _ctx.disabled)
+            ], "number"]),
+            "aria-current": _ctx.currentPage === pager,
+            tabindex: tabindex.value
+          }, vue.toDisplayString(pager), 11, _hoisted_3);
+        }), 128)),
+        showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 2,
+          class: vue.normalizeClass([
+            "more",
+            "btn-quicknext",
+            vue.unref(nsIcon).b(),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ]),
+          tabindex: tabindex.value,
+          onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
+          onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
+          onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
+          onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
+        }, [
+          (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
+            key: 0,
+            icon: "icon-d-arrow-right"
+          })) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
+            key: 1,
+            icon: "icon-more-filled"
+          }))
+        ], 42, _hoisted_4)) : vue.createCommentVNode("", true),
+        _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 3,
+          class: vue.normalizeClass([[
+            vue.unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ], "number"]),
+          "aria-current": _ctx.currentPage === _ctx.pageCount,
+          tabindex: tabindex.value
+        }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_5)) : vue.createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/pagination/components/prev.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./prev.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const prev_vue_vue_type_script_setup_true_lang = require("./prev.vue2.cjs");
+exports.default = prev_vue_vue_type_script_setup_true_lang.default;

package/lib/components/pagination/components/prev.vue2.cjs

@@ -1 +1,35 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../icon/index.cjs"),c=["disabled","aria-disabled"],d={key:0},u=e.defineComponent({__name:"prev",props:{disabled:{type:Boolean},currentPage:{default:1},prevText:{}},emits:["click"],setup(t,{emit:i}){const a=i,n=e.computed(()=>t.disabled||t.currentPage<=1);return(o,r)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"btn-prev",disabled:n.value,"aria-disabled":n.value,onClick:r[0]||(r[0]=l=>a("click",l))},[o.prevText?(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(o.prevText),1)):e.createCommentVNode("",!0),e.createVNode(e.unref(s.VftIcon),{icon:"icon-arrow-left",size:16})],8,c))}});exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../icon/index.cjs");
+const _hoisted_1 = ["disabled", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "prev",
+  props: {
+    disabled: { type: Boolean },
+    currentPage: { default: 1 },
+    prevText: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const internalDisabled = vue.computed(() => __props.disabled || __props.currentPage <= 1);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: "button",
+        class: "btn-prev",
+        disabled: internalDisabled.value,
+        "aria-disabled": internalDisabled.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+      }, [
+        _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.prevText), 1)) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(index.VftIcon), {
+          icon: "icon-arrow-left",
+          size: 16
+        })
+      ], 8, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/pagination/components/sizes.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./sizes.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const sizes_vue_vue_type_script_setup_true_lang = require("./sizes.vue2.cjs");
+exports.default = sizes_vue_vue_type_script_setup_true_lang.default;

package/lib/components/pagination/components/sizes.vue2.cjs

@@ -1 +1,67 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),d=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");const g=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const z=require("../usePagination.cjs"),S=require("../../select/index.cjs"),f=a.defineComponent({__name:"sizes",props:{pageSize:{},pageSizes:{default:()=>[10,20,30,40,50,100]},popperClass:{},disabled:{type:Boolean},size:{}},emits:["page-size-change"],setup(i,{emit:r}){const t=r,u=g.useNamespace("pagination"),l=z.usePagination(),s=a.ref(i.pageSize);a.watch(()=>i.pageSizes,(e,n)=>{if(!d.isEqual(e,n)&&Array.isArray(e)){const p=e.includes(i.pageSize)?i.pageSize:i.pageSizes[0];t("page-size-change",p)}}),a.watch(()=>i.pageSize,e=>{s.value=e});const o=a.computed(()=>i.pageSizes.map(e=>({label:e+"条/页",value:e})));function c(e){e!==s.value&&(s.value=e,l.handleSizeChange?.(Number(e)))}return(e,n)=>(a.openBlock(),a.createElementBlock("span",{class:a.normalizeClass(a.unref(u).e("sizes"))},[a.createVNode(a.unref(S.VftSelect),{"model-value":s.value,disabled:e.disabled,"popper-class":e.popperClass,size:e.size,"validate-event":!1,onChange:c,options:o.value},null,8,["model-value","disabled","popper-class","size","options"])],2))}});exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const usePagination = require("../usePagination.cjs");
+const index$1 = require("../../select/index.cjs");
+const index = require("../../../hooks/use-namespace/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "sizes",
+  props: {
+    pageSize: {},
+    pageSizes: { default: () => [10, 20, 30, 40, 50, 100] },
+    popperClass: {},
+    disabled: { type: Boolean },
+    size: {}
+  },
+  emits: ["page-size-change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const ns = index.useNamespace("pagination");
+    const pagination = usePagination.usePagination();
+    const innerPageSize = vue.ref(__props.pageSize);
+    vue.watch(
+      () => __props.pageSizes,
+      (newVal, oldVal) => {
+        if (lodashEs.isEqual(newVal, oldVal)) return;
+        if (Array.isArray(newVal)) {
+          const _pageSize = newVal.includes(__props.pageSize) ? __props.pageSize : __props.pageSizes[0];
+          emit("page-size-change", _pageSize);
+        }
+      }
+    );
+    vue.watch(
+      () => __props.pageSize,
+      (newVal) => {
+        innerPageSize.value = newVal;
+      }
+    );
+    const innerPageSizes = vue.computed(
+      () => __props.pageSizes.map((item) => {
+        return { label: item + "条/页", value: item };
+      })
+    );
+    function handleChange(val) {
+      if (val !== innerPageSize.value) {
+        innerPageSize.value = val;
+        pagination.handleSizeChange?.(Number(val));
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(ns).e("sizes"))
+      }, [
+        vue.createVNode(vue.unref(index$1.VftSelect), {
+          "model-value": innerPageSize.value,
+          disabled: _ctx.disabled,
+          "popper-class": _ctx.popperClass,
+          size: _ctx.size,
+          "validate-event": false,
+          onChange: handleChange,
+          options: innerPageSizes.value
+        }, null, 8, ["model-value", "disabled", "popper-class", "size", "options"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/pagination/components/total.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./total.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const total_vue_vue_type_script_setup_true_lang = require("./total.vue2.cjs");
+exports.default = total_vue_vue_type_script_setup_true_lang.default;