@web-utils/form-ui 1.0.0-beta27 → 1.0.0-beta29

package/form-text/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/o5196FMX.mjs";
+import { t as e } from "../chunks/CugRu2Ka.mjs";
 export { e as default };

package/helper/dictionary.mjs

@@ -1,4 +1,4 @@
-import { i as e, r as t } from "../chunks/BVLgLg_s.mjs";
+import { a as e, o as t } from "../chunks/BQ77eAb3.mjs";
 import { getDictTreeByType as n, remote as r } from "../api/index.mjs";
 //#region src/helper/dictionary.ts
 var i = {}, a = {}, o = {}, s = () => {
@@ -48,27 +48,27 @@ var i = {}, a = {}, o = {}, s = () => {
 				labelAsValue: l
 			})) == null || p.then((n) => {
 				let r = n.data.data;
-				s && (i[u] = r, i[`${u}-options`] = e(r), a[u] = t(r)), o[u] = null, d(r);
+				s && (i[u] = r, i[`${u}-options`] = t(r), a[u] = e(r)), o[u] = null, d(r);
 			}).catch((e) => {
 				o[u] = null, f(e);
 			});
 		}
 	});
 	return o[u] = d, d;
-}, d = async (t, n, r = !0, { treeDict: i, idAsValue: o, labelAsValue: s } = {}) => {
-	let l = t;
-	i && (l = `${t}-${o}-${s}`);
+}, d = async (e, n, r = !0, { treeDict: i, idAsValue: o, labelAsValue: s } = {}) => {
+	let l = e;
+	i && (l = `${e}-${o}-${s}`);
 	let u = a[l], d;
 	if (r && u) d = u[n];
 	else {
-		let u = await c(t, r, {
+		let u = await c(e, r, {
 			treeDict: i,
 			idAsValue: o,
 			labelAsValue: s
 		});
 		if (r) d = a[l][n];
 		else {
-			if (i && (u = e(u)), !u) return d;
+			if (i && (u = t(u)), !u) return d;
 			for (let e = 0; e < u.length; e++) {
 				let t = u[e];
 				if (t.value === n) {

package/hook/useVisibilityChange.d.ts

@@ -0,0 +1,4 @@
+export declare const useVisibilityChange: ({ onPageHidden, onPageVisible }?: {
+    onPageHidden?: () => void;
+    onPageVisible?: () => void;
+}) => void;

package/hook/useVisibilityChange.mjs

@@ -0,0 +1,14 @@
+import { onBeforeMount as e, onBeforeUnmount as t } from "vue";
+//#region src/hook/useVisibilityChange.ts
+var n = ({ onPageHidden: n, onPageVisible: r } = {}) => {
+	let i = () => {
+		document.hidden ? n == null || n() : r == null || r();
+	};
+	e(() => {
+		document.addEventListener("visibilitychange", i);
+	}), t(() => {
+		document.removeEventListener("visibilitychange", i);
+	});
+};
+//#endregion
+export { n as useVisibilityChange };

package/iframe-window/index.mjs

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/BhmGnR4F.mjs";
+import { t as e } from "../chunks/DazglPJZ.mjs";
 import { createBlock as t, createElementVNode as n, mergeModels as r, mergeProps as i, openBlock as a, useModel as o, withCtx as s } from "vue";
 //#region src/components/iframe-window/IframeWindow.vue
 var c = ["src"], l = /* @__PURE__ */ Object.assign({ name: "IframeWindow" }, {

package/index.d.ts

@@ -35,13 +35,17 @@ import { default as FormSwitch } from './form-switch/index.js';
 import { default as FormText } from './form-text/index.js';
 import { default as FormView } from './form-view/index.js';
 import { default as IframeWindow } from './iframe-window/index.js';
+import { default as PageableTable } from './pageable-table/index.js';
+import { default as ResizeObserver } from './resize-observer/index.js';
+import { default as TableColumn } from './table-column/index.js';
+import { default as TableColumnDef } from './table-column-def/index.js';
 import { default as TableView } from './table-view/index.js';
 import { default as Toolbar } from './toolbar/index.js';
 import { default as ToolbarButton } from './toolbar-button/index.js';
 import { default as VueCron } from './vue-cron/index.js';
 import { default as XInputTag } from './x-input-tag/index.js';
 import { default as YearCalendar } from './year-calendar/index.js';
-export { AwesomeButton, Confirmable, ConfirmButton, ElementDialog, EmptyView, FlexScrollArea, FormAdvice, FormButton, FormCascader, FormCell, FormCheckbox, FormCheckBoxGroup, FormDatePicker, FormHolder, FormImage, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItemConfigProvider, FormItemGroup, FormItemX, FormRadioGroup, FormRate, FormRedTable, FormRow, FormSelect, FormSlider, FormSwitch, FormText, FormView, IframeWindow, TableView, Toolbar, ToolbarButton, VueCron, XInputTag, YearCalendar };
+export { AwesomeButton, Confirmable, ConfirmButton, ElementDialog, EmptyView, FlexScrollArea, FormAdvice, FormButton, FormCascader, FormCell, FormCheckbox, FormCheckBoxGroup, FormDatePicker, FormHolder, FormImage, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItemConfigProvider, FormItemGroup, FormItemX, FormRadioGroup, FormRate, FormRedTable, FormRow, FormSelect, FormSlider, FormSwitch, FormText, FormView, IframeWindow, PageableTable, ResizeObserver, TableColumn, TableColumnDef, TableView, Toolbar, ToolbarButton, VueCron, XInputTag, YearCalendar };
 export declare const componentNames: string[];
 export declare const noStylesComponents: string[];
 export declare const install: (app: App) => void;

package/index.mjs

@@ -1,48 +1,52 @@
 import e from "./awesome-button/index.mjs";
 import t from "./confirmable/index.mjs";
 import n from "./confirm-button/index.mjs";
-import { t as r } from "./chunks/BhmGnR4F.mjs";
+import { t as r } from "./chunks/DazglPJZ.mjs";
 import i from "./empty-view/index.mjs";
 import a from "./flex-scroll-area/index.mjs";
 import o from "./form-advice/index.mjs";
 import s from "./form-button/index.mjs";
-import { a as c } from "./chunks/ADvOhGAW.mjs";
-import { t as l } from "./chunks/D-ffcm89.mjs";
+import { a as c } from "./chunks/Br4i8stg.mjs";
+import { t as l } from "./chunks/Cby3mvvZ.mjs";
 import u from "./form-cell/index.mjs";
-import { t as d } from "./chunks/Cme51jl3.mjs";
-import { t as f } from "./chunks/3QpBKdDM.mjs";
-import { t as p } from "./chunks/CnP5qx9A.mjs";
+import { t as d } from "./chunks/JhyiXnbd.mjs";
+import { t as f } from "./chunks/DtAYXPvz.mjs";
+import { t as p } from "./chunks/q1SlJP1y.mjs";
 import m from "./form-red-table/index.mjs";
-import { t as h } from "./chunks/DzMQIy5h.mjs";
-import { t as g } from "./chunks/DJTwM7o_.mjs";
-import { t as _ } from "./chunks/BAE_vglg.mjs";
+import { t as h } from "./chunks/BgDYHgyH.mjs";
+import { t as g } from "./chunks/Ci1XxmdE.mjs";
+import { t as _ } from "./chunks/C4bM8miy.mjs";
 import { t as v } from "./chunks/D1G2MMMx.mjs";
-import { t as y } from "./chunks/CCc9Zjms.mjs";
-import { t as b } from "./chunks/tRXOz6_G.mjs";
-import { t as x } from "./chunks/lVzx0-GH.mjs";
-import { t as S } from "./chunks/Dn79Y_Rb.mjs";
-import { t as C } from "./chunks/qRpPD8iK.mjs";
+import { t as y } from "./chunks/Dt6gY213.mjs";
+import { t as b } from "./chunks/Cc3EJjbV.mjs";
+import { t as x } from "./chunks/Cgl-hCE5.mjs";
+import { t as S } from "./chunks/bnRb5PUB.mjs";
+import { t as C } from "./chunks/D1EOkWJ7.mjs";
 import w from "./form-input-tag/index.mjs";
 import T from "./form-input-time/index.mjs";
 import E from "./form-item-config-provider/index.mjs";
 import { t as D } from "./chunks/pxFLMMUm.mjs";
-import { t as O } from "./chunks/DGYsSu6t.mjs";
-import { t as k } from "./chunks/BJP-5-0v.mjs";
+import { t as O } from "./chunks/DO8dVGef.mjs";
+import { t as k } from "./chunks/BmZieBZW.mjs";
 import { t as A } from "./chunks/C9J3j0PX.mjs";
-import { t as j } from "./chunks/CotIhBXj.mjs";
-import { t as M } from "./chunks/ltggbLWM.mjs";
-import { t as N } from "./chunks/DlFC9IZx.mjs";
-import { t as P } from "./chunks/o5196FMX.mjs";
+import { t as j } from "./chunks/S64sNmuR.mjs";
+import { t as M } from "./chunks/C3a15Ful.mjs";
+import { t as N } from "./chunks/Cy-4nmyC.mjs";
+import { t as P } from "./chunks/CugRu2Ka.mjs";
 import F from "./form-view/index.mjs";
 import I from "./iframe-window/index.mjs";
-import L from "./table-view/index.mjs";
-import { t as R } from "./chunks/Bgny2wyC.mjs";
-import { t as z } from "./chunks/CE2akkTQ.mjs";
-import B from "./x-input-tag/index.mjs";
-import { t as V } from "./chunks/DS8NSFKr.mjs";
+import L from "./resize-observer/index.mjs";
+import { t as R } from "./chunks/Bd1O2CP5.mjs";
+import { t as z } from "./chunks/BV_P9a8o.mjs";
+import B from "./table-column-def/index.mjs";
+import V from "./table-view/index.mjs";
+import { t as H } from "./chunks/dM-icPM8.mjs";
+import { t as U } from "./chunks/B99alfW4.mjs";
+import W from "./x-input-tag/index.mjs";
+import { t as G } from "./chunks/4ZuVpQf6.mjs";
 //#region src/components/index.ts
-var H = /* @__PURE__ */ "AwesomeButton.Confirmable.ConfirmButton.ElementDialog.EmptyView.FlexScrollArea.FormAdvice.FormButton.FormCascader.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormHolder.FormImage.FormInput.FormInputCronExpression.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormItemGroup.FormItemX.FormRadioGroup.FormRate.FormRedTable.FormRow.FormSelect.FormSlider.FormSwitch.FormText.FormView.IframeWindow.TableView.Toolbar.ToolbarButton.VueCron.XInputTag.YearCalendar".split("."), U = /* @__PURE__ */ "AwesomeButton.Confirmable.ConfirmButton.FlexScrollArea.FormAdvice.FormButton.FormCascader.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormImage.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormRadioGroup.FormRate.FormSelect.FormSlider.FormSwitch.FormText.FormView.TableView.ToolbarButton".split("."), W = (H) => {
-	H.component(e.name, e), H.component(t.name, t), H.component(n.name, n), H.component(r.name, r), H.component(i.name, i), H.component(a.name, a), H.component(o.name, o), H.component(s.name, s), H.component(l.name, l), H.component(u.name, u), H.component(d.name, d), H.component(f.name, f), H.component(p.name, p), H.component(h.name, h), H.component(g.name, g), H.component(_.name, _), H.component(y.name, y), H.component(b.name, b), H.component(x.name, x), H.component(S.name, S), H.component(C.name, C), H.component(w.name, w), H.component(T.name, T), H.component(E.name, E), H.component(D.name, D), H.component(c.name, c), H.component(O.name, O), H.component(k.name, k), H.component(m.name, m), H.component(A.name, A), H.component(j.name, j), H.component(M.name, M), H.component(N.name, N), H.component(P.name, P), H.component(F.name, F), H.component(I.name, I), H.component(L.name, L), H.component(z.name, z), H.component(R.name, R), H.component(v.name, v), H.component(B.name, B), H.component(V.name, V);
+var K = /* @__PURE__ */ "AwesomeButton.Confirmable.ConfirmButton.ElementDialog.EmptyView.FlexScrollArea.FormAdvice.FormButton.FormCascader.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormHolder.FormImage.FormInput.FormInputCronExpression.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormItemGroup.FormItemX.FormRadioGroup.FormRate.FormRedTable.FormRow.FormSelect.FormSlider.FormSwitch.FormText.FormView.IframeWindow.PageableTable.ResizeObserver.TableColumn.TableColumnDef.TableView.Toolbar.ToolbarButton.VueCron.XInputTag.YearCalendar".split("."), q = /* @__PURE__ */ "AwesomeButton.Confirmable.ConfirmButton.FlexScrollArea.FormAdvice.FormButton.FormCascader.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormImage.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormRadioGroup.FormRate.FormSelect.FormSlider.FormSwitch.FormText.FormView.TableColumnDef.TableView.ToolbarButton".split("."), J = (K) => {
+	K.component(e.name, e), K.component(t.name, t), K.component(n.name, n), K.component(r.name, r), K.component(i.name, i), K.component(a.name, a), K.component(o.name, o), K.component(s.name, s), K.component(l.name, l), K.component(u.name, u), K.component(d.name, d), K.component(f.name, f), K.component(p.name, p), K.component(h.name, h), K.component(g.name, g), K.component(_.name, _), K.component(y.name, y), K.component(b.name, b), K.component(x.name, x), K.component(S.name, S), K.component(C.name, C), K.component(w.name, w), K.component(T.name, T), K.component(E.name, E), K.component(D.name, D), K.component(c.name, c), K.component(O.name, O), K.component(k.name, k), K.component(m.name, m), K.component(A.name, A), K.component(j.name, j), K.component(M.name, M), K.component(N.name, N), K.component(P.name, P), K.component(F.name, F), K.component(I.name, I), K.component(R.name, R), K.component(L.name, L), K.component(z.name, z), K.component(B.name, B), K.component(V.name, V), K.component(U.name, U), K.component(H.name, H), K.component(v.name, v), K.component(W.name, W), K.component(G.name, G);
 };
 //#endregion
-export { e as AwesomeButton, n as ConfirmButton, t as Confirmable, r as ElementDialog, i as EmptyView, a as FlexScrollArea, o as FormAdvice, s as FormButton, l as FormCascader, u as FormCell, f as FormCheckBoxGroup, d as FormCheckbox, p as FormDatePicker, h as FormHolder, g as FormImage, _ as FormInput, y as FormInputCronExpression, b as FormInputEmail, x as FormInputIdCard, S as FormInputNumber, C as FormInputPhoneNumber, w as FormInputTag, T as FormInputTime, E as FormItemConfigProvider, D as FormItemGroup, c as FormItemX, O as FormRadioGroup, k as FormRate, m as FormRedTable, A as FormRow, j as FormSelect, M as FormSlider, N as FormSwitch, P as FormText, F as FormView, I as IframeWindow, L as TableView, z as Toolbar, R as ToolbarButton, v as VueCron, B as XInputTag, V as YearCalendar, H as componentNames, W as install, U as noStylesComponents };
+export { e as AwesomeButton, n as ConfirmButton, t as Confirmable, r as ElementDialog, i as EmptyView, a as FlexScrollArea, o as FormAdvice, s as FormButton, l as FormCascader, u as FormCell, f as FormCheckBoxGroup, d as FormCheckbox, p as FormDatePicker, h as FormHolder, g as FormImage, _ as FormInput, y as FormInputCronExpression, b as FormInputEmail, x as FormInputIdCard, S as FormInputNumber, C as FormInputPhoneNumber, w as FormInputTag, T as FormInputTime, E as FormItemConfigProvider, D as FormItemGroup, c as FormItemX, O as FormRadioGroup, k as FormRate, m as FormRedTable, A as FormRow, j as FormSelect, M as FormSlider, N as FormSwitch, P as FormText, F as FormView, I as IframeWindow, R as PageableTable, L as ResizeObserver, z as TableColumn, B as TableColumnDef, V as TableView, U as Toolbar, H as ToolbarButton, v as VueCron, W as XInputTag, G as YearCalendar, K as componentNames, J as install, q as noStylesComponents };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/form-ui",
   "description": "form-ui",
-  "version": "1.0.0-beta27",
+  "version": "1.0.0-beta29",
   "author": "Simple",
   "license": "MIT",
   "type": "module",
@@ -27,6 +27,7 @@
   "dependencies": {
     "@web-utils/core": "^6.0.0-beta05",
     "@web-utils/integrations": "6.0.0-beta05",
+    "@web-utils/vue": "6.0.0-beta06",
     "cronosjs": "^1.7.1",
     "dayjs": "^1.11.20",
     "element-plus": "^2.13.7",

package/pageable-table/index.d.ts

@@ -0,0 +1,436 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrentRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    rowClassName: (StringConstructor | FunctionConstructor)[];
+    rowStyle: (ObjectConstructor | FunctionConstructor)[];
+    cellClassName: (StringConstructor | FunctionConstructor)[];
+    cellStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerRowClassName: (StringConstructor | FunctionConstructor)[];
+    headerRowStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerCellClassName: (StringConstructor | FunctionConstructor)[];
+    headerCellStyle: (ObjectConstructor | FunctionConstructor)[];
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandRowKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    defaultSort: ObjectConstructor;
+    tooltipEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    appendFilterPanelTo: StringConstructor;
+    showSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sumText: {
+        type: StringConstructor;
+        default: string;
+    };
+    summaryMethod: FunctionConstructor;
+    spanMethod: FunctionConstructor;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    load: FunctionConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tableLayout: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOverflowTooltip: (BooleanConstructor | ObjectConstructor)[];
+    flexible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollbarTabindex: (StringConstructor | NumberConstructor)[];
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipFormatter: FunctionConstructor;
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nativeScrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowExpandable: FunctionConstructor;
+    selectionWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    viewId: StringConstructor;
+    url: StringConstructor;
+    hideOnSinglePage: BooleanConstructor;
+    api: FunctionConstructor;
+    model: ObjectConstructor;
+    ascs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    descs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    headerBold: BooleanConstructor;
+    autoHeight: BooleanConstructor;
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    index: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reloadOnModelChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columns: ArrayConstructor;
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dicOptions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    paging: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickRowSelect: BooleanConstructor;
+    payloadStyle: StringConstructor;
+    disabledRowKeys: ArrayConstructor;
+    selectExport: BooleanConstructor;
+    useVisibilityChange: BooleanConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'page-loaded': null;
+    select: null;
+    'select-all': null;
+    'selection-change': null;
+    'cell-mouse-enter': null;
+    'cell-mouse-leave': null;
+    'cell-click': null;
+    'cell-dblclick': null;
+    'cell-contextmenu': 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;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrentRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    rowClassName: (StringConstructor | FunctionConstructor)[];
+    rowStyle: (ObjectConstructor | FunctionConstructor)[];
+    cellClassName: (StringConstructor | FunctionConstructor)[];
+    cellStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerRowClassName: (StringConstructor | FunctionConstructor)[];
+    headerRowStyle: (ObjectConstructor | FunctionConstructor)[];
+    headerCellClassName: (StringConstructor | FunctionConstructor)[];
+    headerCellStyle: (ObjectConstructor | FunctionConstructor)[];
+    rowKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandRowKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    defaultSort: ObjectConstructor;
+    tooltipEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    appendFilterPanelTo: StringConstructor;
+    showSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sumText: {
+        type: StringConstructor;
+        default: string;
+    };
+    summaryMethod: FunctionConstructor;
+    spanMethod: FunctionConstructor;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    load: FunctionConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tableLayout: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOverflowTooltip: (BooleanConstructor | ObjectConstructor)[];
+    flexible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollbarTabindex: (StringConstructor | NumberConstructor)[];
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipFormatter: FunctionConstructor;
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nativeScrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowExpandable: FunctionConstructor;
+    selectionWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    viewId: StringConstructor;
+    url: StringConstructor;
+    hideOnSinglePage: BooleanConstructor;
+    api: FunctionConstructor;
+    model: ObjectConstructor;
+    ascs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    descs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    headerBold: BooleanConstructor;
+    autoHeight: BooleanConstructor;
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    index: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reloadOnModelChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columns: ArrayConstructor;
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dicOptions: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    paging: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickRowSelect: BooleanConstructor;
+    payloadStyle: StringConstructor;
+    disabledRowKeys: ArrayConstructor;
+    selectExport: BooleanConstructor;
+    useVisibilityChange: BooleanConstructor;
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onPage-loaded"?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
+    "onSelection-change"?: ((...args: any[]) => any) | undefined;
+    "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
+    "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
+    "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
+    "onCell-contextmenu"?: ((...args: any[]) => any) | undefined;
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
+    "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
+    "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
+    "onHeader-click"?: ((...args: any[]) => any) | undefined;
+    "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    "onFilter-change"?: ((...args: any[]) => any) | undefined;
+    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
+    "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: unknown[];
+    border: boolean;
+    fit: boolean;
+    multiple: boolean;
+    stripe: boolean;
+    showHeader: boolean;
+    highlightCurrentRow: boolean;
+    rowKey: string | Function;
+    emptyText: string;
+    defaultExpandAll: boolean;
+    expandRowKeys: unknown[];
+    tooltipEffect: string;
+    tooltipOptions: Record<string, any>;
+    showSummary: boolean;
+    sumText: string;
+    selectOnIndeterminate: boolean;
+    indent: number;
+    lazy: boolean;
+    treeProps: Record<string, any>;
+    tableLayout: string;
+    scrollbarAlwaysOn: boolean;
+    flexible: boolean;
+    allowDragLastColumn: boolean;
+    preserveExpandedContent: boolean;
+    nativeScrollbar: boolean;
+    selectionWidth: string;
+    hideOnSinglePage: boolean;
+    ascs: unknown[];
+    descs: unknown[];
+    headerBold: boolean;
+    autoHeight: boolean;
+    immediate: boolean;
+    index: boolean;
+    selection: boolean;
+    reloadOnModelChange: boolean;
+    pageSize: number;
+    dicOptions: unknown[];
+    paging: boolean;
+    clickRowSelect: boolean;
+    selectExport: boolean;
+    useVisibilityChange: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/pageable-table/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/Bd1O2CP5.mjs";
+export { e as default };

package/pageable-table/style.css

@@ -0,0 +1 @@
+.table-column-filter .el-drawer__body{padding:10px}.table-column-filter .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin-bottom:0;padding:16px 10px 16px 24px}.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:relative}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{align-items:center;display:inline-flex}.pageable-table .pageable-table-error{color:red;border:1px solid #fca4a4;align-items:center;display:inline-flex}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{z-index:1;content:"";background-color:#606266;width:100%;height:1px;position:absolute;bottom:0;left:0}.pageable-table .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}

package/resize-observer/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
+    compareAndNotify(): void;
+    addResizeHandlers(): void;
+    removeResizeHandlers(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "notify"[], "notify", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onNotify?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;