vft 0.0.18 → 0.0.20

package/lib/components/pagination/index.d.ts

@@ -0,0 +1,121 @@
+export declare const VftPagination: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    total: NumberConstructor;
+    pageSize: NumberConstructor;
+    defaultPageSize: NumberConstructor;
+    currentPage: NumberConstructor;
+    defaultCurrentPage: NumberConstructor;
+    pageCount: NumberConstructor;
+    pagerCount: {
+        type: NumberConstructor;
+        validator: (value: unknown) => boolean;
+        default: number;
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizes: {
+        type: ArrayConstructor;
+        default: number[];
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    small: BooleanConstructor;
+    background: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hideOnSinglePage: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:current-page': (val: number) => boolean;
+    'update:page-size': (val: number) => boolean;
+    'size-change': (val: number) => boolean;
+    'current-change': (val: number) => boolean;
+    'prev-click': (val: number) => boolean;
+    'next-click': (val: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    total: NumberConstructor;
+    pageSize: NumberConstructor;
+    defaultPageSize: NumberConstructor;
+    currentPage: NumberConstructor;
+    defaultCurrentPage: NumberConstructor;
+    pageCount: NumberConstructor;
+    pagerCount: {
+        type: NumberConstructor;
+        validator: (value: unknown) => boolean;
+        default: number;
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizes: {
+        type: ArrayConstructor;
+        default: number[];
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    small: BooleanConstructor;
+    background: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hideOnSinglePage: BooleanConstructor;
+}>> & {
+    "onUpdate:current-page"?: ((val: number) => any) | undefined;
+    "onUpdate:page-size"?: ((val: number) => any) | undefined;
+    "onSize-change"?: ((val: number) => any) | undefined;
+    "onCurrent-change"?: ((val: number) => any) | undefined;
+    "onPrev-click"?: ((val: number) => any) | undefined;
+    "onNext-click"?: ((val: number) => any) | undefined;
+}, {
+    small: boolean;
+    pagerCount: number;
+    layout: string;
+    pageSizes: unknown[];
+    popperClass: string;
+    prevText: string;
+    prevIcon: string;
+    nextText: string;
+    nextIcon: string;
+    background: boolean;
+    disabled: boolean;
+    hideOnSinglePage: boolean;
+}>> & Record<string, any>;
+export default VftPagination;
+export * from './pagination';
+export * from './usePagination';

package/lib/components/pagination/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const i=require("./pagination.js"),e=require("./usePagination.js"),t=n.withInstall(i.default);exports.paginationEmits=i.paginationEmits;exports.elPaginationKey=e.elPaginationKey;exports.usePagination=e.usePagination;exports.VftPagination=t;exports.default=t;
+//# sourceMappingURL=index.js.map

package/lib/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/pagination/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Pagination from './pagination'\n\nexport const VftPagination = withInstall(Pagination)\nexport default VftPagination\n\nexport * from './pagination'\nexport * from './usePagination'\n"],"names":["VftPagination","withInstall","Pagination"],"mappings":"yRAIaA,EAAgBC,cAAYC,EAAU,OAAA"}

package/lib/components/pagination/pagination.d.ts

@@ -0,0 +1,237 @@
+import type { VNode } from 'vue';
+export declare const paginationEmits: {
+    'update:current-page': (val: number) => boolean;
+    'update:page-size': (val: number) => boolean;
+    'size-change': (val: number) => boolean;
+    'current-change': (val: number) => boolean;
+    'prev-click': (val: number) => boolean;
+    'next-click': (val: number) => boolean;
+};
+export type PaginationEmits = typeof paginationEmits;
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * @description total item count
+     */
+    total: NumberConstructor;
+    /**
+     * @description options of item count per page
+     */
+    pageSize: NumberConstructor;
+    /**
+     * @description default initial value of page size
+     */
+    defaultPageSize: NumberConstructor;
+    /**
+     * @description current page number
+     */
+    currentPage: NumberConstructor;
+    /**
+     * @description default initial value of current-page
+     */
+    defaultCurrentPage: NumberConstructor;
+    /**
+     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required
+     */
+    pageCount: NumberConstructor;
+    /**
+     * @description number of pagers. Pagination collapses when the total page count exceeds this value
+     */
+    pagerCount: {
+        type: NumberConstructor;
+        validator: (value: unknown) => boolean;
+        default: number;
+    };
+    /**
+     * @description layout of Pagination, elements separated with a comma
+     */
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description item count of each page
+     */
+    pageSizes: {
+        type: ArrayConstructor;
+        default: number[];
+    };
+    /**
+     * @description custom class name for the page size Select's dropdown
+     */
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description text for the prev button
+     */
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description icon for the prev button, higher priority of `prev-text`
+     */
+    prevIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * @description text for the next button
+     */
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description icon for the next button, higher priority of `next-text`
+     */
+    nextIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * @description whether to use small pagination
+     */
+    small: BooleanConstructor;
+    /**
+     * @description whether the buttons have a background color
+     */
+    background: BooleanConstructor;
+    /**
+     * @description whether Pagination is disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * @description whether to hide when there's only one page
+     */
+    hideOnSinglePage: BooleanConstructor;
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:current-page': (val: number) => boolean;
+    'update:page-size': (val: number) => boolean;
+    'size-change': (val: number) => boolean;
+    'current-change': (val: number) => boolean;
+    'prev-click': (val: number) => boolean;
+    'next-click': (val: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description total item count
+     */
+    total: NumberConstructor;
+    /**
+     * @description options of item count per page
+     */
+    pageSize: NumberConstructor;
+    /**
+     * @description default initial value of page size
+     */
+    defaultPageSize: NumberConstructor;
+    /**
+     * @description current page number
+     */
+    currentPage: NumberConstructor;
+    /**
+     * @description default initial value of current-page
+     */
+    defaultCurrentPage: NumberConstructor;
+    /**
+     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required
+     */
+    pageCount: NumberConstructor;
+    /**
+     * @description number of pagers. Pagination collapses when the total page count exceeds this value
+     */
+    pagerCount: {
+        type: NumberConstructor;
+        validator: (value: unknown) => boolean;
+        default: number;
+    };
+    /**
+     * @description layout of Pagination, elements separated with a comma
+     */
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description item count of each page
+     */
+    pageSizes: {
+        type: ArrayConstructor;
+        default: number[];
+    };
+    /**
+     * @description custom class name for the page size Select's dropdown
+     */
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description text for the prev button
+     */
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description icon for the prev button, higher priority of `prev-text`
+     */
+    prevIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * @description text for the next button
+     */
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description icon for the next button, higher priority of `next-text`
+     */
+    nextIcon: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * @description whether to use small pagination
+     */
+    small: BooleanConstructor;
+    /**
+     * @description whether the buttons have a background color
+     */
+    background: BooleanConstructor;
+    /**
+     * @description whether Pagination is disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * @description whether to hide when there's only one page
+     */
+    hideOnSinglePage: BooleanConstructor;
+}>> & {
+    "onUpdate:current-page"?: ((val: number) => any) | undefined;
+    "onUpdate:page-size"?: ((val: number) => any) | undefined;
+    "onSize-change"?: ((val: number) => any) | undefined;
+    "onCurrent-change"?: ((val: number) => any) | undefined;
+    "onPrev-click"?: ((val: number) => any) | undefined;
+    "onNext-click"?: ((val: number) => any) | undefined;
+}, {
+    small: boolean;
+    pagerCount: number;
+    layout: string;
+    pageSizes: unknown[];
+    popperClass: string;
+    prevText: string;
+    prevIcon: string;
+    nextText: string;
+    nextIcon: string;
+    background: boolean;
+    disabled: boolean;
+    hideOnSinglePage: boolean;
+}>;
+export default _default;

package/lib/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("@vft/utils"),a=require("vue"),B=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const I=require("./components/prev.vue2.js"),M=require("./components/next.vue2.js"),j=require("./components/sizes.vue2.js"),w=require("./components/jumper.vue2.js"),A=require("./components/total.vue2.js"),E=require("./components/pager.vue2.js"),U=require("./usePagination.js"),u=e=>typeof e!="number",S={"update:current-page":e=>g.isNumber(e),"update:page-size":e=>g.isNumber(e),"size-change":e=>g.isNumber(e),"current-change":e=>g.isNumber(e),"prev-click":e=>g.isNumber(e),"next-click":e=>g.isNumber(e)},L="VftPagination",O=a.defineComponent({name:L,props:{total:Number,pageSize:Number,defaultPageSize:Number,currentPage:Number,defaultCurrentPage:Number,pageCount:Number,pagerCount:{type:Number,validator:e=>g.isNumber(e)&&Math.trunc(e)===e&&e>4&&e<22&&e%2===1,default:7},layout:{type:String,default:["prev","pager","next","jumper","->","total"].join(", ")},pageSizes:{type:Array,default:[10,20,30,40,50,100]},popperClass:{type:String,default:""},prevText:{type:String,default:""},prevIcon:{type:String,default:()=>"ArrowLeft"},nextText:{type:String,default:""},nextIcon:{type:String,default:()=>"ArrowRight"},small:Boolean,background:Boolean,disabled:Boolean,hideOnSinglePage:Boolean},emits:S,setup(e,{emit:c,slots:d}){const i=B.useNamespace("pagination"),s=a.getCurrentInstance().vnode.props||{},h="onUpdate:currentPage"in s||"onUpdate:current-page"in s||"onCurrentChange"in s,v="onUpdate:pageSize"in s||"onUpdate:page-size"in s||"onSizeChange"in s,y=a.computed(()=>{if(u(e.total)&&u(e.pageCount)||!u(e.currentPage)&&!h)return!1;if(e.layout.includes("sizes")){if(u(e.pageCount)){if(!u(e.total)&&!u(e.pageSize)&&!v)return!1}else if(!v)return!1}return!0}),C=a.ref(u(e.defaultPageSize)?10:e.defaultPageSize),b=a.ref(u(e.defaultCurrentPage)?1:e.defaultCurrentPage),p=a.computed({get(){return u(e.pageSize)?C.value:e.pageSize},set(t){u(e.pageSize)&&(C.value=t),v&&(c("update:page-size",t),c("size-change",t))}}),l=a.computed(()=>{let t=0;return u(e.pageCount)?u(e.total)||(t=Math.max(1,Math.ceil(e.total/p.value))):t=e.pageCount,t}),r=a.computed({get(){return u(e.currentPage)?b.value:e.currentPage},set(t){let n=t;t<1?n=1:t>l.value&&(n=l.value),u(e.currentPage)&&(b.value=n),h&&(c("update:current-page",n),c("current-change",n))}});a.watch(l,t=>{r.value>t&&(r.value=t)});function m(t){r.value=t}function x(t){p.value=t;const n=l.value;r.value>n&&(r.value=n)}function N(){e.disabled||(r.value-=1,c("prev-click",r.value))}function q(){e.disabled||(r.value+=1,c("next-click",r.value))}function f(t,n){t&&(t.props||(t.props={}),t.props.class=[t.props.class,n].join(" "))}return a.provide(U.elPaginationKey,{pageCount:l,disabled:a.computed(()=>e.disabled),currentPage:r,changeEvent:m,handleSizeChange:x}),()=>{var z;if(!y.value||!e.layout||e.hideOnSinglePage&&l.value<=1)return null;const t=[],n=[],k=a.h("div",{class:i.e("rightwrapper")},n),P={prev:a.h(I.default,{disabled:e.disabled,currentPage:r.value,prevText:e.prevText,prevIcon:e.prevIcon,onClick:N}),jumper:a.h(w.default,{size:e.small?"small":"default"}),pager:a.h(E.default,{currentPage:r.value,pageCount:l.value,pagerCount:e.pagerCount,onChange:m,disabled:e.disabled}),next:a.h(M.default,{disabled:e.disabled,currentPage:r.value,pageCount:l.value,nextText:e.nextText,nextIcon:e.nextIcon,onClick:q}),sizes:a.h(j.default,{pageSize:p.value,pageSizes:e.pageSizes,popperClass:e.popperClass,disabled:e.disabled,size:e.small?"small":"default"}),slot:((z=d==null?void 0:d.default)==null?void 0:z.call(d))??null,total:a.h(A.default,{total:u(e.total)?0:e.total})},T=e.layout.split(",").map(o=>o.trim());let _=!1;return T.forEach(o=>{if(o==="->"){_=!0;return}_?n.push(P[o]):t.push(P[o])}),f(t[0],i.is("first")),f(t[t.length-1],i.is("last")),_&&n.length>0&&(f(n[0],i.is("first")),f(n[n.length-1],i.is("last")),t.push(k)),a.h("div",{role:"pagination","aria-label":"pagination",class:[i.b(),i.is("background",e.background),{[i.m("small")]:e.small}]},t)}}});exports.default=O;exports.paginationEmits=S;
+//# sourceMappingURL=pagination.js.map

package/lib/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../../packages/components/pagination/pagination.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\nimport { computed, type ComputedRef, defineComponent, getCurrentInstance, h, type InjectionKey, provide, ref, watch, type WritableComputedRef } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nimport Prev from './components/prev.vue';\nimport Next from './components/next.vue';\nimport Sizes from './components/sizes.vue';\nimport Jumper from './components/jumper.vue';\nimport Total from './components/total.vue';\nimport Pager from './components/pager.vue';\n\nimport type { VNode } from 'vue';\nimport { elPaginationKey } from './usePagination';\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number';\n\ntype LayoutKey = 'prev' | 'pager' | 'next' | 'jumper' | '->' | 'total' | 'sizes' | 'slot';\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val)\n};\nexport type PaginationEmits = typeof paginationEmits;\n\nconst componentName = 'VftPagination';\nexport default defineComponent({\n  name: componentName,\n  props: {\n    /**\n     * @description total item count\n     */\n    total: Number,\n    /**\n     * @description options of item count per page\n     */\n    pageSize: Number,\n    /**\n     * @description default initial value of page size\n     */\n    defaultPageSize: Number,\n    /**\n     * @description current page number\n     */\n    currentPage: Number,\n    /**\n     * @description default initial value of current-page\n     */\n    defaultCurrentPage: Number,\n    /**\n     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n     */\n    pageCount: Number,\n    /**\n     * @description number of pagers. Pagination collapses when the total page count exceeds this value\n     */\n    pagerCount: {\n      type: Number,\n      validator: (value: unknown) => {\n        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;\n      },\n      default: 7\n    },\n    /**\n     * @description layout of Pagination, elements separated with a comma\n     */\n    layout: {\n      type: String,\n      default: (['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]).join(', ')\n    },\n    /**\n     * @description item count of each page\n     */\n    pageSizes: {\n      type: Array,\n      default: [10, 20, 30, 40, 50, 100]\n    },\n    /**\n     * @description custom class name for the page size Select's dropdown\n     */\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description text for the prev button\n     */\n    prevText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the prev button, higher priority of `prev-text`\n     */\n    prevIcon: {\n      type: String,\n      default: () => 'ArrowLeft'\n    },\n    /**\n     * @description text for the next button\n     */\n    nextText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the next button, higher priority of `next-text`\n     */\n    nextIcon: {\n      type: String,\n      default: () => 'ArrowRight'\n    },\n    /**\n     * @description whether to use small pagination\n     */\n    small: Boolean,\n    /**\n     * @description whether the buttons have a background color\n     */\n    background: Boolean,\n    /**\n     * @description whether Pagination is disabled\n     */\n    disabled: Boolean,\n    /**\n     * @description whether to hide when there's only one page\n     */\n    hideOnSinglePage: Boolean\n  },\n  emits: paginationEmits,\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('pagination');\n    const vnodeProps = getCurrentInstance()!.vnode.props || {};\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener = 'onUpdate:currentPage' in vnodeProps || 'onUpdate:current-page' in vnodeProps || 'onCurrentChange' in vnodeProps;\n    const hasPageSizeListener = 'onUpdate:pageSize' in vnodeProps || 'onUpdate:page-size' in vnodeProps || 'onSizeChange' in vnodeProps;\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false;\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false;\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false;\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false;\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true;\n    });\n\n    const innerPageSize = ref(isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize);\n    const innerCurrentPage = ref(isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage);\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize;\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v;\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v);\n          emit('size-change', v);\n        }\n      }\n    });\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0;\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount;\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value));\n      }\n      return pageCount;\n    });\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage) ? innerCurrentPage.value : props.currentPage;\n      },\n      set(v) {\n        let newCurrentPage = v;\n        if (v < 1) {\n          newCurrentPage = 1;\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value;\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage;\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage);\n          emit('current-change', newCurrentPage);\n        }\n      }\n    });\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val;\n    });\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val;\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val;\n      const newPageCount = pageCountBridge.value;\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount;\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return;\n      currentPageBridge.value -= 1;\n      emit('prev-click', currentPageBridge.value);\n    }\n\n    function next() {\n      if (props.disabled) return;\n      currentPageBridge.value += 1;\n      emit('next-click', currentPageBridge.value);\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {};\n        }\n        element.props.class = [element.props.class, cls].join(' ');\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange\n    });\n\n    return () => {\n      if (!assertValidUsage.value) {\n        // debugWarn(componentName, t('el.pagination.deprecationWarning'));\n        return null;\n      }\n      if (!props.layout) return null;\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null;\n      const rootChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperRoot = h('div', { class: ns.e('rightwrapper') }, rightWrapperChildren);\n      const TEMPLATE_MAP: Record<Exclude<LayoutKey, '->'>, VNode | VNode[] | null> = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev\n        }),\n        jumper: h(Jumper, {\n          size: props.small ? 'small' : 'default'\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n          size: props.small ? 'small' : 'default'\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total })\n      };\n\n      const components = props.layout.split(',').map((item: string) => item.trim()) as LayoutKey[];\n\n      let haveRightWrapper = false;\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true;\n          return;\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c]);\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c]);\n        }\n      });\n\n      addClass(rootChildren[0], ns.is('first'));\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'));\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'));\n        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], ns.is('last'));\n        rootChildren.push(rightWrapperRoot);\n      }\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            {\n              [ns.m('small')]: props.small\n            }\n          ]\n        },\n        rootChildren\n      );\n    };\n  }\n});\n"],"names":["isAbsent","v","paginationEmits","val","isNumber","componentName","Pagination","defineComponent","value","props","emit","slots","ns","useNamespace","vnodeProps","getCurrentInstance","hasCurrentPageListener","hasPageSizeListener","assertValidUsage","computed","innerPageSize","ref","innerCurrentPage","pageSizeBridge","pageCountBridge","pageCount","currentPageBridge","newCurrentPage","watch","handleCurrentChange","handleSizeChange","newPageCount","prev","next","addClass","element","cls","provide","elPaginationKey","rootChildren","rightWrapperChildren","rightWrapperRoot","h","TEMPLATE_MAP","Prev","Jumper","Pager","Next","Sizes","_a","Total","components","item","haveRightWrapper","c"],"mappings":"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"}

package/lib/components/pagination/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-pagination.css");
+//# sourceMappingURL=css.js.map

package/lib/components/pagination/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/pagination/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/pagination.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/pagination/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/pagination/usePagination.d.ts

@@ -0,0 +1,10 @@
+import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';
+export interface ElPaginationContext {
+    currentPage?: WritableComputedRef<number>;
+    pageCount?: ComputedRef<number>;
+    disabled?: ComputedRef<boolean>;
+    changeEvent?: (val: number) => void;
+    handleSizeChange?: (val: number) => void;
+}
+export declare const elPaginationKey: InjectionKey<ElPaginationContext>;
+export declare const usePagination: () => ElPaginationContext;

package/lib/components/pagination/usePagination.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),e=Symbol("elPaginationKey"),i=()=>n.inject(e,{});exports.elPaginationKey=e;exports.usePagination=i;
+//# sourceMappingURL=usePagination.js.map

package/lib/components/pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../../../packages/components/pagination/usePagination.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';\nimport { inject } from 'vue';\nexport interface ElPaginationContext {\n  currentPage?: WritableComputedRef<number>;\n  pageCount?: ComputedRef<number>;\n  disabled?: ComputedRef<boolean>;\n  changeEvent?: (val: number) => void;\n  handleSizeChange?: (val: number) => void;\n}\n\nexport const elPaginationKey: InjectionKey<ElPaginationContext> = Symbol('elPaginationKey');\n\nexport const usePagination = () => inject(elPaginationKey, {});\n"],"names":["elPaginationKey","usePagination","inject"],"mappings":"uGAUaA,EAAqD,OAAO,iBAAiB,EAE7EC,EAAgB,IAAMC,SAAOF,EAAiB,CAAE,CAAA"}

package/lib/components/popover/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement | undefined>;
         required: false;
     };
     disabled: {
@@ -20,7 +20,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
         required: false;
     };
     tabindex: {
@@ -44,7 +44,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     effect: {
-        type: import("vue").PropType<"light" | "dark" | undefined>;
+        type: import("vue").PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {
@@ -92,7 +92,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement | undefined>;
         required: false;
     };
     disabled: {
@@ -108,7 +108,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
         required: false;
     };
     tabindex: {
@@ -132,7 +132,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     effect: {
-        type: import("vue").PropType<"light" | "dark" | undefined>;
+        type: import("vue").PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {

package/lib/components/popover/popover.vue.d.ts

@@ -48,7 +48,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     effect: {
-        type: __PropType<"light" | "dark" | undefined>;
+        type: __PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {
@@ -138,7 +138,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     effect: {
-        type: __PropType<"light" | "dark" | undefined>;
+        type: __PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {

package/lib/components/popper/composables/use-content.d.ts

@@ -46,11 +46,11 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
+                auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
                 bottom?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

package/lib/components/popper/content.vue.d.ts

@@ -115,7 +115,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description content style
      */
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseenter" | "mouseleave")[], "close" | "focus" | "blur" | "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseleave" | "mouseenter")[], "close" | "focus" | "blur" | "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     boundariesPadding: {
         type: __PropType<number | undefined>;
         required: false;
@@ -214,9 +214,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onMouseenter?: ((...args: any[]) => any) | undefined;
-    onMouseleave?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/lib/components/popper/index.d.ts

@@ -4,12 +4,12 @@ import VftPopperContent from './content.vue';
 export { VftPopperArrow, VftPopperTrigger, VftPopperContent };
 export declare const VftPopper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>> & Record<string, any>;

package/lib/components/popper/popper.vue.d.ts

@@ -1,12 +1,12 @@
 import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>;

package/lib/components/qrcode/drawCanvas.d.ts

@@ -0,0 +1,2 @@
+import type { RenderQrCodeParams } from './types';
+export declare const renderQrCode: ({ canvas, content, width, options: params }: RenderQrCodeParams) => any;

package/lib/components/qrcode/drawCanvas.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("qrcode"),c=require("lodash"),l=({canvas:e,content:r,width:n=0,options:i={}})=>{const o=c.cloneDeep(i);return o.errorCorrectionLevel=o.errorCorrectionLevel||a(r),u(r,o).then(s=>(o.scale=n===0?void 0:n/s*4,t.toCanvas(e,r,o)))};function u(e,r){const n=document.createElement("canvas");return t.toCanvas(n,e,r).then(()=>n.width)}function a(e){return e.length>36?"M":e.length>16?"Q":"H"}exports.renderQrCode=l;
+//# sourceMappingURL=drawCanvas.js.map

package/lib/components/qrcode/drawCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawCanvas.js","sources":["../../../../../packages/components/qrcode/drawCanvas.ts"],"sourcesContent":["import { toCanvas } from 'qrcode';\nimport type { QRCodeRenderersOptions } from 'qrcode';\nimport type { RenderQrCodeParams, ContentType } from './types';\nimport { cloneDeep } from 'lodash';\n\nexport const renderQrCode = ({ canvas, content, width = 0, options: params = {} }: RenderQrCodeParams) => {\n  const options = cloneDeep(params);\n  // 容错率，默认对内容少的二维码采用高容错率，内容多的二维码采用低容错率\n  options.errorCorrectionLevel = options.errorCorrectionLevel || getErrorCorrectionLevel(content);\n\n  return getOriginWidth(content, options).then((_width: number) => {\n    options.scale = width === 0 ? undefined : (width / _width) * 4;\n    return toCanvas(canvas, content, options);\n  });\n};\n\n// 得到原QrCode的大小，以便缩放得到正确的QrCode大小\nfunction getOriginWidth(content: ContentType, options: QRCodeRenderersOptions) {\n  const _canvas = document.createElement('canvas');\n  return toCanvas(_canvas, content, options).then(() => _canvas.width);\n}\n\n// 对于内容少的QrCode，增大容错率\nfunction getErrorCorrectionLevel(content: ContentType) {\n  if (content.length > 36) {\n    return 'M';\n  } else if (content.length > 16) {\n    return 'Q';\n  } else {\n    return 'H';\n  }\n}\n"],"names":["renderQrCode","canvas","content","width","params","options","cloneDeep","getErrorCorrectionLevel","getOriginWidth","_width","toCanvas","_canvas"],"mappings":"8HAKaA,EAAe,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,EAAQ,EAAG,QAASC,EAAS,CAAA,KAA6B,CAClG,MAAAC,EAAUC,YAAUF,CAAM,EAEhC,OAAAC,EAAQ,qBAAuBA,EAAQ,sBAAwBE,EAAwBL,CAAO,EAEvFM,EAAeN,EAASG,CAAO,EAAE,KAAMI,IAC5CJ,EAAQ,MAAQF,IAAU,EAAI,OAAaA,EAAQM,EAAU,EACtDC,WAAST,EAAQC,EAASG,CAAO,EACzC,CACH,EAGA,SAASG,EAAeN,EAAsBG,EAAiC,CACvE,MAAAM,EAAU,SAAS,cAAc,QAAQ,EACxC,OAAAD,EAAA,SAASC,EAAST,EAASG,CAAO,EAAE,KAAK,IAAMM,EAAQ,KAAK,CACrE,CAGA,SAASJ,EAAwBL,EAAsB,CACjD,OAAAA,EAAQ,OAAS,GACZ,IACEA,EAAQ,OAAS,GACnB,IAEA,GAEX"}

package/lib/components/qrcode/drawLogo.d.ts

@@ -0,0 +1,2 @@
+import type { RenderQrCodeParams } from './types';
+export declare const drawLogo: ({ canvas, logo }: RenderQrCodeParams) => Promise<unknown> | undefined;

package/lib/components/qrcode/drawLogo.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@vft/utils"),C=({canvas:e,logo:t})=>{if(!t)return new Promise(g=>{g(e.toDataURL())});const o=e.width,{logoSize:i=.15,bgColor:c="#fff",borderSize:r=.05,crossOrigin:l,borderRadius:L=8,logoRadius:f=0}=t,P=v.isString(t)?t:t.src,a=o*i,s=o*(1-i)/2,m=o*(i+r),S=o*(1-i-r)/2,n=e.getContext("2d");if(!n)return;w(n)(S,S,m,m,L),n.fillStyle=c,n.fill();const d=new Image;(l||f)&&d.setAttribute("crossOrigin",l||"anonymous"),d.src=P;const R=g=>{n.drawImage(g,s,s,a,a)},T=g=>{const u=document.createElement("canvas");u.width=s+a,u.height=s+a;const h=u.getContext("2d");if(!h||!n||(h.drawImage(g,s,s,a,a),w(n)(s,s,a,a,f),!n))return;const b=n.createPattern(u,"no-repeat");b&&(n.fillStyle=b,n.fill())};return new Promise(g=>{d.onload=()=>{f?T(d):R(d),g(e.toDataURL())}})};function w(e){return(t,o,i,c,r)=>{const l=Math.min(i,c);return r>l/2&&(r=l/2),e.beginPath(),e.moveTo(t+r,o),e.arcTo(t+i,o,t+i,o+c,r),e.arcTo(t+i,o+c,t,o+c,r),e.arcTo(t,o+c,t,o,r),e.arcTo(t,o,t+i,o,r),e.closePath(),e}}exports.drawLogo=C;
+//# sourceMappingURL=drawLogo.js.map