✨(component): release 1.4.6

package/component/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "author": "就眠儀式",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",

package/component/src/component/table/TablePage.vue

@@ -7,6 +7,7 @@ export default {
 <script lang="ts" setup>
 import { LayIcon } from "@layui/icons-vue";
 import LayPage from "../page/index.vue";
+import { computed, WritableComputedRef } from 'vue';
 
 export interface LayTablePageProps {
   showPage?: boolean;
@@ -14,11 +15,11 @@ export interface LayTablePageProps {
   showLimit?: boolean;
   showCount?: boolean;
   showRefresh?: boolean;
-  modelValue: number;
+  current: number;
   limits?: number[];
   pages?: number;
   total: number;
-  limit?: number;
+  limit: number;
   theme?: string;
 }
 
@@ -28,12 +29,28 @@ const props = withDefaults(defineProps<LayTablePageProps>(), {
   showSkip: true,
 });
 
-const emit = defineEmits(["update:modelValue", "update:limit", "change"]);
+const emit = defineEmits(["update:current", "update:limit", "change"]);
+
+const current: WritableComputedRef<number> = computed({
+  get() {
+    return props.current;
+  },
+  set(val) {
+    emit("update:current", val);
+  },
+});
+
+const limit: WritableComputedRef<number> = computed({
+  get() {
+    return props.limit;
+  },
+  set(val) {
+    emit("update:limit", val);
+  },
+});
 
 const change = (pageData: any) => {
   emit("change", pageData);
-  emit("update:modelValue", pageData.current);
-  emit("update:limit", pageData.limit);
 };
 </script>
 
@@ -48,7 +65,7 @@ const change = (pageData: any) => {
     :limits="limits"
     :theme="theme"
     :pages="pages"
-    v-model="modelValue"
+    v-model="current"
     v-model:limit="limit"
     @change="change"
   >

package/component/src/component/table/index.vue

@@ -871,7 +871,7 @@ onBeforeUnmount(() => {
           :total="page.total"
           :pages="page.pages"
           :theme="page.theme"
-          v-model="page.current"
+          v-model:current="page.current"
           v-model:limit="page.limit"
           @change="change"
         >

package/document-component/src/document/zh-CN/guide/changelog.md

@@ -16,6 +16,7 @@
       <li> 
         <h3>1.4.6 <span class="layui-badge-rim">2022-0x-xx</span></h3> 
         <ul>     
+          <li>[修复] table 组件 change 事件异常。</li>
           <li>[修复] dropdown 组件 hide 事件触发异常。</li>
           <li>[优化] dropdown 组件 open 方法修改为 show 方法。</li>
         </ul>