@timus-networks/theme 2.4.184 → 2.4.185
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/assets/scss/main.css +1 -0
- package/dist/runtime/components/development/example.table.vue +38 -0
- package/dist/runtime/public/scss/element-plus/index.css +1 -0
- package/dist/runtime/public/scss/element-plus/pagination.css +1 -0
- package/dist/runtime/public/scss/element-plus/pagination.scss +1 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
|
|
|
11
11
|
const __dirname = __cjs_path__.dirname(__filename);
|
|
12
12
|
const require = __cjs_mod__.createRequire(import.meta.url);
|
|
13
13
|
const name = "@timus-networks/theme";
|
|
14
|
-
const version = "2.4.
|
|
14
|
+
const version = "2.4.184";
|
|
15
15
|
const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
|
|
16
16
|
const type = "module";
|
|
17
17
|
const exports = {
|
|
@@ -12432,6 +12432,7 @@ heights > $common-component-size
|
|
|
12432
12432
|
|
|
12433
12433
|
.el-table + .el-pagination {
|
|
12434
12434
|
margin-top: 16px;
|
|
12435
|
+
border: 1px solid red;
|
|
12435
12436
|
}
|
|
12436
12437
|
|
|
12437
12438
|
.el-popconfirm__main {
|
|
@@ -34,6 +34,18 @@
|
|
|
34
34
|
</el-dropdown>
|
|
35
35
|
</el-table-column>
|
|
36
36
|
</el-table>
|
|
37
|
+
|
|
38
|
+
<el-pagination
|
|
39
|
+
v-model:current-page="current_page"
|
|
40
|
+
v-model:page-size="page_size"
|
|
41
|
+
:page-sizes="[10, 20, 50, 100]"
|
|
42
|
+
:disabled="disabled"
|
|
43
|
+
:background="background"
|
|
44
|
+
layout="total, prev, pager, next, jumper, sizes"
|
|
45
|
+
:total="40000"
|
|
46
|
+
@size-change="handleSizeChange"
|
|
47
|
+
@current-change="handleCurrentChange"
|
|
48
|
+
/>
|
|
37
49
|
</div>
|
|
38
50
|
<template #footer>
|
|
39
51
|
<code class="flex flex-col gap-3 items-start">
|
|
@@ -196,6 +208,32 @@
|
|
|
196
208
|
address: string;
|
|
197
209
|
}
|
|
198
210
|
|
|
211
|
+
interface PaginationState {
|
|
212
|
+
current_page: number;
|
|
213
|
+
size: string;
|
|
214
|
+
page_size: number;
|
|
215
|
+
disabled: boolean;
|
|
216
|
+
background: boolean;
|
|
217
|
+
handleSizeChange: (pageSize: number) => void;
|
|
218
|
+
handleCurrentChange: (page: number) => void;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
const paginationState = reactive<PaginationState>({
|
|
222
|
+
current_page: 2,
|
|
223
|
+
size: 'small',
|
|
224
|
+
page_size: 20,
|
|
225
|
+
disabled: false,
|
|
226
|
+
background: false,
|
|
227
|
+
handleSizeChange: (pageSize: number) => {
|
|
228
|
+
console.log(pageSize);
|
|
229
|
+
},
|
|
230
|
+
handleCurrentChange: (page: number) => {
|
|
231
|
+
console.log(page);
|
|
232
|
+
},
|
|
233
|
+
});
|
|
234
|
+
|
|
235
|
+
const { current_page, size, page_size, disabled, background, handleSizeChange, handleCurrentChange } = toRefs(paginationState);
|
|
236
|
+
|
|
199
237
|
const tableData: User[] = [
|
|
200
238
|
{
|
|
201
239
|
date: '2016-05-03',
|
|
@@ -11545,6 +11545,7 @@ h6,
|
|
|
11545
11545
|
|
|
11546
11546
|
.el-table + .el-pagination {
|
|
11547
11547
|
margin-top: 16px;
|
|
11548
|
+
border: 1px solid red;
|
|
11548
11549
|
}
|
|
11549
11550
|
|
|
11550
11551
|
.el-popconfirm__main {
|
package/package.json
CHANGED