@timus-networks/theme 2.4.33 → 2.4.34
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/components/development/example.table.vue +43 -1
- package/dist/runtime/public/scss/element-plus/index.css +7 -0
- package/dist/runtime/public/scss/element-plus/table.css +7 -0
- package/dist/runtime/public/scss/element-plus/table.scss +8 -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.34";
|
|
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 = {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<el-table-column property="city" label="City" show-overflow-tooltip />
|
|
22
22
|
<el-table-column property="zip" label="Zip" show-overflow-tooltip />
|
|
23
23
|
<el-table-column property="address" label="Address" width="140" show-overflow-tooltip />
|
|
24
|
-
<el-table-column min-width="37" fixed="right">
|
|
24
|
+
<el-table-column min-width="37" width="37" fixed="right">
|
|
25
25
|
<el-dropdown>
|
|
26
26
|
<el-icon class="more-icon"><el-icon-more-filled /></el-icon>
|
|
27
27
|
<template #dropdown>
|
|
@@ -41,6 +41,41 @@
|
|
|
41
41
|
</code>
|
|
42
42
|
</template>
|
|
43
43
|
</el-card>
|
|
44
|
+
|
|
45
|
+
<el-card>
|
|
46
|
+
<template #header> Without Border </template>
|
|
47
|
+
<div class="flex flex-col gap-7.5 items-start">
|
|
48
|
+
<p>Just add <el-text tag="mark">.no-border</el-text> to table class attribute.</p>
|
|
49
|
+
<el-table :data="tableData" style="width: 100%" flexible height="300" class="no-border">
|
|
50
|
+
<el-table-column type="selection" width="16" />
|
|
51
|
+
<el-table-column label="Date" width="120" show-overflow-tooltip>
|
|
52
|
+
<template #default="scope">{{ scope.row.date }}</template>
|
|
53
|
+
</el-table-column>
|
|
54
|
+
<el-table-column property="name" label="Name" width="120" show-overflow-tooltip />
|
|
55
|
+
<el-table-column property="state" label="State" width="240" show-overflow-tooltip />
|
|
56
|
+
<el-table-column property="city" label="City" show-overflow-tooltip />
|
|
57
|
+
<el-table-column property="zip" label="Zip" show-overflow-tooltip />
|
|
58
|
+
<el-table-column property="address" label="Address" width="140" show-overflow-tooltip />
|
|
59
|
+
<el-table-column min-width="37" width="37" fixed="right">
|
|
60
|
+
<el-dropdown>
|
|
61
|
+
<el-icon class="more-icon"><el-icon-more-filled /></el-icon>
|
|
62
|
+
<template #dropdown>
|
|
63
|
+
<el-dropdown-menu data-testid="pages-customers-index-yisqvkendj">
|
|
64
|
+
<el-dropdown-item value="1"> Action 01 </el-dropdown-item>
|
|
65
|
+
<el-dropdown-item value="2"> Action 02 </el-dropdown-item>
|
|
66
|
+
<el-dropdown-item value="3"> Action 03 </el-dropdown-item>
|
|
67
|
+
</el-dropdown-menu>
|
|
68
|
+
</template>
|
|
69
|
+
</el-dropdown>
|
|
70
|
+
</el-table-column>
|
|
71
|
+
</el-table>
|
|
72
|
+
</div>
|
|
73
|
+
<template #footer>
|
|
74
|
+
<code class="flex flex-col gap-3 items-start">
|
|
75
|
+
<html-encode :tag="snippets.borderless" />
|
|
76
|
+
</code>
|
|
77
|
+
</template>
|
|
78
|
+
</el-card>
|
|
44
79
|
</div>
|
|
45
80
|
</template>
|
|
46
81
|
<script lang="ts" setup>
|
|
@@ -121,5 +156,12 @@
|
|
|
121
156
|
<el-table-column prop="address" label="Address" />
|
|
122
157
|
</el-table>
|
|
123
158
|
`,
|
|
159
|
+
borderless: `
|
|
160
|
+
<el-table :data="tableData" class="no-border">
|
|
161
|
+
<el-table-column prop="date" label="Date" width="180" />
|
|
162
|
+
<el-table-column prop="name" label="Name" width="180" />
|
|
163
|
+
<el-table-column prop="address" label="Address" />
|
|
164
|
+
</el-table>
|
|
165
|
+
`,
|
|
124
166
|
});
|
|
125
167
|
</script>
|
|
@@ -14262,6 +14262,13 @@ heights > $common-component-size
|
|
|
14262
14262
|
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
|
|
14263
14263
|
content: none;
|
|
14264
14264
|
}
|
|
14265
|
+
.el-table.no-border {
|
|
14266
|
+
transform: translateX(0px);
|
|
14267
|
+
width: 100% !important;
|
|
14268
|
+
}
|
|
14269
|
+
.el-table.no-border::before {
|
|
14270
|
+
box-shadow: none;
|
|
14271
|
+
}
|
|
14265
14272
|
|
|
14266
14273
|
.el-table-v2 {
|
|
14267
14274
|
--el-table-border-color: var(--el-color-neutral-light-3);
|
|
@@ -913,4 +913,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
913
913
|
}
|
|
914
914
|
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
|
|
915
915
|
content: none;
|
|
916
|
+
}
|
|
917
|
+
.el-table.no-border {
|
|
918
|
+
transform: translateX(0px);
|
|
919
|
+
width: 100% !important;
|
|
920
|
+
}
|
|
921
|
+
.el-table.no-border::before {
|
|
922
|
+
box-shadow: none;
|
|
916
923
|
}
|
package/package.json
CHANGED