@timus-networks/theme 2.4.184 → 2.4.187

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.183",
+  "version": "2.4.186",
   "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.183";
+const version = "2.4.186";
 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

@@ -1246,6 +1246,7 @@ body {
   display: flex;
   gap: 28px;
   justify-content: center;
+  margin-top: 16px;
 }
 .page-footer .el-button {
   flex-basis: 100%;
@@ -1298,6 +1299,10 @@ body {
   width: 20px;
 }
 
+.el-table + .el-pagination {
+  margin-top: 16px;
+}
+
 :root {
   --el-color-white: #ffffff;
   --el-color-black: #000000;
@@ -12430,10 +12435,6 @@ heights > $common-component-size
   outline-offset: -1px;
 }
 
-.el-table + .el-pagination {
-  margin-top: 16px;
-}
-
 .el-popconfirm__main {
   display: flex;
   align-items: center;
@@ -15057,14 +15058,13 @@ heights > $common-component-size
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 12px;
 }
 .el-table .cell {
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  margin-left: 12px;
   padding-left: 12px;
   align-items: center;
   gap: 2px;

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">
@@ -185,7 +197,7 @@
 </template>
 <script lang="ts" setup>
   import { ElTable } from 'element-plus';
-  import { ref } from 'vue';
+  import { reactive, ref, toRefs } from 'vue';
 
   interface User {
     date: string;
@@ -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, 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,10 +11543,6 @@ h6,
   outline-offset: -1px;
 }
 
-.el-table + .el-pagination {
-  margin-top: 16px;
-}
-
 .el-popconfirm__main {
   display: flex;
   align-items: center;
@@ -14170,14 +14166,13 @@ h6,
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 12px;
 }
 .el-table .cell {
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  margin-left: 12px;
   padding-left: 12px;
   align-items: center;
   gap: 2px;

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

@@ -591,8 +591,4 @@ 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;
 }

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

@@ -253,7 +253,3 @@
     @include pagination-button;
   }
 }
-
-.el-table + .el-pagination {
-  margin-top: 16px;
-}

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

@@ -466,14 +466,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 12px;
 }
 .el-table .cell {
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  margin-left: 12px;
   padding-left: 12px;
   align-items: center;
   gap: 2px;

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

@@ -218,7 +218,8 @@
     &:last-of-type {
       .cell {
         padding-right: 0;
-        padding-left: 0;
+        // padding-left: 0;
+        padding-left: 12px;
       }
     }
   }
@@ -229,7 +230,7 @@
     text-overflow: ellipsis;
     overflow-wrap: break-word;
     // padding: 0 12px 0 0;
-    margin-left: 12px;
+    // margin-left: 12px;
     padding-left: 12px;
     align-items: center;
     // display: flex; // bunu eklersem truncate etmiyor o yüzden aşağıdaki line-height: 1 i ekledim çözüldü

package/dist/runtime/public/scss/theme.css

@@ -1241,6 +1241,7 @@ body {
   display: flex;
   gap: 28px;
   justify-content: center;
+  margin-top: 16px;
 }
 .page-footer .el-button {
   flex-basis: 100%;
@@ -1291,4 +1292,8 @@ body {
 .el-icon.more-icon svg {
   height: 20px;
   width: 20px;
+}
+
+.el-table + .el-pagination {
+  margin-top: 16px;
 }

package/dist/runtime/public/scss/theme.scss

@@ -35,6 +35,7 @@ body {
   display: flex;
   gap: 28px;
   justify-content: center;
+  margin-top: 16px;
 
   .el-button {
     flex-basis: 100%;
@@ -61,3 +62,9 @@ body {
     }
   }
 }
+
+.el-table {
+  + .el-pagination {
+    margin-top: 16px;
+  }
+}

package/package.json

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