@vunk/plus 1.12.2 → 1.13.0

package/components/table-columns/src/index.vue.d.ts

@@ -1,6 +1,8 @@
 import type { VNode } from 'vue';
 import type { Source } from './types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     source: {
         type: import("vue").PropType<Source<any>[]>;
         default: () => never[];
@@ -22,13 +24,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    renderHeader: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["renderHeader"]>;
+    renderHeader: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["renderHeader"]>;
     sortable: {
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-    sortMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["sortMethod"]>;
-    sortBy: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["sortBy"]>;
+    sortMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["sortMethod"]>;
+    sortBy: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["sortBy"]>;
     resizable: {
         type: BooleanConstructor;
         default: boolean;
@@ -39,20 +41,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showTooltipWhenOverflow: BooleanConstructor;
     showOverflowTooltip: BooleanConstructor;
     fixed: (BooleanConstructor | StringConstructor)[];
-    formatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["formatter"]>;
-    selectable: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["selectable"]>;
+    formatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["formatter"]>;
+    selectable: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["selectable"]>;
     reserveSelection: BooleanConstructor;
-    filterMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["filterMethod"]>;
-    filteredValue: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["filteredValue"]>;
-    filters: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["filters"]>;
+    filterMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["filterMethod"]>;
+    filteredValue: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["filteredValue"]>;
+    filters: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["filters"]>;
     filterPlacement: StringConstructor;
     filterMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
-    index: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["index"]>;
+    index: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["index"]>;
     sortOrders: {
-        type: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["sortOrders"]>;
+        type: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["sortOrders"]>;
         default: () => (string | null)[];
         validator: (val: import("element-plus").TableColumnCtx<any>["sortOrders"]) => boolean;
     };
@@ -80,13 +82,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    renderHeader: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["renderHeader"]>;
+    renderHeader: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["renderHeader"]>;
     sortable: {
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-    sortMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["sortMethod"]>;
-    sortBy: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["sortBy"]>;
+    sortMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["sortMethod"]>;
+    sortBy: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["sortBy"]>;
     resizable: {
         type: BooleanConstructor;
         default: boolean;
@@ -97,20 +99,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showTooltipWhenOverflow: BooleanConstructor;
     showOverflowTooltip: BooleanConstructor;
     fixed: (BooleanConstructor | StringConstructor)[];
-    formatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["formatter"]>;
-    selectable: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["selectable"]>;
+    formatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["formatter"]>;
+    selectable: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["selectable"]>;
     reserveSelection: BooleanConstructor;
-    filterMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["filterMethod"]>;
-    filteredValue: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["filteredValue"]>;
-    filters: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["filters"]>;
+    filterMethod: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["filterMethod"]>;
+    filteredValue: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["filteredValue"]>;
+    filters: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["filters"]>;
     filterPlacement: StringConstructor;
     filterMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
-    index: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["index"]>;
+    index: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["index"]>;
     sortOrders: {
-        type: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["sortOrders"]>;
+        type: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults.mjs").DefaultRow>["sortOrders"]>;
         default: () => (string | null)[];
         validator: (val: import("element-plus").TableColumnCtx<any>["sortOrders"]) => boolean;
     };
@@ -124,9 +126,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showOverflowTooltip: boolean;
     reserveSelection: boolean;
     filterMultiple: boolean;
-    sortOrders: (import("element-plus/es/components/table/src/table/defaults").TableSortOrder | null)[];
+    sortOrders: (import("element-plus/es/components/table/src/table/defaults.mjs").TableSortOrder | null)[];
     showTooltipWhenOverflow: boolean;
 }, {}, {
     ElTableColumn: never;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/tables-v1/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vunk/plus/components/table-columns"),N=require("@vunk/plus/composables/el-breakpoints"),V=require("@vunk/core"),a=require("element-plus"),j=require("@vunk/core/shared/utils-object"),o=require("@vunk/core/shared/utils-vue"),y={data:{type:Array,default:()=>[]},size:a.useSizeProp,width:[String,Number],height:[String,Number],maxHeight:[String,Number],fit:{type:Boolean,default:!0},stripe:Boolean,border:Boolean,rowKey:[String,Function],showHeader:{type:Boolean,default:!0},showSummary:Boolean,sumText:String,summaryMethod:Function,rowClassName:[String,Function],rowStyle:[Object,Function],cellClassName:[String,Function],cellStyle:[Object,Function],headerRowClassName:[String,Function],headerRowStyle:[Object,Function],headerCellClassName:[String,Function],headerCellStyle:[Object,Function],highlightCurrentRow:Boolean,currentRowKey:[String,Number],emptyText:String,expandRowKeys:Array,defaultExpandAll:Boolean,defaultSort:Object,tooltipEffect:String,tooltipOptions:Object,spanMethod:Function,selectOnIndeterminate:{type:Boolean,default:!0},indent:{type:Number,default:16},treeProps:{type:Object,default:()=>({hasChildren:"hasChildren",children:"children",checkStrictly:!1})},lazy:Boolean,load:Function,style:{type:Object,default:()=>({})},className:{type:String,default:""},tableLayout:{type:String,default:"fixed"},scrollbarAlwaysOn:Boolean,flexible:Boolean,showOverflowTooltip:[Boolean,Object],appendFilterPanelTo:String,scrollbarTabindex:{type:[Number,String],default:void 0}};o.bindPropsFactory(y);const f={select:null,"select-all":null,"selection-change":null,"cell-mouse-enter":null,"cell-mouse-leave":null,"cell-contextmenu":null,"cell-click":null,"cell-dblclick":null,"row-click":null,"row-contextmenu":null,"row-dblclick":null,"header-click":null,"header-contextmenu":null,"sort-change":null,"filter-change":null,"current-change":null,"header-dragend":null,"expand-change":null,scroll:null},_=o.onEmitsFactory(f),S=o.bindPropsFactory(a.paginationProps),h=o.onEmitsFactory(a.paginationEmits),P=j.pickObject(y,{excludes:["style","className"]}),v=o.bindPropsFactory(P),d={...p._VkTableColumnsElCtx.tableColumnProps,...a.paginationProps,...P,border:{type:Boolean,default:!0},tableClass:{type:String,default:""},tableStyle:{type:Object,default:void 0},layout:{type:String,default:void 0},pageSize:{type:Number,default:10},currentPage:{type:Number,default:1},start:{type:Number,default:void 0},columns:{type:Array,default:()=>[]},modules:{type:Array,default:()=>["pagination"]},align:{type:String,default:"center"},headerAlign:{type:String,default:"center"},elRef:{type:Function,default:void 0},duplexFull:{type:Boolean,default:!0}},z=o.bindPropsFactory(d),g={...a.paginationEmits,...f,"update:start":u=>typeof u=="number"},M=o.onEmitsFactory(g),q=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:z,createOnEmits:M,createPaginationBindProps:S,createPaginationOnEmits:h,createTableBindProps:v,emits:g,props:d},Symbol.toStringTag,{value:"Module"})),A={key:0,class:"vk-tables-v1-pagination-x"},s=e.defineComponent({name:"VkTablesV1",__name:"index",props:d,emits:g,setup(u,{emit:k}){const l=u,i=k,x=a.ElTable,C=S(l,["layout","currentPage"]),O=h(i,["update:current-page"]),B=p._VkTableColumnsElCtx.createTableColumnBindProps(l),m=v(l),F=_(i),{isMobile:w}=N.useElBreakpoints(),E=e.computed(()=>l.modules.includes("pagination")),c=e.computed({get:()=>l.start!==void 0?Math.floor(l.start/l.pageSize)+1:l.currentPage,set:t=>{i("update:current-page",t),b({currentPage:t})}});function b(t){const r=t.currentPage??c.value,n=t.pageSize??l.pageSize;i("update:start",(r-1)*n)}const T=e.computed(()=>l.layout?l.layout:w.value?"total, prev, pager, next":"total, sizes, prev, pager, next, jumper");return(t,r)=>(e.openBlock(),e.createBlock(e.unref(V.VkDuplexCalc),{class:"vk-tables-v1","with-resize":"one",gap:"var(--vk-tables-v1-gap, 14px)",full:t.duplexFull},{one:e.withCtx(({resizeElementClientMaxHeight:n})=>[e.createVNode(e.unref(x),e.mergeProps(e.unref(m),{ref:t.elRef,style:t.tableStyle,"max-height":t.duplexFull?e.unref(m).maxHeight:n,"class-name":`vk-tables-v1-table ${t.tableClass}`},e.toHandlers(e.unref(F))),{default:e.withCtx(()=>[e.createVNode(e.unref(p.VkTableColumns),e.mergeProps(e.unref(B),{source:t.columns}),null,16,["source"])]),_:2},1040,["style","max-height","class-name"])]),default:e.withCtx(()=>[E.value?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(a.ElPagination),e.mergeProps(e.unref(C),{"current-page":c.value,"onUpdate:currentPage":r[0]||(r[0]=n=>c.value=n),layout:T.value},e.toHandlers(e.unref(O)),{"onUpdate:pageSize":r[1]||(r[1]=n=>b({pageSize:n}))}),null,16,["current-page","layout"])])):e.createCommentVNode("",!0)]),_:1},8,["full"]))}}),R=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));s.install=u=>{u.component(s.name||"VkTablesV1",s)};exports.VkTablesV1=s;exports._VkTabelsV1Ctx=q;exports.__VkTablesV1=R;exports.default=s;

package/components/tables-v1/index.mjs

@@ -1,13 +1,11 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, toHandlers, createElementBlock, createCommentVNode } from 'vue';
-import { _VkTableColumnsElCtx, VkTableColumns } from '@vunk/plus/components/table-columns';
-import { useElBreakpoints } from '@vunk/plus/composables/el-breakpoints';
-import { VkDuplexCalc } from '@vunk/core';
-import { useSizeProp, paginationProps, paginationEmits, ElPagination, ElTable } from 'element-plus';
-import { pickObject } from '@vunk/core/shared/utils-object';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const tableProps$1 = {
+import { defineComponent as H, computed as s, createBlock as K, openBlock as h, unref as l, withCtx as c, createElementBlock as $, createCommentVNode as U, createVNode as p, mergeProps as d, toHandlers as P } from "vue";
+import { _VkTableColumnsElCtx as v, VkTableColumns as D } from "@vunk/plus/components/table-columns";
+import { useElBreakpoints as I } from "@vunk/plus/composables/el-breakpoints";
+import { VkDuplexCalc as L } from "@vunk/core";
+import { useSizeProp as q, paginationProps as x, paginationEmits as k, ElPagination as G, ElTable as J } from "element-plus";
+import { pickObject as Q } from "@vunk/core/shared/utils-object";
+import { bindPropsFactory as u, onEmitsFactory as g } from "@vunk/core/shared/utils-vue";
+const O = {
   /**
    * @description table data
    */
@@ -18,7 +16,7 @@ const tableProps$1 = {
   /**
    * @description size of Table
    */
-  size: useSizeProp,
+  size: q,
   width: [String, Number],
   /**
    * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
@@ -33,7 +31,7 @@ const tableProps$1 = {
    */
   fit: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description whether Table is striped
@@ -52,7 +50,7 @@ const tableProps$1 = {
    */
   showHeader: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description whether to display a summary row
@@ -139,7 +137,7 @@ const tableProps$1 = {
    */
   selectOnIndeterminate: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description horizontal indentation of tree data
@@ -153,13 +151,11 @@ const tableProps$1 = {
    */
   treeProps: {
     type: Object,
-    default: () => {
-      return {
-        hasChildren: "hasChildren",
-        children: "children",
-        checkStrictly: false
-      };
-    }
+    default: () => ({
+      hasChildren: "hasChildren",
+      children: "children",
+      checkStrictly: !1
+    })
   },
   /**
    * @description whether to lazy loading data
@@ -202,9 +198,9 @@ const tableProps$1 = {
     default: void 0
   }
 };
-bindPropsFactory(tableProps$1);
-const tableEmits = {
-  "select": null,
+u(O);
+const B = {
+  select: null,
   "select-all": null,
   "selection-change": null,
   "cell-mouse-enter": null,
@@ -222,23 +218,16 @@ const tableEmits = {
   "current-change": null,
   "header-dragend": null,
   "expand-change": null,
-  "scroll": null
-};
-const createElTableOnEmits = onEmitsFactory(tableEmits);
-
-const createPaginationBindProps = bindPropsFactory(paginationProps);
-const createPaginationOnEmits = onEmitsFactory(paginationEmits);
-const tableProps = pickObject(tableProps$1, {
+  scroll: null
+}, W = g(B), C = u(x), w = g(k), F = Q(O, {
   excludes: ["style", "className"]
-});
-const createTableBindProps = bindPropsFactory(tableProps);
-const props = {
-  ..._VkTableColumnsElCtx.tableColumnProps,
-  ...paginationProps,
-  ...tableProps,
+}), T = u(F), b = {
+  ...v.tableColumnProps,
+  ...x,
+  ...F,
   border: {
     type: Boolean,
-    default: true
+    default: !0
   },
   tableClass: {
     type: String,
@@ -300,135 +289,85 @@ const props = {
    */
   duplexFull: {
     type: Boolean,
-    default: true
+    default: !0
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...paginationEmits,
-  ...tableEmits,
-  "update:start": (val) => typeof val === "number"
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+}, X = u(b), y = {
+  ...k,
+  ...B,
+  "update:start": (o) => typeof o == "number"
+}, Y = g(y), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  createPaginationBindProps: createPaginationBindProps,
-  createPaginationOnEmits: createPaginationOnEmits,
-  createTableBindProps: createTableBindProps,
-  emits: emits,
-  props: props
-});
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkTablesV1"
-  },
+  createBindProps: X,
+  createOnEmits: Y,
+  createPaginationBindProps: C,
+  createPaginationOnEmits: w,
+  createTableBindProps: T,
+  emits: y,
+  props: b
+}, Symbol.toStringTag, { value: "Module" })), Z = {
+  key: 0,
+  class: "vk-tables-v1-pagination-x"
+}, m = /* @__PURE__ */ H({
+  name: "VkTablesV1",
   __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const ElTable$1 = ElTable;
-    const paginationBindProps = createPaginationBindProps(props, ["layout", "currentPage"]);
-    const paginationOnEmits = createPaginationOnEmits(emit, [
+  props: b,
+  emits: y,
+  setup(o, { emit: E }) {
+    const t = o, r = E, N = J, j = C(t, ["layout", "currentPage"]), V = w(r, [
       "update:current-page"
-    ]);
-    const columnsProps = _VkTableColumnsElCtx.createTableColumnBindProps(props);
-    const tableProps = createTableBindProps(props);
-    const tableOnEmits = createElTableOnEmits(emit);
-    const { isMobile } = useElBreakpoints();
-    const hasPagination = computed(() => props.modules.includes("pagination"));
-    const theCurrentPage = computed({
-      get: () => {
-        if (props.start !== void 0) {
-          return Math.floor(props.start / props.pageSize) + 1;
-        }
-        return props.currentPage;
-      },
-      set: (val) => {
-        emit("update:current-page", val);
-        updateStart({ currentPage: val });
+    ]), z = v.createTableColumnBindProps(t), f = T(t), _ = W(r), { isMobile: A } = I(), R = s(() => t.modules.includes("pagination")), i = s({
+      get: () => t.start !== void 0 ? Math.floor(t.start / t.pageSize) + 1 : t.currentPage,
+      set: (e) => {
+        r("update:current-page", e), S({ currentPage: e });
       }
     });
-    function updateStart(e) {
-      const currentPage = e.currentPage ?? theCurrentPage.value;
-      const pageSize = e.pageSize ?? props.pageSize;
-      emit("update:start", (currentPage - 1) * pageSize);
+    function S(e) {
+      const a = e.currentPage ?? i.value, n = e.pageSize ?? t.pageSize;
+      r("update:start", (a - 1) * n);
     }
-    const layout = computed(() => {
-      if (props.layout) {
-        return props.layout;
-      }
-      if (isMobile.value) {
-        return "total, prev, pager, next";
-      }
-      return "total, sizes, prev, pager, next, jumper";
-    });
-    const __returned__ = { props, emit, ElTable: ElTable$1, paginationBindProps, paginationOnEmits, columnsProps, tableProps, tableOnEmits, isMobile, hasPagination, theCurrentPage, updateStart, layout, get VkTableColumns() {
-      return VkTableColumns;
-    }, get VkDuplexCalc() {
-      return VkDuplexCalc;
-    }, get ElPagination() {
-      return ElPagination;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    const M = s(() => t.layout ? t.layout : A.value ? "total, prev, pager, next" : "total, sizes, prev, pager, next, jumper");
+    return (e, a) => (h(), K(l(L), {
+      class: "vk-tables-v1",
+      "with-resize": "one",
+      gap: "var(--vk-tables-v1-gap, 14px)",
+      full: e.duplexFull
+    }, {
+      one: c(({ resizeElementClientMaxHeight: n }) => [
+        p(l(N), d(l(f), {
+          ref: e.elRef,
+          style: e.tableStyle,
+          "max-height": e.duplexFull ? l(f).maxHeight : n,
+          "class-name": `vk-tables-v1-table ${e.tableClass}`
+        }, P(l(_))), {
+          default: c(() => [
+            p(l(D), d(l(z), { source: e.columns }), null, 16, ["source"])
+          ]),
+          _: 2
+        }, 1040, ["style", "max-height", "class-name"])
+      ]),
+      default: c(() => [
+        R.value ? (h(), $("div", Z, [
+          p(l(G), d(l(j), {
+            "current-page": i.value,
+            "onUpdate:currentPage": a[0] || (a[0] = (n) => i.value = n),
+            layout: M.value
+          }, P(l(V)), {
+            "onUpdate:pageSize": a[1] || (a[1] = (n) => S({ pageSize: n }))
+          }), null, 16, ["current-page", "layout"])
+        ])) : U("", !0)
+      ]),
+      _: 1
+    }, 8, ["full"]));
   }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vk-tables-v1-pagination-x"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkDuplexCalc"], {
-    class: "vk-tables-v1",
-    "with-resize": "one",
-    gap: "var(--vk-tables-v1-gap, 14px)",
-    full: _ctx.duplexFull
-  }, {
-    one: withCtx(({ resizeElementClientMaxHeight }) => [
-      createVNode($setup["ElTable"], mergeProps($setup.tableProps, {
-        ref: _ctx.elRef,
-        style: _ctx.tableStyle,
-        "max-height": _ctx.duplexFull ? $setup.tableProps.maxHeight : resizeElementClientMaxHeight,
-        "class-name": `vk-tables-v1-table ${_ctx.tableClass}`
-      }, toHandlers($setup.tableOnEmits)), {
-        default: withCtx(() => [
-          createVNode($setup["VkTableColumns"], mergeProps($setup.columnsProps, { source: _ctx.columns }), null, 16, ["source"])
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, 1040, ["style", "max-height", "class-name"])
-    ]),
-    default: withCtx(() => [
-      $setup.hasPagination ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode($setup["ElPagination"], mergeProps($setup.paginationBindProps, {
-          "current-page": $setup.theCurrentPage,
-          "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => $setup.theCurrentPage = $event),
-          layout: $setup.layout
-        }, toHandlers($setup.paginationOnEmits), {
-          "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => $setup.updateStart({ pageSize: $event }))
-        }), null, 16, ["current-page", "layout"])
-      ])) : createCommentVNode("v-if", true)
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["full"]);
-}
-var VkTablesV1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/tables-v1/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkTablesV1.install = (app) => {
-  app.component(VkTablesV1.name || "VkTablesV1", VkTablesV1);
+}, Symbol.toStringTag, { value: "Module" }));
+m.install = (o) => {
+  o.component(m.name || "VkTablesV1", m);
+};
+export {
+  m as VkTablesV1,
+  ue as _VkTabelsV1Ctx,
+  ie as __VkTablesV1,
+  m as default
 };
-
-export { VkTablesV1, ctx as _VkTabelsV1Ctx, types as __VkTablesV1, VkTablesV1 as default };