@timus-networks/theme 2.4.183 → 2.4.185

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.182",
+  "version": "2.4.184",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.182";
+const version = "2.4.184";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/assets/scss/main.css

@@ -12430,6 +12430,11 @@ heights > $common-component-size
   outline-offset: -1px;
 }
 
+.el-table + .el-pagination {
+  margin-top: 16px;
+  border: 1px solid red;
+}
+
 .el-popconfirm__main {
   display: flex;
   align-items: center;

package/dist/runtime/components/development/example.table.vue

@@ -34,6 +34,18 @@
             </el-dropdown>
           </el-table-column>
         </el-table>
+
+        <el-pagination
+          v-model:current-page="current_page"
+          v-model:page-size="page_size"
+          :page-sizes="[10, 20, 50, 100]"
+          :disabled="disabled"
+          :background="background"
+          layout="total, prev, pager, next, jumper, sizes"
+          :total="40000"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </div>
       <template #footer>
         <code class="flex flex-col gap-3 items-start">
@@ -196,6 +208,32 @@
     address: string;
   }
 
+  interface PaginationState {
+    current_page: number;
+    size: string;
+    page_size: number;
+    disabled: boolean;
+    background: boolean;
+    handleSizeChange: (pageSize: number) => void;
+    handleCurrentChange: (page: number) => void;
+  }
+
+  const paginationState = reactive<PaginationState>({
+    current_page: 2,
+    size: 'small',
+    page_size: 20,
+    disabled: false,
+    background: false,
+    handleSizeChange: (pageSize: number) => {
+      console.log(pageSize);
+    },
+    handleCurrentChange: (page: number) => {
+      console.log(page);
+    },
+  });
+
+  const { current_page, size, page_size, disabled, background, handleSizeChange, handleCurrentChange } = toRefs(paginationState);
+
   const tableData: User[] = [
     {
       date: '2016-05-03',

package/dist/runtime/public/scss/element-plus/index.css

@@ -11543,6 +11543,11 @@ h6,
   outline-offset: -1px;
 }
 
+.el-table + .el-pagination {
+  margin-top: 16px;
+  border: 1px solid red;
+}
+
 .el-popconfirm__main {
   display: flex;
   align-items: center;

package/dist/runtime/public/scss/element-plus/pagination.css

@@ -591,4 +591,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-pager li:focus-visible {
   outline: 1px solid var(--el-pagination-hover-color);
   outline-offset: -1px;
+}
+
+.el-table + .el-pagination {
+  margin-top: 16px;
+  border: 1px solid red;
 }

package/dist/runtime/public/scss/element-plus/pagination.scss

@@ -253,3 +253,8 @@
     @include pagination-button;
   }
 }
+
+.el-table + .el-pagination {
+  margin-top: 16px;
+  border: 1px solid red;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.183",
+  "version": "2.4.185",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {