@neatui/vue 2.7.1 → 2.7.3

package/src/components/tools/Pagination@b.vue

@@ -13,7 +13,7 @@
     </div>
     <div class="ml-sl ar mob-ac">
       <div class="fr mob-fn m-ss-sub" ui-flex="row rm">
-        <button class="flex-fixed" :ui-btn="`@a s read :border :square ${data.current > 1 ? '' : ':disabled'}`" @click="prev">
+        <button class="flex-fixed" :ui-btn="`@a s read :border :square ${data.page > 1 ? '' : ':disabled'}`" @click="prev">
           <svg
             style="width: 1em; height: 1em"
             t="1701228540398"
@@ -32,15 +32,15 @@
           </svg>
         </button>
 
-        <button class="flex-fixed" v-for="idx in state.list" :key="idx" :ui-btn="`@a s ${idx === data.current ? 'main' : 'read :border'}`" ui-hide="<pad" @click="page(idx)">
+        <button class="flex-fixed" v-for="idx in state.list" :key="idx" :ui-btn="`@a s ${idx === data.page ? 'main' : 'read :border'}`" ui-hide="<pad" @click="page(idx)">
           <code>{{ idx }}</code>
         </button>
         <button class="flex-fixed" ui-btn="@a s read :border" ui-hide=">mob">
           <span>当前第</span>
-          <code class="nx-ss">{{ data.current || 1 }}</code>
+          <code class="nx-ss">{{ data.page || 1 }}</code>
           <span>页</span>
         </button>
-        <button class="flex-fixed" :ui-btn="`@a s read :border :square ${data.current < data.totalPages ? '' : ':disabled'}`" @click="next">
+        <button class="flex-fixed" :ui-btn="`@a s read :border :square ${data.page < data.totalPages ? '' : ':disabled'}`" @click="next">
           <svg style="width: 1em; height: 1em" class="icon co-read" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2426" width="64" height="64">
             <path
               d="M341.63640988 781.41564784c20.63742578 21.22981847 54.12571728 21.22981847 74.81456101 0l265.95100164-273.75421824c20.62728703-21.26747667 20.62728703-55.75008988 0-76.97556317l-265.95100164-273.74407946c-20.68449855-21.26747667-54.17423844-21.26747667-74.81456101 0-20.67291141 21.23706043-20.67291142 55.71170748 0 76.98497771l228.55639458 235.24869384-228.55567038 235.22117436c-20.67218722 21.26747667-20.67146302 55.74357212 0 77.02263594l0 0z"
@@ -133,13 +133,13 @@
 
   interface ModelValueProps {
     pageSize: number;
-    current: number;
+    page: number;
   }
 
   interface DataProps {
     total: number;
     totalPages: number;
-    current: number;
+    page: number;
   }
   // 类型
   interface Props {
@@ -155,15 +155,15 @@
     id: '',
     modelValue: () => ({
       pageSize: 0,
-      current: 0
+      page: 0,
     }),
     data: () => {
       return {
         total: 0,
         totalPages: 0,
-        current: 0
+        page: 0,
       };
-    }
+    },
   });
 
   const emits = defineEmits(['update:modelValue', 'page', 'size']);
@@ -172,7 +172,7 @@
     showTotal: true,
     id: computed(() => (props.id || 'PAGINATION' + route.path?.replace(/\//g, '_')).toUpperCase()),
     list: computed(() => {
-      const _page = Number(props.data.current || 1);
+      const _page = Number(props.data.page || 1);
       const list = [_page];
       if (_page > 1) {
         list.unshift(_page - 1);
@@ -193,23 +193,23 @@
         }
       }
       return list;
-    })
+    }),
   });
 
   const prev = () => {
-    const _page = Number(props.data.current) - 1 < 1 ? 1 : Number(props.data.current) - 1;
-    emits('update:modelValue', { ...props.modelValue, ...{ current: _page } });
+    const _page = Number(props.data.page) - 1 < 1 ? 1 : Number(props.data.page) - 1;
+    emits('update:modelValue', { ...props.modelValue, ...{ page: _page } });
     emits('page', _page);
   };
 
   const next = () => {
-    const _page = Number(props.data.current) + 1 > props.data.totalPages ? props.data.totalPages : Number(props.data.current) + 1;
-    emits('update:modelValue', { ...props.modelValue, ...{ current: _page } });
+    const _page = Number(props.data.page) + 1 > props.data.totalPages ? props.data.totalPages : Number(props.data.page) + 1;
+    emits('update:modelValue', { ...props.modelValue, ...{ page: _page } });
     emits('page', _page);
   };
 
   const page = (idx: any) => {
-    emits('update:modelValue', { ...props.modelValue, ...{ current: idx } });
+    emits('update:modelValue', { ...props.modelValue, ...{ page: idx } });
     emits('page', idx);
   };