@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/tables-form/src/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const elementPlus = require("element-plus");
 const columns_vue_vue_type_script_lang = require("./columns.cjs");
@@ -22,7 +22,7 @@ require("../../../hooks/global-config/index.cjs");
 const index$2 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const index$3 = require("../../../directives/scroll/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -31,11 +31,11 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index$1.useCssName("tables-form");
     index$2.useLocale();
     const props = __props;
-    const tableRef = require$$0.ref();
-    const formRef = require$$0.ref();
-    const refFTableColumns = require$$0.ref();
-    const dataFormValue = require$$0.ref({});
-    require$$0.watch(
+    const tableRef = vue.ref();
+    const formRef = vue.ref();
+    const refFTableColumns = vue.ref();
+    const dataFormValue = vue.ref({});
+    vue.watch(
       () => props.formValue,
       () => {
         dataFormValue.value = props.formValue || {};
@@ -47,14 +47,14 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     setTimeout(() => {
       isSort = false;
     }, 400);
-    const tableDefaultSort = require$$0.computed(() => {
+    const tableDefaultSort = vue.computed(() => {
       var _a, _b;
       return {
         prop: (_a = props.defaultSort) == null ? void 0 : _a.prop,
         order: (_b = props.defaultSort) == null ? void 0 : _b.order
       };
     });
-    const rowStyle = require$$0.computed(() => {
+    const rowStyle = vue.computed(() => {
       const height = props.lineHeight;
       const rowStyle2 = attrs.assem["row-style"];
       if (height) {
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         };
       }
     });
-    const rowClassName = require$$0.computed(() => {
+    const rowClassName = vue.computed(() => {
       const rowStyle2 = attrs.assem["row-class-name"];
       if (rowStyle2) {
         return rowStyle2;
@@ -103,12 +103,12 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         }
       });
     }
-    const lists = require$$0.computed(() => {
+    const lists = vue.computed(() => {
       const arr = [];
       setList(props.list, arr);
       return arr;
     });
-    const cellClassName = require$$0.computed(() => {
+    const cellClassName = vue.computed(() => {
       const rowStyle2 = attrs.assem["cell-class-name"];
       if (rowStyle2) {
         return rowStyle2;
@@ -129,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         };
       }
     });
-    require$$0.watch(tableDefaultSort, (newValue, oldValue) => {
+    vue.watch(tableDefaultSort, (newValue, oldValue) => {
       let prop = tableDefaultSort.value.prop;
       let order = tableDefaultSort.value.order;
       if (tableRef.value) {
@@ -190,23 +190,23 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       getRowSelectionsCheckList
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
-        class: [require$$0.unref(cs).z()]
-      }, require$$0.unref(attrs).root), [
-        require$$0.createVNode(require$$0.unref(elementPlus.ElForm), {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(elementPlus.ElForm), {
           inline: true,
           ref_key: "formRef",
           ref: formRef,
           model: dataFormValue.value,
           "label-width": "0"
         }, {
-          default: require$$0.withCtx(() => [
-            require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElTable), require$$0.mergeProps({
+          default: vue.withCtx(() => [
+            vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTable), vue.mergeProps({
               height: "100%",
-              class: [require$$0.unref(cs).z("table")],
+              class: [vue.unref(cs).z("table")],
               ref_key: "tableRef",
               ref: tableRef
-            }, require$$0.unref(attrs).assem, {
+            }, vue.unref(attrs).assem, {
               "row-class-name": rowClassName.value,
               "cell-class-name": cellClassName.value,
               "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
@@ -216,19 +216,19 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
               onSortChange: sortChange,
               "default-sort": tableDefaultSort.value
             }), {
-              empty: require$$0.withCtx(() => [
-                require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).empty, {}, () => [
-                  _cache[0] || (_cache[0] = require$$0.createElementVNode("div", { style: { "width": "217px", "height": "154px", "line-height": "20px" } }, [
-                    require$$0.createElementVNode("span", { style: { "line-height": "20px" } }, "暂无数据")
+              empty: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).empty, {}, () => [
+                  _cache[0] || (_cache[0] = vue.createElementVNode("div", { style: { "width": "217px", "height": "154px", "line-height": "20px" } }, [
+                    vue.createElementVNode("span", { style: { "line-height": "20px" } }, "暂无数据")
                   ], -1))
                 ])
               ]),
-              default: require$$0.withCtx(() => [
-                require$$0.createVNode(columns_vue_vue_type_script_lang.default, {
+              default: vue.withCtx(() => [
+                vue.createVNode(columns_vue_vue_type_script_lang.default, {
                   "selection-all": props.selectionAll,
                   ref_key: "refFTableColumns",
                   ref: refFTableColumns,
-                  table: require$$0.unref(attrs).assem,
+                  table: vue.unref(attrs).assem,
                   form: props.form,
                   formValue: dataFormValue.value,
                   data: props.value,
@@ -238,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
               ]),
               _: 3
             }, 16, ["class", "row-class-name", "cell-class-name", "row-style", "data", "default-sort"])), [
-              [require$$0.unref(index$3.default), onScroll]
+              [vue.unref(index$3.default), onScroll]
             ])
           ]),
           _: 3

package/dist/components/tables-form/src/index.vue

@@ -0,0 +1,265 @@
+<!-- @format -->
+
+<template>
+	<div :class="[cs.z()]" v-bind="attrs.root">
+		<ElForm
+			:inline="true"
+			ref="formRef"
+			:model="dataFormValue"
+			label-width="0"
+		>
+			<ElTable
+				height="100%"
+				:class="[cs.z('table')]"
+				ref="tableRef"
+				v-bind="attrs.assem"
+				:row-class-name="rowClassName"
+				:cell-class-name="cellClassName"
+				v-scroll="onScroll"
+				scroll-selector=".el-scrollbar .el-scrollbar__wrap"
+				@row-click="onRowClick"
+				:row-style="rowStyle"
+				:data="props.value"
+				@sort-change="sortChange"
+				:default-sort="tableDefaultSort"
+			>
+				<TableColumns
+					:selection-all="props.selectionAll"
+					ref="refFTableColumns"
+					:table="attrs.assem"
+					:form="props.form"
+					:formValue="dataFormValue"
+					:data="props.value"
+					:list="props.list"
+					@list-events="onListEvents"
+				></TableColumns>
+				<template #empty>
+					<slot :name="dataSlot.empty">
+						<div
+							style="
+								width: 217px;
+								height: 154px;
+								line-height: 20px;
+							"
+						>
+							<span style="line-height: 20px">暂无数据</span>
+						</div>
+					</slot>
+				</template>
+			</ElTable>
+		</ElForm>
+	</div>
+</template>
+<script lang="ts" setup>
+	import {
+		dataProps,
+		dataEmits,
+		dataExpose,
+		dataSlot,
+		type DefaultSort,
+	} from './data';
+	import { ElTable, ElForm, type ColumnStyle } from 'element-plus';
+	import TableColumns from './columns.vue';
+	import { useHide } from '../../common/use';
+	import { watch, ref, reactive, computed, onMounted } from 'vue';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import vScroll from '../../../directives/scroll';
+	import type { ObjAny } from '../../../types/index';
+
+	type RowStyle = ColumnStyle<any>;
+
+	const attrs = useInherit();
+	// 样式设置方法
+	const cs = useCssName('tables-form');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+
+	const tableRef = ref();
+	const formRef = ref();
+	const refFTableColumns = ref();
+	const dataFormValue = ref<ObjAny>({});
+
+	watch(
+		() => props.formValue,
+		() => {
+			dataFormValue.value = props.formValue || {};
+		},
+		{ immediate: true, deep: true },
+	);
+
+	const emit = defineEmits(dataEmits);
+
+	// 排序
+	let isSort = false;
+	setTimeout(() => {
+		isSort = false;
+	}, 400);
+
+	const tableDefaultSort = computed<DefaultSort>(() => {
+		return {
+			prop: props.defaultSort?.prop,
+			order: props.defaultSort?.order,
+		};
+	});
+
+	const rowStyle = computed<RowStyle>(() => {
+		const height = props.lineHeight;
+		const rowStyle = attrs.assem['row-style'] as RowStyle;
+		if (height) {
+			if (rowStyle) {
+				if (typeof rowStyle == 'object') {
+					// @ts-ignore
+					rowStyle['height'] = height + 'px';
+					return rowStyle;
+				} else {
+					return rowStyle;
+				}
+			} else {
+				return {
+					height: height + 'px',
+				} as RowStyle;
+			}
+		} else {
+			return {
+				height: '',
+				...rowStyle,
+			};
+		}
+	});
+
+	type ClassNameFun = (scope: ObjAny) => string;
+
+	const rowClassName = computed<string | ClassNameFun>(() => {
+		const rowStyle = attrs.assem['row-class-name'];
+		if (rowStyle) {
+			return rowStyle as string | ClassNameFun;
+		} else {
+			return (scope: ObjAny): string => {
+				const prop = props.form.prop;
+				if (scope.row[prop]) {
+					return 'row-form-item';
+				} else {
+					return '';
+				}
+			};
+		}
+	});
+
+	function setList(arr: ObjAny[], list: ObjAny[]) {
+		arr.forEach((obj) => {
+			if (obj.children && obj.children.length > 0) {
+				setList(obj.children, list);
+			} else {
+				if (useHide(obj)) {
+					list.push(obj);
+				}
+			}
+		});
+	}
+
+	const lists = computed(() => {
+		const arr: ObjAny[] = [];
+		setList(props.list, arr);
+		return arr;
+	});
+
+	const cellClassName = computed<string | ClassNameFun>(() => {
+		const rowStyle = attrs.assem['cell-class-name'];
+		if (rowStyle) {
+			return rowStyle as string | ClassNameFun;
+		} else {
+			return (scope: ObjAny): string => {
+				const prop = props.form?.prop;
+				const obj = lists.value[scope.columnIndex];
+				const defaultFormfilter = () => {
+					return obj.isform && obj.compon && prop && scope.row[prop];
+				};
+				const formfilter = obj.formfilter || defaultFormfilter;
+				if (formfilter(scope, obj, props.form, dataFormValue.value)) {
+					return 'cell-form-item';
+				} else {
+					return '';
+				}
+			};
+		}
+	});
+
+	watch(tableDefaultSort, (newValue, oldValue) => {
+		let prop = tableDefaultSort.value.prop;
+		let order = tableDefaultSort.value.order;
+		if (tableRef.value) {
+			if (prop) {
+				isSort = true;
+				tableRef.value.sort(prop, order);
+			} else {
+				tableRef.value.clearSort();
+			}
+		}
+	});
+
+	function validate() {
+		formRef.value?.validate((valid: boolean) => {
+			if (valid) {
+				emit('submit', dataFormValue.value);
+			}
+		});
+	}
+
+	function sortChange(obj: DefaultSort) {
+		if (isSort) {
+			isSort = false;
+			return false;
+		}
+		emit('sort-change', obj);
+	}
+	function onListEvents(...arr: any[]) {
+		emit('list-events', ...arr);
+	}
+
+	function onRowClick(row: any) {
+		toggleRowSelection(row);
+	}
+
+	function toggleRowSelection(row: any) {
+		tableRef.value.toggleRowSelection(row);
+	}
+
+	function toggleRowSelectionList(...arr: any[]) {
+		refFTableColumns.value.toggleRowSelection(...arr);
+	}
+
+	function clearSelection() {
+		tableRef.value.clearSelection();
+	}
+
+	function clearSelectionList() {
+		refFTableColumns.value.clearSelection();
+	}
+
+	function getRowSelectionsCheckList(...arr: any[]) {
+		return refFTableColumns.value.getRowSelectionsCheck(...arr);
+	}
+
+	function onScroll() {
+		emit('scroll-bottom');
+	}
+
+	function onScopeClick(...arr: any[]) {
+		emit('scope-click', ...arr);
+	}
+	function onSelectionList(...arr: any[]) {
+		emit('selection-list', ...arr);
+	}
+
+	defineExpose({
+		...dataExpose,
+		form: formRef,
+		validate,
+		clearSelection,
+		toggleRowSelectionList,
+		clearSelectionList,
+		getRowSelectionsCheckList,
+	});
+</script>
+<style lang="scss" scoped></style>

package/dist/components/tables-pagin/index.css

@@ -1,40 +1,40 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-tables-pagin {
+.tables-pagin {
   width: 100%;
-  height: var(--el-tables-pagin-height);
+  height: var(--tables-pagin-height);
   display: flex;
   flex-direction: column;
 }
-.el-tables-pagin-main {
+.tables-pagin-main {
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
 }
-.el-tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+.tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
-.el-tables-pagin-paginat {
+.tables-pagin-paginat {
   overflow: hidden;
 }
-.el-tables-pagin-paginat .el-pagination {
+.tables-pagin-paginat .el-pagination {
   justify-content: flex-end;
 }

package/dist/components/tables-pagin/index.ts

@@ -0,0 +1,8 @@
+import './index.scss';
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const TablesPagin = withInstall(SrcVue, 'TablesPagin');
+export {
+   TablesPagin,
+   TablesPagin as default
+};

package/dist/components/tables-pagin/src/index.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const index$1 = require("../../el-tables/index.cjs");
 const index$2 = require("../../pagin/index.cjs");
 const pagin = require("../../tables/common/pagin.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: pagin.dataProps,
   emits: pagin.dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
     const cs = index.useCssName("tables-pagin");
-    const slots = require$$0.useSlots();
+    const slots = vue.useSlots();
     const props = __props;
     const emit = __emit;
-    const refTable = require$$0.ref();
+    const refTable = vue.ref();
     const {
       height,
       getSelection,
@@ -44,44 +44,44 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b, _c;
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z()),
-        style: require$$0.normalizeStyle(require$$0.unref(cs).vdo(require$$0.unref(height)))
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle(vue.unref(cs).vdo(vue.unref(height)))
       }, [
-        require$$0.createVNode(require$$0.unref(index$1.ElTables), require$$0.mergeProps(require$$0.unref(tableConfig).config, require$$0.toHandlers(require$$0.unref(formEvent)), {
-          height: require$$0.unref(height),
+        vue.createVNode(vue.unref(index$1.ElTables), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+          height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
-          class: [require$$0.unref(cs).z("main"), require$$0.unref(cs).is("radio", (_a = require$$0.unref(tableConfig).config) == null ? void 0 : _a.isradio)],
-          value: require$$0.unref(data).list,
-          list: require$$0.unref(tableList),
-          size: (_b = require$$0.unref(tableConfig).config) == null ? void 0 : _b.size,
-          paginat: require$$0.unref(paginat),
-          loading: require$$0.unref(loading),
+          class: [vue.unref(cs).z("main"), vue.unref(cs).is("radio", (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.isradio)],
+          value: vue.unref(data).list,
+          list: vue.unref(tableList),
+          size: (_b = vue.unref(tableConfig).config) == null ? void 0 : _b.size,
+          paginat: vue.unref(paginat),
+          loading: vue.unref(loading),
           options: props.options,
           compons: props.compons,
-          onSortChange: require$$0.unref(onSortChange),
-          onListEvents: require$$0.unref(onListEvents),
-          onSelect: require$$0.unref(onSelect),
-          onRowClick: require$$0.unref(onRowClick),
-          onSelectionChange: require$$0.unref(onChange)
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k) => {
+          onSortChange: vue.unref(onSortChange),
+          onListEvents: vue.unref(onListEvents),
+          onSelect: vue.unref(onSelect),
+          onRowClick: vue.unref(onRowClick),
+          onSelectionChange: vue.unref(onChange)
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
             return {
               name: k,
-              fn: require$$0.withCtx((scope) => [
-                require$$0.renderSlot(_ctx.$slots, k, require$$0.normalizeProps(require$$0.guardReactiveProps(scope)))
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"]),
-        ((_c = require$$0.unref(tableConfig).paginat) == null ? void 0 : _c.is) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.Pagin), require$$0.mergeProps({ key: 0 }, require$$0.unref(pagconfig), {
-          class: require$$0.unref(cs).z("paginat"),
-          paginat: require$$0.unref(paginat),
-          total: require$$0.unref(data).total,
-          onSizeChange: require$$0.unref(onSizeChange),
-          onCurrentChange: require$$0.unref(onCurrentChange)
-        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : require$$0.createCommentVNode("", true)
+        ((_c = vue.unref(tableConfig).paginat) == null ? void 0 : _c.is) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Pagin), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+          class: vue.unref(cs).z("paginat"),
+          paginat: vue.unref(paginat),
+          total: vue.unref(data).total,
+          onSizeChange: vue.unref(onSizeChange),
+          onCurrentChange: vue.unref(onCurrentChange)
+        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : vue.createCommentVNode("", true)
       ], 6);
     };
   }

package/dist/components/tables-pagin/src/index.vue

@@ -0,0 +1,83 @@
+<template>
+	<div :class="cs.z()" :style="cs.vdo(height)">
+		<!-- table表单 -->
+		<fv-tables
+			v-bind="tableConfig.config"
+			v-on="formEvent"
+			:height="height"
+			ref="refTable"
+			:class="[cs.z('main'), cs.is('radio', tableConfig.config?.isradio)]"
+			:value="data.list"
+			:list="tableList"
+			:size="tableConfig.config?.size"
+			:paginat="paginat"
+			:loading="loading"
+			:options="props.options"
+			:compons="props.compons"
+			@sort-change="onSortChange"
+			@list-events="onListEvents"
+			@select="onSelect"
+			@row-click="onRowClick"
+			@selection-change="onChange"
+		>
+			<template v-for="k in Object.keys(slots)" #[k]="scope" :key="k">
+				<slot :name="k" v-bind="scope"></slot>
+			</template>
+		</fv-tables>
+		<!-- 分页 -->
+		<template v-if="tableConfig.paginat?.is">
+			<Pagination
+				v-bind="pagconfig"
+				:class="cs.z('paginat')"
+				:paginat="paginat"
+				:total="data.total"
+				@size-change="onSizeChange"
+				@current-change="onCurrentChange"
+			></Pagination>
+		</template>
+	</div>
+</template>
+<script setup lang="ts">
+	import FvTables from '../../el-tables/index';
+	import Pagination from '../../pagin/index';
+	import { ref, useSlots } from 'vue';
+	import { dataProps, dataEmit, useInit } from '../../tables/common/pagin';
+	import { useCssName } from '../../../hooks/cssname';
+	import type { Slots } from 'vue';
+	const cs = useCssName('tables-pagin');
+	const slots: Slots = useSlots();
+	const props = defineProps(dataProps);
+
+	const emit = defineEmits(dataEmit);
+
+	const refTable = ref();
+
+	const {
+		height,
+		getSelection,
+		initData,
+		getData,
+		empty,
+		loading,
+		tableList,
+		tableConfig,
+		onSortChange,
+		onListEvents,
+		onSelect,
+		onRowClick,
+		onChange,
+		pagconfig,
+		formEvent,
+		onSizeChange,
+		onCurrentChange,
+		paginat,
+		data,
+	} = useInit(props, emit, refTable, true);
+
+	defineExpose({
+		getSelection,
+		initData,
+		getList: getData,
+		empty,
+	});
+</script>